Webの記事一覧

Laravel入門！Laravelを日本語化する方法

Laravel入門！Laravelを日本語化する方法です。 Laravelをインストールした直後では、認証画面やバリデーションメッセージなどが英語で表示されます。例えば初期のログイン画面では下図のよ...

Laravel入門！BreezeとBladeを使ってユーザー認証を作る方法です。 Laravel Breezeは、Laravel公式が提供しているシンプルな認証機能スターターキットです。ログイン・会員...

Laravel入門！Laravel Herd のインストールからサンプルアプリの作り方まで解説します。 (さらに…)

WordPressで画像にwidthとheightを自動追加する方法です。 imgタグにwidthとheight属性がない場合、Lazy Loadなどの画像の遅延読み込みをおこなっていると、ブラウザが...

URLの#gsc.tab=0を消す方法です。ある時、気が付いたらURLの末尾に「#gsc.tab=0」という謎の文字列が表示されるようになった。このサイトのURLを例に挙げると https://w...

Google Tag ManagerとAdsenseを遅延読み込みする方法です。以前「PageSpeed Insightsのパフォーマンス改善のためにやったこと」でサイトの表示速度の高速化について紹...

Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レ...

input要素[type="submit"]で設定している検索ボタンをSVGにする方法です。当サイトではサイト内検索フォームに、検索向けAdSense（検索エンジン広告）を使っていたんだけど、事情が...

Google Fontsを非同期で高速に読み込みする方法です。当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。ところがモバイルでは表示スピードが遅く、パフォーマンス...

iPhoneでSVGが表示されない場合の対処方法です。正確にはiOS/MacのSafariでdisplay:flexの中にsvgタグを入れると表示されないということ。ChromeやEdgeでは表示さ...