MawaLog

一日一日、楽しく生きる。技術と音楽が好き。

JavaScript

Firebaseでプロジェクトをコード書いて=>WebAPIサーバーに仕立てるときのコマンドのメモ

Firebase Cookbook: Over 70 recipes to help you create real-time web and mobile applications with Firebase (English Edition)作者: Houssem Yahiaoui出版社/メーカー: Packt Publishing発売日: 2017/11/29メディア: Kindle版この商品を含むブログを見…

vue.jsとvuexの実装と挙動のメモ

memo vueのざっくりとした流れのメモです。 vueの処理の流れ componentのxxx任意xxx.jsの methods,computeの部分 ↓ componentのxxx任意xxx.jsの data returnの部分で<template>に向けてデータバインディング ↓ UI表示 vuex state(簡易NoSQLみたいにメモリをつかってい</template>…

vue.js開発過程記録vol.x:各コードの分析メモそのx:Djangoとの比較イメージメモ

経緯など ちょっと既存のWebアプリ(Django/Python)に非同期処理をアプリにかけたいのでvue.jsを特訓することになったので、メモを残していきます。目標はWebAPIを叩けるようにするアプリです。 Djangoとの比較 今回はVue.jsとPythonフレームワークのDjangoと…

vue.js開発過程記録2:hello worldアプリの構築コマンドの記録

経緯など ちょっと既存のWebアプリ(Django/Python)に非同期処理をアプリにかけたいのでvue.jsを特訓することになったので、メモを残していきます。目標はWebAPIを叩けるようにするアプリです。 手順 環境構築のあたり、node.js&npmセットアップは以下に情報…

vue.js開発過程記録1:vue.jsを触ってみた。it worksまで

経緯など ↑の本。うちのフロントエンドはvue.jsでできているサービスが一個あり、担当の同僚いわく、AngularとReactと比べてオススメということで、話を聞いていたのですが、TwitterTLでもvue.jsの話がたくさんでてくるような気がしたので、なんとなくvue.js…

.imgの解析問題を解く[CTF for Beginners 2018]"Find the messages"

経緯 主にこの記事を元にCTF復習中 SECCON Beginners CTF 2018 Write-up 手順 1 7zを解凍 disk.img_de4d3f06696ce78c1646ed140a0ca4e5fbe4c0aa.7z というファイルがドンとあるだけ。まず、.7zという拡張子なので、これを解凍する必要がある$ brew install p7…

メールのキャプチャを追う問題を解く[CTF for Beginners 2018]"[Warmup] plain mail"

経緯 主にこの記事を元にCTF復習中 SECCON Beginners CTF 2018 Write-up 手順 0 wiresharkをインストール wiresharkは存在は知っていたけど、使うのは初めて。なのでインストール@MacOSXでも、ちょっとBREWでサクッとはいかないからこの記事がいいです。 Ho…

Webのログインクラック問題を解く[CTF for Beginners 2018]"[Warmup] Greeting"

経緯 この記事を元にCTF復習中 SECCON Beginners CTF 2018 Write-up 手順 1 まず挙動を見る コードもぺろんと書かれている

XSS問題を解く[CTF for Beginners 2018]"Gimme your comment"

経緯 この記事を元にCTF復習中 SECCON Beginners CTF 2018 Write-up 手順 1 XSSの可能性を疑い、検証 見えるのは、Webアプリフレームワークでよく作るBootstrap風のサイト。投稿できるフォームがあるのみ。 まず、投稿フォームが機能しているので、投稿して…

開発日誌:自作アプリ"Snappim"の思い出

アプリ概要と経緯 不動産業者さま専用の不動産の画像のSNSというちょっと小規模なSNSの運営を去年から半分テスト的に始めました・・・が残念ながらテストのままこのアプリは一生を終えることになりました。(まだ稼働中ですが、近日中にサーバーを止めます。…

leaflet.jsのセッティングメモ

leaflet.jsのセッティングメモ まずはこのへんは読み込みます。ということで、httpsかどうかに注意。 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js"></script> 以前httpsでの設定方法をまとめました k-mawa.hateblo.jp 次に地図を何pxで配置するかタグを記入…</link>

JSモジュール:leafletの地図表示がローカル(http)では上手くいくけどデプロイ時(https)になると非表示になるエラー解決法

コメント 今回の解決策はJSモジュール全般の同じ症状に効く可能性があります。 症状 JavaScriptはたまにしかいじらないのでノウハウ少なめの私ですが、 今回はジオコーディングがやりたくなり、OpenStreetMapを表示してピンとかも簡単に実装できるLeaflet.js…