MarkerClustererPlusというライブラリを使うと、Google Maps 上のマーカーを地図のスケールによってクラスタリング（統合）することができます。導入の仕方は、Maps JavaScript APIのドキュメントに書かれていますが、細かいオプションについては説明されていないので、各オプションについて解説していきます。

DockerでRailsの開発を作成した際に、Time.nowが日本時間になってくれず困ったので備忘録。結論、サーバーのタイムゾーンがUTCのままだったので環境変数TZを設定することで解決しました。

Vue内でSVGを読み込む際に、アイコンは色や塗り・線などのスタイルを変更するためにvue-svg-loaderで読み込みたいし、ロゴはimgタグで出力するためにfile-loaderで読み込みたい。WebpackのoneOfを使えば、vue-svg-loaderとfile-loaderの使い分けができる。

ノートのような一行ごとに罫線があるデザインをCSSのみで作成しました。CodePenでサンプルを確認してください。background-image: linear-gradient(#ccc 1px, transparent 1px);background-size: 100% 3em;

Lodashをマニュアル通り読み込んでしまうと、315個もの関数を読み込むことになるので、Lodashだけで69.02KBものサイズになってしまう。そこで必要な関数だけを読み込むようにコードを変更すると、Lodashにかかるファイルサイズは16.46KBまで抑えることができた。また、babelを使っている場合は、babel-plugin-lodashを読み込めば、コードを修正することなく、ファイルサイズを削減することができます。

DockerComposeを使って起動したDockerコンテナのログは、docker-compose logs SERVICE_NAMEで確認できる。しかし、このログはコンテナを削除しない限りずっと残ってしまう。ログが溜まれば、ディスクを圧迫してしまうことにもなるし、何万行もあるログを確認することになると、最新のログが表示されるまで何十秒もかかってしまう。ログの設定を行い、快適なDockerライフを送りましょう。

nsurlsessiondというプロセスがネットワークを占めていて他の通信ができない状態になることがありました。MacOSソフトウェア・アップデートの「新しいアップデートがある場合はダウンロード」からチェックを外すことで、nsurlsessiondが通信することがなくなりました。

AdonisJsでDB（mysql）に接続して、マイグレーションを使ったテーブルの作成します。そして、AdonisJsからデータの挿入・取得・削除の方法を紹介します。

.gitconfigに1行設定を加えるだけで、マージ済みのブランチをまとめて削除することができます。開発を日々続けていると、どんどんローカルブランチが増えて編集したいブランチを探すのが大変に。そんなローカルブランチを1つのコマンドで整理することができます。

Node.jsフレームワークにもRailsライクなものはないかなと探して見つけたのが、AdonisJsでした。Node.jsでもORMを使ったモデルの管理ができるAdnisJsで、TODOアプリを作ってみてその所感をまとめていきます。まずは導入編。

Node.jsに標準で備わっているWHATWG URLを使おうとすると、TypeError: url__WEBPACK_IMPORTED_MODULE_0__.URL is not a constructorとエラーを出て使えないことがあったので、原因を調査して対策しました。

document.querySelectorAll('.hoge').forEach・・・を私はよく使っていましたが、IE,Edgeだとエラーが発生することに気づきました。古いブラウザでは、querySelectorAllが返すNodeListはforEachに対応していないのです。