「 デザイン 」 一覧

iPadでのページレイアウトを確認しよう サイト制作をしていると、様々なブラウザやOSでのレイアウトを気にしないといけませんよね。 ただ、iPadなどのタブレット端末の場合は開発者ツールをPCブラウザ …

FlutterでGoogleMapを表示してみよう 前回、Flutterアプリの開発環境構築についてご紹介しました。 参考【天下のGoogle先生】Flutterの開発をVSCodeで行うための環境構 …

WordPressで特定のSVG画像だけアップロード出来ない このファイルタイプはセキュリティの観点で許可されていません 先日、いつも通りWordPressの記事に対してドラッグ&ドロップで …

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

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

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

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

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

PugでVue.jsを書こう Pugについては以前ご紹介しています。 参考【pug導入編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリング(SSR)をしてみよう【Vue.js】 Dock …

Electronアプリのタイトルバーを消したい Electron製のアプリケーションを作るとデフォルトではこのように、アプリケーション名がタイトルバーに表示されます。 しかし、正直なところデザイン的に …