Notes
Rust・Go・TypeScriptを中心に、Web開発の実践知識をまとめたコンテンツ一覧
Articles
Cloudflare Tunnelの安全性を徹底検証｜仕組み・リスク・防御策を完全解説
自宅サーバーやローカルの開発環境をインターネットに公開する際、ルーターのポート開放はセキュリティ上の大きなリスクです。Cloudflare Tunnelは、ポート開放なしでサービスを外部公開できる仕組 …
Claude Codeの外部操作リスクと防御設定｜permission・sandbox・hooksで守る実践ガイド
Claude Codeはターミナル上で動作するAIコーディングエージェントであり、ファイルの読み書き、シェルコマンドの実行、Webリクエストの送信、MCPサーバー経由の外部ツール呼び出しなど、開発者 …
Cloudflare Tunnelで自宅サーバーを安全に外部公開する全手順【無料・ポート開放不要】
自宅にサーバーを立てたものの、外部からアクセスする段階でルーターのポート開放やDDNS設定、セキュリティ対策に頭を悩ませるケースは少なくありません。グローバルIPを直接インターネットに公開すれば、ポー …
Cloudflare Tunnelとは？仕組み・導入手順・料金・安全性をまるごと解説
自宅サーバーを外部に公開したい、社内システムにリモートからアクセスしたい――そんなとき、ルーターのポートを開放して固定IPを契約する従来の方法はセキュリティリスクとコストの両面で課題を抱えていま …
Claude Code to Figma 完全ガイド｜セットアップから双方向ワークフローまで
AIコーディングツールで生成したUIを、デザインツール上で再編集したい場面が増えています。2026年2月17日にFigmaとAnthropicが共同発表した「Code to Canvas」機能 …
Viteのバンドルサイズを削減する完全ガイド｜分析・分割・圧縮をコード例で実践
Viteで構築したアプリケーションが成長するにつれ、バンドルサイズは自然と膨らみます。初回読み込みに3秒以上かかるようになると、直帰率の上昇やSEO評価の低下といった実害が生じます。Viteはプロダク …
TypeScript exhaustive checkで型安全を強化｜never型・satisfies・ts-pattern完全比較
TypeScriptでUnion型を扱うswitch文に新しいケースを追加し忘れ、本番環境で予期しない動作が起きた経験はないでしょうか。exhaustive check（網羅性チェック）は、Union …
ViteでHTTPSローカル開発環境を構築する方法｜5つの手法を徹底比較
Web Crypto API、Service Worker、カメラ・マイクのgetUserMedia()など、ブラウザのセキュアコンテキスト必須APIが増えています。ローカル開発で …
Vite 6の新機能まとめ｜Environment APIから移行手順まで実践ガイド
Vite 6とは？バージョン2以来の大型アップデート Vite 6は2024年11月26日にリリースされた、Vite 2以降で最大規模のメジャーバージョンです。npmの週間ダウンロード数はVite 5 …
TypeScript テンプレートリテラル型 完全ガイド｜基本構文からinfer活用・実践パターンまで
文字列の「形」を型レベルで表現できたら、APIのエンドポイントやCSSの値指定で発生するタイプミスをコンパイル時に検出できます。TypeScript 4.1で導入された**テンプレートリテラル …