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属性で読み込む方法。言語単位でファイルを分けると修正範囲や影響範囲を絞れて保守しやすくなります♪
Nuxt.jsのプロジェクトにHTMLテンプレートエンジン「Pug」を導入する手順。閉じタグ不要で記述量が激減します。必要ライブラリのインストールとテンプレートファイルのpug形式への変更だけで、nuxt.config.jsの修正は不要♪
Nuxt.jsのプロジェクトにSassを導入する手順。SASS記法とSCSS記法の違い、必要ライブラリのインストール、sassファイルの作成、pagesのstyleでlang=scssとscopedを指定、nuxt.config.jsの修正まで♪
Nuxt.js連載のプロジェクト作成編。Dockerコンテナ内でvue-cliを使ってプロジェクトを作成し、モジュールのインストールと起動まで。ホットリロード、ルーティングの自動設定、nuxt generateなどの便利なコマンドも紹介♪
サーバーサイドレンダリングができる「Nuxt.js」の開発環境をDockerで構築する手順。Vue.jsとNuxt.jsの概要、Dockerfileとdocker-compose.ymlの作成、コンテナの起動とyarnの確認まで。連載の環境構築編です♪
EclipseでSpringBootのリモートデバッグを行う方法。Debug ConfigurationsでRemote Java Applicationをポート5005で作成し、デバッグ用オプションで起動したアプリにアタッチします。Dockerで動かしていても使えます♪
docker-composeでSchemaSpyを動かし、既存のデータベースからテーブル構造・カラム・PK/FK・ER図のドキュメントを自動生成する方法。プロパティファイルの準備から起動、publicスキーマしか出ない場合の対処まで♪
GitHub Universe 2018でPull Request以来の新機能「GitHub Actions」が発表されました。GitHub上の操作をトリガーにDockerコンテナを連携させてビルド・テスト・デプロイを自動化でき、main.workflowファイルで管理します♪
