「 Vue.js 」 一覧
-
【baseUrl】Vue-CLI3でルートディレクトリ以外にデプロイしたい場合のURLを置き換える方法【publicPath】
2019/09/25 IT
Vueプロジェクトをサブディレクトリにデプロイしたい サイトなどを製作している場合、基本的にはhttp://localhost/{アプリケーション}の形で開発及び動作確認を行うと思います。 そして、い …
-
【TypeScript】FileReaderのevent.target.resultがString型に代入出来ない時の原因と対策【ArrayBuffer】
2019/09/24 IT
TypeScriptでコンパイルエラー TypeScriptを利用して、Formのファイル選択時にサムネイルを出そうと思い、以下のようなコーディングをした際にTypeScriptのエラーが発生しました …
-
【Vue.js】Vue-CLI3でBootstarp-vueを導入する方法【デザインフレームワーク】
2019/09/23 IT
VueアプリでBootstrap4を導入したい 管理システムや簡易なWebサイトを開発する際、そこまでデザインにこだわる必要がなく、とはいえ自分でCSSを作り込む時間をかけたい場合にUIフレームワーク …
-
【TypeScript】Vuetifyを入れた際の「implicitly has an ‘any’ type.」のビルドエラーの原因と解決方法【Vue-cli3】
2019/09/21 IT
VuetifyでTypeScriptエラー Vue-cli3で簡単に導入可能 Vue-cli3を利用すると、簡単にプロジェクトにVuetifyを導入することが可能になります。 [crayon-660d …
-
【universal-analytics】ElectronにGoogleAnalyticsを導入して機能の利用・アクセス解析をする方法【Vue-cli】
2019/09/17 IT
ElectronアプリケーションにGoogleAnalyticsを導入したい 簡単に導入出来ると思ってた時期が僕にもありました。 Electronでアプリケーションを作る際に、公開することを見越してア …
-
【簡単瞬殺】vue-cliでpugを導入して記述量を半分以下に減らす方法【Electron】
2019/09/11 IT
PugでVue.jsを書こう Pugについては以前ご紹介しています。 参考【pug導入編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリング(SSR)をしてみよう【Vue.js】 Dock …
-
【Vue.js】Electronのタイトルバーを消す方法【ドラッグ移動も対応】
2019/09/09 IT
Electronアプリのタイトルバーを消したい Electron製のアプリケーションを作るとデフォルトではこのように、アプリケーション名がタイトルバーに表示されます。 しかし、正直なところデザイン的に …
-
【Vue.jsのUIフレームワーク】Electronアプリのデザインフレームワークに「Quasar」をインストール・導入する方法
2019/09/08 IT
VueのUIフレームワークは「Quasar」で決まり 沢山あって迷う問題 先日、Vue.jsを使う中で、UIフレームワークを何にするかで悩みました。 Vuetify やBootstrap-V …
-
【自作デスクトップアプリ】Electronにアイコンを設定する方法【Vue.js】
2019/09/06 IT
アプリケーションアイコンを設定しよう 前回、Electron + Vue-cliを用いた環境構築方法についてご紹介しました。 参考【デスクトップアプリ】Electron+Vueの環境構築をvue-cl …
-
【デスクトップアプリ】Electron+Vueの環境構築をvue-cliのみで完結してみた【エディターいらず】
2019/09/05 IT
Electron使いたい 今時のデスクトップアプリはクオリティが高い エンジニアの皆さんは、SlackやAtom、VSCode、PostManを使ったことありますか? 使いやすさやデザイン、動作の軽さ …