タグ

106 件

備忘録

Featured image of post 自作BeanValidatorのエラーメッセージが取得できない原因【Play2.7】
1374文字

自作BeanValidatorのエラーメッセージが取得できない原因【Play2.7】

PlayFramework2.7で自作のBeanValidatorのエラーメッセージをscalaテンプレートから取得しようとするとAbstractNestablePropertyAccessorでエラーになる原因。Formモデルにフィールドを定義すれば回避できます♪

Featured image of post vue-cliでpugを導入して記述量を半分以下にする方法【Electron】
636文字

vue-cliでpugを導入して記述量を半分以下にする方法【Electron】

Vue-CLIで作ったElectronプロジェクトにPugを導入する方法。vue-cliでvue-cli-plugin-pugを追加するだけで、HTMLをPug記法に書き換えられます。閉じタグが無くなって記述量が半分以下になります♪

Featured image of post 【Vue.js】Electronのタイトルバーを消す方法【ドラッグ移動も対応】
947文字

【Vue.js】Electronのタイトルバーを消す方法【ドラッグ移動も対応】

Electron + Vue.jsのアプリでタイトルバーを消す方法。BrowserWindowのオプションにtitleBarStyle: hiddenを加えるだけ。消すとウィンドウをドラッグ移動できなくなるので、-webkit-app-region: dragのCSSも当てます♪

Featured image of post ElectronアプリにUIフレームワーク「Quasar」を導入する方法
2008文字

ElectronアプリにUIフレームワーク「Quasar」を導入する方法

Electron + Vue.jsアプリのUIフレームワークにマテリアルデザインベースの「Quasar」をvue-cliで導入する方法。コンポーネントの追加、vue-cliとyarnで扱えるバージョンの違い、Routerの変更点、Layout Builderでのコード生成まで♪

Featured image of post 【自作デスクトップアプリ】Electronにアイコンを設定する方法【Vue.js】
837文字

【自作デスクトップアプリ】Electronにアイコンを設定する方法【Vue.js】

Electron + Vue.jsで作ったデスクトップアプリにオリジナルのアイコンを設定する方法。アイコンファイルをsrc/assetsに置き、vue.config.jsにvue-electron-builderのビルド設定を書くだけです♪

Featured image of post Nuxt.jsの@nuxtjs/axiosで外部APIにリクエストを投げる方法
1068文字

Nuxt.jsの@nuxtjs/axiosで外部APIにリクエストを投げる方法

Nuxt.jsで@nuxtjs/axiosを使って外部APIにリクエストを投げ、レスポンスを画面に表示する方法。axiosとは何か、yarnでのモジュールインストール、nuxt.config.jsの編集、asyncDataの修正、動作確認まで♪

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 SpringBoot2でリクエストの処理時間をログに出力する方法
761文字

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

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

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