Vue-CLI3で作ったVueプロジェクトにBootstrap4ベースのUIフレームワーク「Bootstrap-vue」を導入する方法。vue addコマンドで追加し、公式ドキュメントのカードコンポーネントで動作確認するまで。シンプルで使いやすいです♪
Vue-cli3でTypeScriptのプロジェクトにVuetifyを入れると出る「implicitly has an 'any' type.」のビルドエラーは、tsconfig.jsonに1行追加するだけで解決します。@types/vuetifyのインストールは不要です♪
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のビルド設定を書くだけです♪
Swagger/OpenAPIの定義から今風の見やすいAPIドキュメントを作れる「ReDoc」の導入方法。SwaggerUIとの違いと、HTMLファイル1つとSpecファイルを置くだけで動く手軽さをご紹介します♪
Nuxt.jsのプロジェクトにHTMLテンプレートエンジン「Pug」を導入する手順。閉じタグ不要で記述量が激減します。必要ライブラリのインストールとテンプレートファイルのpug形式への変更だけで、nuxt.config.jsの修正は不要♪
Nuxt.jsのプロジェクトにSassを導入する手順。SASS記法とSCSS記法の違い、必要ライブラリのインストール、sassファイルの作成、pagesのstyleでlang=scssとscopedを指定、nuxt.config.jsの修正まで♪
初めてのゲーミングキーボードに「Logicool G PRO テンキーレス」を買いました。特徴と仕様、開封、パッケージとUSBケーブル、本体の外観、打鍵感などの使用感まで。FPS向けでデスク周りをLogicoolで統一♪
