プロジェクトにおけるCDNの活用方法
WebプロジェクトにパブリックCDNを導入する際にはいくつか重要な考慮点があります。以下に具体的な選定基準と実装例を示します。
CDNホスティングサービスの選定基準
無料利用可能な主要CDNサービス
BootCDN (https://www.bootcdn.cn/)
CDNJSとのライブラリ同期
海外ノード対応（遅延あり）
HTTP/2プロトコルサポート
中国地域のアクセス速度良好
又拍云 (http://jscd ...
9月10日 10:55 投稿
Nginxによる自作CDNサーバーの構築：キャッシュ機能とミラーリングの設定
1. ngx_cache_purgeモジュールの組み込み
Nginxのキャッシュ機能を最大限に活用し、特定のキャッシュを手動で削除できるようにするには、ngx_cache_purgeモジュールが必要です。まず、現在のNginxにこのモジュールが含まれているか確認します。
nginx -V
出力結果にngx_cache_purgeが含まれていない場合は、以下の手順でソースから再ビルドを行います。
# 作業ディレク ...
8月5日 15:20 投稿
Webインフラにおける代表的な追加構成要素の解説
本稿では、現代のWebサービス運用において頻出する補助的インフラ構成要素——ロードバランサ、リバースプロキシ、CDN、オブジェクトストレージ（OSS）、およびWAF——の役割と実装上の影響を技術的観点から整理します。各要素は単体でも有用ですが、実際の環境では複数が連携して動作することが一般的です。
ロードバランサ
ロードバランサは、受信したHTTPリクエストを複数 ...
7月10日 18:59 投稿
CDN を使って Heroicons を使う方法：インストール不要の軽量級アイコン統合ソリューション
Heroicons を CDN 経由で使用する方法は、高品質の SVG アイコンを簡単に統合できる軽量級なソリューションを提供します。Tailwind CSS チームが開発したオープンソースのアイコンライブラリである Heroicons は、UI 開発用に 200 を超える MIT ライセンスのアイコンを提供します。
Heroicons CDN 方案のメリット
CDN 経由での Heroicons 集成は、以下のような利点があり ...
6月25日 18:14 投稿
Vueプロジェクトの本番リリース前における最適化
console出力の削除
開発中にデバッグ目的で使用するconsole.log()は、本番環境では削除することが望ましいです。手動で削除するのは非効率的かつリスクがあるため、transform-remove-consoleプラグインを活用します。
プラグインのインストール
npm install babel-plugin-transform-remove-console --save-dev
Babel設定ファイルの更新
// babel.config.js
{
"plugi ...
6月17日 17:05 投稿