カテゴリ

295 件

IT

Featured image of post Nuxt.jsのvueファイルでJS/CSS/テンプレートを外部ファイル化
1113文字

Nuxt.jsのvueファイルでJS/CSS/テンプレートを外部ファイル化

Nuxt.jsのvueファイルからHTML(Pug)・JavaScript(TypeScript)・CSS(Sass)をそれぞれ外部ファイル化して、src属性で読み込む方法。言語単位でファイルを分けると修正範囲や影響範囲を絞れて保守しやすくなります♪

Featured image of post Nuxt.jsにテンプレートエンジン「Pug」を導入する方法【Vue.js】
1187文字

Nuxt.jsにテンプレートエンジン「Pug」を導入する方法【Vue.js】

Nuxt.jsのプロジェクトにHTMLテンプレートエンジン「Pug」を導入する手順。閉じタグ不要で記述量が激減します。必要ライブラリのインストールとテンプレートファイルのpug形式への変更だけで、nuxt.config.jsの修正は不要♪

Featured image of post Nuxt.jsのプロジェクト作成と起動まで【SSR/Vue.js】
1848文字

Nuxt.jsのプロジェクト作成と起動まで【SSR/Vue.js】

Nuxt.js連載のプロジェクト作成編。Dockerコンテナ内でvue-cliを使ってプロジェクトを作成し、モジュールのインストールと起動まで。ホットリロード、ルーティングの自動設定、nuxt generateなどの便利なコマンドも紹介♪

Featured image of post Nuxt.jsの開発環境をDockerで構築する方法【SSR/Vue.js】
1795文字

Nuxt.jsの開発環境をDockerで構築する方法【SSR/Vue.js】

サーバーサイドレンダリングができる「Nuxt.js」の開発環境をDockerで構築する手順。Vue.jsとNuxt.jsの概要、Dockerfileとdocker-compose.ymlの作成、コンテナの起動とyarnの確認まで。連載の環境構築編です♪

Featured image of post SpringBoot2で「Spock」を使ってユニットテストを書く方法
3477文字

SpringBoot2で「Spock」を使ってユニットテストを書く方法

SpringBoot2でJUnitに代わるテストフレームワーク「Spock」を使ってコントローラーのユニットテストを書く方法。依存関係の追加、テストクラスの作成と要点の解説、実行、HTMLのエラーレポートまで。TDD入門に♪

Featured image of post 【簡単】特定アカウントのツイートをSlackに自動で転送する方法【Twitter】
908文字

【簡単】特定アカウントのツイートをSlackに自動で転送する方法【Twitter】

特定のTwitterアカウントのツイートをSlackに自動で転送する方法。SlackのManage appsからTwitterアプリを連携し、転送したいアカウントと送信先チャンネルを登録するだけ。ポチポチで完了します♪

Featured image of post SpringBoot2でリクエストの処理時間をログに出力する方法
761文字

SpringBoot2でリクエストの処理時間をログに出力する方法

SpringBoot2でリクエストの処理時間(latency)をログに出力する方法。AbstractRequestLoggingFilterを継承したクラスを実装してBean登録するだけで、ミリ秒単位の所要時間が出ます。パフォーマンス改善に♪

(1 - 30)
Enter Enter キーでジャンプ