素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

「 デザイン 」 一覧

【Vue-CLI 3系】Quasarでアイコンが表示されない場合の原因と解決方法まとめ【マテリアルアイコン/FontAwesame/MDI】

2019/10/19 IT

アイコンが出ない助けて!!! 表示されない Quasarを使ってWebシステムやサイトを構築している際に、ドキュメントに「マテリアルアイコン以外にもFontAwesameやMDIなどをサポートしている …

【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】

2019/09/29 IT

PWAのインストールボタンを配置しよう 先日、WebサイトのPWA化についてご紹介しました。 参考【30分でPWA化】Progressive Web Appsの概要とサイトのPWA対応のやり方まとめ【 …

【baseUrl】Vue-CLI3でルートディレクトリ以外にデプロイしたい場合のURLを置き換える方法【publicPath】

2019/09/25 IT

Vueプロジェクトをサブディレクトリにデプロイしたい サイトなどを製作している場合、基本的にはhttp://localhost/{アプリケーション}の形で開発及び動作確認を行うと思います。 そして、い …

【Vue.js】Vue-CLI3でBootstarp-vueを導入する方法【デザインフレームワーク】

2019/09/23 IT

VueアプリでBootstrap4を導入したい 管理システムや簡易なWebサイトを開発する際、そこまでデザインにこだわる必要がなく、とはいえ自分でCSSを作り込む時間をかけたい場合にUIフレームワーク …

336×280




【TypeScript】Vuetifyを入れた際の「implicitly has an ‘any’ type.」のビルドエラーの原因と解決方法【Vue-cli3】

2019/09/21 IT

VuetifyでTypeScriptエラー Vue-cli3で簡単に導入可能 Vue-cli3を利用すると、簡単にプロジェクトにVuetifyを導入することが可能になります。 [crayon-5daa …

【簡単瞬殺】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 …

336×280




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

2019/09/06 IT

アプリケーションアイコンを設定しよう 前回、Electron + Vue-cliを用いた環境構築方法についてご紹介しました。 参考【デスクトップアプリ】Electron+Vueの環境構築をvue-cl …

【SwaggerUIはもう古い?!】今時のイケてるデザインなAPIドキュメントツール「ReDoc」の導入方法と使い方【簡単】

2019/07/21 IT

SwaggerUIにつぐ新たな勢力 以前、Swaggerに関する記事をご紹介しました。 参考【炎上回避】APIドキュメントはSwaggerで定義すると幸せになれる説 Mac Windows アプリケー …