MkDocsで生成するドキュメントのレイアウトをカスタマイズする方法まとめ。mkdocs.ymlでのテーマ変更、CSSやGoogle Fontsの追加、注釈・警告ブロック、画像挿入、FontAwesome、リンクを別タブで開く設定まで♪
仕様書や設計書をExcelやPowerPointではなくマークダウンで書けるドキュメントツール「MkDocs」の使い方。インストール、プロジェクト作成、ホットリロード付きの開発サーバー起動、ページ追加、HTML出力まで。GitHubで管理できます♪
Adobe CCを契約していれば無料で使えるハイクオリティな「Adobe Fonts」のインストール方法。CCアプリのフォント一覧から選んでダウンロードするだけで、PhotoshopやAfter Effectsなどから使えます。ライセンスも明確です♪
SwitchやPS4とPCで1台のモニターを使い回すために、Amazonで約1000円のHDMI切替器「GANA 4Kx2K」を買いました。3入力をボタン1つで切り替え、USB給電も不要。MacBook用のTypeC-HDMI変換ケーブルも♪
BenQのモニター「GW2480」をサブディスプレイにしてデュアルモニター環境を作りました。あわせて買ったモニターアームの開封と取り付け、デスクへの固定まで。テレワークやゲームの作業効率が上がります♪
ホストマシンを汚さずにdocker-composeでVue.jsの開発環境を構築する方法。Dockerfileとdocker-compose.ymlの作成、コンテナ内でVue-CLIのプロジェクト作成、開発サーバーのポート変更、QuasarとPugの追加まで♪
ジムに通わず自宅で筋トレするために揃えた道具を開封レビュー。IROTECのダンベルセット、adidasのトレーニングマット、DANNOのプレート止め、トレーニンググローブ、ベンチ代わりの収納スツール。在宅の運動不足解消に♪
Vue-CLIで作ったプロジェクトに、PrettierとESLintによるVSCodeの保存時自動整形と静的チェックを有効にする設定手順。.prettierrcへのリネーム、.eslintrc.jsの確認、.vscode/settings.jsonの作成まで♪
CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法。CloudFrontのCompress Objects Automaticallyを有効にするだけで、curlでcontent-encoding: gzipを確認できます。画像は対象外です♪
サーバー上やMacにあるJPEG画像をCLIツール「jpegoptim」で一括圧縮する方法。HomebrewやyumでのインストールからコマンドとオプションまでWordPress運用者向けにまとめました。1000枚でも数分で終わります♪