CATEGORY

Web 制作

  • 2019-04-24

Google Fonts の読み込みを可能な限り高速化する方法

Google Fonts の読み込みが遅く、サイトの表示速度高速化のネックになっていたんですが、以下の2つを実施することで、読み込み速度を大幅に改善できましたので紹介します。 PageSpeed Module を利用した font-face 定義 CSS のインライン化 fonts.gstatic.com の preconnect ① に関しては、Web サーバーの設定を変更する必要があるため、レ […]

  • 2019-04-12

Android で <code> タグ内の文字を等幅フォントで表示する

手持ちの Android 2機種 (Xperia XZ と Nexus 5) の Chrome ブラウザで <code> タグ内の等幅フォントを表示するのに苦戦しました。 結論としては Monaco と Courier という2つのフォントが有効でした。 Monaco Courier 設定した font-family 最終的に <code> タグに以下の font-fami […]

  • 2019-04-06

Google Analytics で自分の PC やスマホからのアクセスを除外する方法

Google Analytics でアクセス解析をする上で、サイトのアクセスが少ないうちは自分の PC やスマホからのアクセス数がノイズになりますよね。 正しくアクセス解析するためには、自分のアクセスを除外する必要があります。 自分のアクセスを Google Analytics から除外する方法を以下の4つに分けて紹介します。 自宅 IP アドレスの除外 PC からのアクセスの除外 iPhone […]

  • 2019-03-19

Web MIDI API + WebSocket による遠隔演奏の実験

Web MIDI API と WebSocket を利用した遠隔 MIDI ライブ演奏のサンプルウェブアプリを作りました。イメージ図は次の通りです。WebSocket には Node.js の Socket.IO を利用しました。 クライアントがアプリと MIDI 楽器を繋ぎ演奏すると、同じアプリに繋がれた他のクライアントにも Node.js サーバーを通して、リアルタイムに MIDI メッセージ […]