pyenvやnodenvなどのバージョン管理ツールをまとめて扱える「anyenv」をHomebrewで導入する方法。環境変数の設定、init、nodenvのインストール、対象バージョンの適用まで。fish shellでの注意点も♪ MacBook Pro 2019のMojaveでDocker for macが「Docker Desktop is starting」のまま起動しないときの回避策。VirtualBoxを入れてdocker-machineでdefaultを作成し、環境変数を登録して自前のDockerホストで動かします♪ ユーザーフレンドリーな新しめのシェル「fish shell」をMacに導入する方法と使い方まとめ。Homebrewでのインストール、起動シェルへの設定、レイアウトなどの各種設定、プラグイン管理のfisherとpecoプラグインの導入まで♪
MacBook Proを買ったときにやった初期設定とインストールしたアプリのまとめ。スクリーンショットの保存先変更、キーリピートの高速化、GitHubのSSH設定、Dockの自動非表示、Homebrewで入れる無料アプリなど♪ 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に入れて、ルートを定義してサーバー起動まで。動的レスポンスやアクセスログも便利です♪ Nuxt.jsのプロジェクトにHTMLテンプレートエンジン「Pug」を導入する手順。閉じタグ不要で記述量が激減します。必要ライブラリのインストールとテンプレートファイルのpug形式への変更だけで、nuxt.config.jsの修正は不要♪ Nuxt.jsのプロジェクトにSassを導入する手順。SASS記法とSCSS記法の違い、必要ライブラリのインストール、sassファイルの作成、pagesのstyleでlang=scssとscopedを指定、nuxt.config.jsの修正まで♪