サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
iPad Air
zenn.dev/ichii731
現在、ベータ版のVuetify3でMaterial Design Icon(MDI)で必要なアイコンだけ読み込ませるベストプラクティスをメモに残しておきます。 (Laravel Mixの環境ですがvue-cliやNuxtでも同様です) @mdi/fontは重すぎる! 「アイコンフォントは重すぎる！！！」某米倉◯子さんに読んでいただきたいですね。 MDIやFontawesomeなどのアイコンフォントは300KB程度。更に追加でフォントファイルも読み込まれるため非常に読み込み遅延の阻害になりPageSpeed Insightsのモバイルスコアがガタ落ちします。 しかも使うアイコンの数は多くて10個程度だしもったいなすぎる。 そこで、@mdi/fontsパッケージから @mdi/js パッケージに切り替え、必要なアイコンSVGのみバンドルする手法を活用します。 Vuetify3で必要なアイコンだ
PHPを書くときに大変便利なPhpStormですが、GitHub Copilotを使う手順を覚え書き程度に紹介。（タイトルにはIntelliJも入っていますが今回はPhpStormで説明します。操作は全く同じです） GitHub Copilot、プログラムの補完はもちろんいいのですが特に事務的な面倒な作業をする時に意図を汲んで補完してくれるので本当に便利なんです。 GitHub CopilotのVS Codeでの使い方は以下で紹介しました。 導入方法（JetBrainsのIDE共通） 導入手順はIntelliJなどの他のJetBrains製IDEと全く同じです。PhpStormでも例外ではありません。 メニューから設定を開き、プラグインタブへ遷移。 検索窓に「Copilot」と入力。 再起動したら右下に「Sign in GitHub」という通知が表示されると思うので選択後、指示の通りアクセ
このページを最初にブックマークしてみませんか？
『zenn.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
