Webパフォーマンス改善：PageSpeed Insightsスコアを大幅に改善できた5つの施策 2026. 10. 04 JavaScript SEO・ｱﾅﾘﾃｨｸｽ クライアント側のサーバー（へテムル）で、モバイルのPageSpeedInsightsスコアが14点という衝撃的な数値だったため（カラフルボックスでは55点）、Webパフォーマンス改… 続きを読む ブックマークレットは案外いいぞ｜X（旧Twitter）片思い一括フォロー解除ツールを作って再評価した「API非依存」の強さ 2026. 07. 08 JavaScript 正直に白状すると、私はずっとブックマークレットを軽く見ていました。「javascript:から始まる古い書き方」「モダンじゃない」——そんなイメージで、選択肢から外していたんです。… 続きを読む unpkg.com の使い方 / npm にパッケージを公開してCDN配信する方法【初心者向け】 2026. 06. 01 JavaScript unpkg.comはnpm上の全パッケージをそのままCDN配信するサービスです。URLのルールを覚えれば、任意のパッケージを即座に利用できます。この記事ではURLの読み方から本番環… 続きを読む Chart.jsで棒グラフを作るかんたんな使い方【コピペOK】 2026. 05. 29 JavaScript Chart.jsは、HTMLの<canvas>要素を使ってグラフを描画するJavaScriptライブラリです。Canvasベースなので軽量かつ高パフォーマンスで、棒グラ… 続きを読む Chart.jsで積み上げ棒グラフを作るかんたんな使い方【コピペOK】 2026. 05. 11 JavaScript Chart.jsは、HTMLの<canvas>要素を使ってグラフを描画するJavaScriptライブラリです。Canvasベースなので軽量かつ高パフォーマンスで、棒グラ… 続きを読む contrast-color()を設定できるJavaScriptを作ってみた｜背景色から文字色を自動判定 2026. 04. 22 JavaScript CSSのcontrast-color()関数が2026年4月、ようやく全モダンブラウザで使えるようになりました。背景色を渡すと「白か黒」どちらか読みやすい方を返してくれるというシン… 続きを読む PCはタブパネル切り替え・SPはアンカーリンク——JavaScriptで実現するハイブリッドUIの実装解説 2026. 04. 13 JavaScript 「PCではタブで切り替えたい、でもSPではページ内リンクで飛ばしたい」——レスポンシブサイトでよくある要件です。この記事では、そのハイブリッドなタブUI（invisible-tab… 続きを読む CDN「unpkg.com」は安全？信頼性とメリットをクライアントに説明する方法 2024. 08. 10 JavaScript unpkg.comは、npm上の全パッケージを高速配信するCDN（コンテンツ配信ネットワーク）サービスです。JavaScriptライブラリやCSSフレームワークを、自社サーバーにア… 続きを読む 画像パスを動的に変更するJavaScriptテクニック 2024. 08. 03 JavaScript はじめにWebサイト開発において、画像パスを動的に変更する必要が生じることがあります。今回は、テスト環境と本番環境で画像パスが異なる場合に、JavaScriptを使用して動的に画像… 続きを読む dialogタグを使用したシンプルなモーダルの実装方法 2024. 09. 27 JavaScript はじめにWebサイトやアプリケーションでよく使用されるUIパターンの一つに「モーダル」があります。モーダルは、ユーザーの注意を特定のコンテンツに集中させるために使用される重要なUI… 続きを読む
CODE PLUS（コードプラス）