PlayFramework2.7で自作のBeanValidatorのエラーメッセージをscalaテンプレートから取得しようとするとAbstractNestablePropertyAccessorでエラーになる原因。Formモデルにフィールドを定義すれば回避できます♪
Vue-CLIで作ったElectronプロジェクトにPugを導入する方法。vue-cliでvue-cli-plugin-pugを追加するだけで、HTMLをPug記法に書き換えられます。閉じタグが無くなって記述量が半分以下になります♪
Electron + Vue.jsのアプリでタイトルバーを消す方法。BrowserWindowのオプションにtitleBarStyle: hiddenを加えるだけ。消すとウィンドウをドラッグ移動できなくなるので、-webkit-app-region: dragのCSSも当てます♪
Electron + Vue.jsアプリのUIフレームワークにマテリアルデザインベースの「Quasar」をvue-cliで導入する方法。コンポーネントの追加、vue-cliとyarnで扱えるバージョンの違い、Routerの変更点、Layout Builderでのコード生成まで♪
Electron + Vue.jsで作ったデスクトップアプリにオリジナルのアイコンを設定する方法。アイコンファイルをsrc/assetsに置き、vue.config.jsにvue-electron-builderのビルド設定を書くだけです♪
Electron + Vue.jsのデスクトップアプリ開発環境をvue-cliだけで構築する手順。vue-cliのインストール、プロジェクト作成、electron-builderの追加、動作確認、アプリのビルドまでコマンド操作のみで完結します♪
Node.jsのパッケージ管理をnpmではなく高速で信頼性の高い「yarn」で行う方法。Homebrewでのインストール、yarn init、add・remove・installなどnpmとの基本コマンドの比較表つき♪
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の修正、動作確認まで♪
