Electron + Vue.jsのデスクトップアプリ開発環境をvue-cliだけで構築する手順。vue-cliのインストール、プロジェクト作成、electron-builderの追加、動作確認、アプリのビルドまでコマンド操作のみで完結します♪
Node.jsのパッケージ管理をnpmではなく高速で信頼性の高い「yarn」で行う方法。Homebrewでのインストール、yarn init、add・remove・installなどnpmとの基本コマンドの比較表つき♪
MySQLのgeometry型に緯度経度を入れて2点間の距離をkmで計算する方法。非推奨になったGEOMFROMTEXTの代わりにST_GEOMFROMTEXTを使い、距離をメートルで求める関数の結果を1000で割ります♪
MySQLでgeometry型を使わず、double型で持っている緯度経度から2点間の距離をkm単位で計算するSQLの書き方。県庁所在地テーブルを例に、東京タワーやディズニーランドなどからの距離で近隣検索を試しました♪
Swagger/OpenAPIの定義から今風の見やすいAPIドキュメントを作れる「ReDoc」の導入方法。SwaggerUIとの違いと、HTMLファイル1つとSpecファイルを置くだけで動く手軽さをご紹介します♪
Nuxt.jsで@nuxtjs/axiosを使って外部APIにリクエストを投げ、レスポンスを画面に表示する方法。axiosとは何か、yarnでのモジュールインストール、nuxt.config.jsの編集、asyncDataの修正、動作確認まで♪
VSCodeからDockerコンテナ内で動くNuxt.jsにリモートデバッグでアタッチする方法。docker-compose.ymlへのデバッグ用ポート追加、launch.jsonの作成、package.jsonに--inspect=0.0.0.0:9229のタスク追加まで♪
Nuxt.jsのプロジェクトに後からTypeScriptを導入する手順。@nuxt/typescript・ts-node・vue-property-decoratorをyarnで追加し、nuxt.config.jsとtsconfig.json、pagesをTypeScript対応。lintエラーの対処も♪
Nuxt.jsのvueファイルからHTML（Pug）・JavaScript（TypeScript）・CSS（Sass）をそれぞれ外部ファイル化して、src属性で読み込む方法。言語単位でファイルを分けると修正範囲や影響範囲を絞れて保守しやすくなります♪
GUIで爆速にモックAPIサーバーを立てられる「Mockoon」の使い方。HomebrewやインストーラーでMacやWindowsに入れて、ルートを定義してサーバー起動まで。動的レスポンスやアクセスログも便利です♪
