Isolated Web Apps（IWA）解説：署名付きWeb Bundleの仕組みとunframed時計デモ検証
Chrome / ChromeOS の Isolated Web Apps（IWA）について、Signed Web Bundle と Ed25519 署名、強制 CSP、権限管理、配布の仕組みを解説し、時計デモで unframed 表示と背景透過の挙動を検証します。
📡 Digital Creator & Dev Lab ⚡ App / Cloud / AI / Gadget
アプリ開発・クラウド構築・
クリエイター環境の実践検証ノート
EGPL Tech Note（egpl.net）は、デジタルクリエイター／開発者の Amori（@nin_amori）が運営するテックブログです。アプリ・Web開発、Cloudflareインフラ構築、情報セキュリティ対策、AIツールの実践活用、クリエイター向けデスク・ガジェット検証を発信しています。
Amori @nin_amori
Digital Creator / アプリ・Web開発者
🆕 新着・注目の技術記事
すべての記事を見る (30件) →HTML-in-Canvas 解説：canvas に本物の HTML を描く新 API と、ブラウン管風レトロコンソールのデモ
<canvas> の中に DOM を描画できる HTML-in-Canvas（drawElementImage / texElementSubImage2D / paint イベント）の仕組みと Chrome での提供状況を解説し、WebGL シェーダーで走査線・湾曲・残光を再現したブラウン管風コンソールのデモを実装・検証します。
Webアプリケーションにおけるパスワード認証と保持の正しい仕組み：なぜ「暗号化」もNGで「ハッシュ化」が必須なのか
Webアプリケーションの認証基盤において、パスワードを平文で保存してはいけない理由だけでなく、「暗号化（可逆変換）」での保存もNGである理由、「不可逆な暗号化」という表現が不適切な理由を整理。ソルト・ペッパー・ストレッチングの仕組みと、Argon2idやbcryptを用いた現代の正しい実装方式を解説します。
PHPの重大脆弱性「PHP2Shell」（CVE-2026-109618 / CVE-2026-109619）技術解説：なぜこの事件はAIとセキュリティ史の「転換点」なのか
2026年10月に公開されたPHPコアの致命的なリモートコード実行（RCE）脆弱性「PHP2Shell」（CVE-2026-109618・CVE-2026-109619）の内部メカニズム（zend_bailout / longjmp・multipart解析・Use-After-Free）をエンジニア向けに徹底解説。あわせて、フロンティアAIが10年以上眠っていた脆弱性を発見・連鎖させたこの事件がなぜ時代の転換点なのかを論じます。
eMudhra（emSign）中間CA秘密鍵脆弱性インシデント徹底解説：秘密鍵が「4」になった原因とWebPKI・開発環境への影響
2026年10月に発覚したインドの大手認証局eMudhra（emSign）の中間CA証明書インシデント（Mozilla Bug 2083449）を徹底解説。P-384楕円曲線暗号の秘密鍵スカラー値が「4」などの1バイト整数になっていた技術的原因、Sectigoクロス署名による影響範囲の拡大、各ブラウザの緊急対応、そしてLinux・コンテナ・Python等のバックエンド開発環境で必要な対策をまとめます。
example.comの技術的な扱いとRFC仕様、そして2026年の大幅アップデートを徹底解説
ドキュメント例示用ドメイン「example.com」のRFC上の位置づけ（RFC 2606 / RFC 6761）やDNS・メールの防御設計、そして2026年にIANAが実施した大幅刷新（多言語対応・/s.js分離によるボット帯域削減・監視利用への警告強化）の舞台裏を解説します。
☁️ Web・クラウド構築
Cloudflare Pages / Workers・R2ストレージ・静的サイトジェネレーター（Astro等）・モダンフロントエンド・Webパフォーマンス最適化の実践ガイド。
Isolated Web Apps（IWA）解説：署名付きWeb Bundleの仕組みとunframed時計デモ検証
Chrome / ChromeOS の Isolated Web Apps（IWA）について、Signed Web Bundle と Ed25519 署名、強制 CSP、権限管理、配布の仕組みを解説し、時計デモで unframed 表示と背景透過の挙動を検証します。
HTML-in-Canvas 解説：canvas に本物の HTML を描く新 API と、ブラウン管風レトロコンソールのデモ
<canvas> の中に DOM を描画できる HTML-in-Canvas（drawElementImage / texElementSubImage2D / paint イベント）の仕組みと Chrome での提供状況を解説し、WebGL シェーダーで走査線・湾曲・残光を再現したブラウン管風コンソールのデモを実装・検証します。
example.comの技術的な扱いとRFC仕様、そして2026年の大幅アップデートを徹底解説
ドキュメント例示用ドメイン「example.com」のRFC上の位置づけ（RFC 2606 / RFC 6761）やDNS・メールの防御設計、そして2026年にIANAが実施した大幅刷新（多言語対応・/s.js分離によるボット帯域削減・監視利用への警告強化）の舞台裏を解説します。
Cloudflare D1とは？従来型RDBMS・Cloud SQLとの徹底比較からコスト・パフォーマンス・設計の勘所まで解説
Cloudflareのエッジサーバーレスデータベース「Cloudflare D1」の内部アーキテクチャと性質を徹底解説。従来型RDBMS（PostgreSQL/MySQL）やGoogle Cloud SQL・AWS RDSとの比較、圧倒的なコスト優位性、レイテンシとパフォーマンスの真実、向いている用途・制約まで体系的にまとめます。
🛠️ 開発環境・ツール
ターミナル・シェルスクリプト・Git運用・AI開発環境・ローカルコンテナ環境の自動化など、日々のアプリ開発生産性を高めるノウハウ。
【2026年最新】AI動画制作・生成ツールおすすめ7選を徹底比較！目的別の選び方と実践ワークフロー
テキストや画像から高品質な映像を生成する動画生成AI（Runway・Sora・Kling AI・Luma・Pika）から、YouTube編集や解説動画を自動化するAIツール（Vrew・HeyGen）まで、クリエイター視点で特徴・商用利用・使い分けを徹底比較します。
Apple純正Linuxコンテナ実行基盤「container」徹底解説：1コンテナ1軽量VMの設計思想とDocker互換性・使い分け
Appleがオープンソースで公開したApple Silicon特化のLinuxコンテナ実行ツール「apple/container（およびContainerizationフレームワーク）」のアーキテクチャ、Dockerとの互換性（Dockerfile・CLIオプション・Rosetta 2 amd64実行・docker.sock・Composeの対応状況）、既存のDocker・OrbStack環境との使い分けを詳しく解説します。
AIコーディングエージェントとのペアプロでアプリ開発速度を最大化する実践ワークフローとコンテキスト設計
自立型AIコーディングエージェントを使った個人アプリ・Web開発において、手戻りを減らし一発で高品質な実装を得るための要件定義、ディレクトリ設計、テスト自動化、Git worktree活用術を解説します。
MacのDocker開発環境を「OrbStack」へ移行してメモリ消費と起動速度を劇的に改善した検証記録
Apple Silicon Macにおけるコンテナ・Linux仮想環境として、従来のDocker Desktopから軽量・高速な「OrbStack」へ移行するメリット、メモリ消費量・ディスクI/Oの実測比較、移行手順を詳しく解説します。
🔒 情報セキュリティ
SSH鍵・パスキー認証、DNS/SSL・HTTPセキュリティヘッダー設計、ゼロトラストネットワーク、シークレット漏洩防止など、開発環境とWebサイトを守る実践セキュリティ対策。
Webアプリケーションにおけるパスワード認証と保持の正しい仕組み：なぜ「暗号化」もNGで「ハッシュ化」が必須なのか
Webアプリケーションの認証基盤において、パスワードを平文で保存してはいけない理由だけでなく、「暗号化（可逆変換）」での保存もNGである理由、「不可逆な暗号化」という表現が不適切な理由を整理。ソルト・ペッパー・ストレッチングの仕組みと、Argon2idやbcryptを用いた現代の正しい実装方式を解説します。
PHPの重大脆弱性「PHP2Shell」（CVE-2026-109618 / CVE-2026-109619）技術解説：なぜこの事件はAIとセキュリティ史の「転換点」なのか
2026年10月に公開されたPHPコアの致命的なリモートコード実行（RCE）脆弱性「PHP2Shell」（CVE-2026-109618・CVE-2026-109619）の内部メカニズム（zend_bailout / longjmp・multipart解析・Use-After-Free）をエンジニア向けに徹底解説。あわせて、フロンティアAIが10年以上眠っていた脆弱性を発見・連鎖させたこの事件がなぜ時代の転換点なのかを論じます。
eMudhra（emSign）中間CA秘密鍵脆弱性インシデント徹底解説：秘密鍵が「4」になった原因とWebPKI・開発環境への影響
2026年10月に発覚したインドの大手認証局eMudhra（emSign）の中間CA証明書インシデント（Mozilla Bug 2083449）を徹底解説。P-384楕円曲線暗号の秘密鍵スカラー値が「4」などの1バイト整数になっていた技術的原因、Sectigoクロス署名による影響範囲の拡大、各ブラウザの緊急対応、そしてLinux・コンテナ・Python等のバックエンド開発環境で必要な対策をまとめます。
GitHubのパスキー導入とSSH鍵によるGitコミット署名（Verifiedバッジ）・シークレット漏洩防止の実践設定
開発者アカウントとリポジトリを守るために必須となるGitHubのパスキー（WebAuthn）設定、既存のEd25519 SSH鍵を使ったGitコミット自動署名（gpg.format ssh）、GitleaksによるAPIキー誤コミット防止策を解説します。
🖥️ ガジェット・デスク環境
長時間開発やクリエイティブ作業を支えるマルチモニター構築、2.5GbE高速LAN、入力デバイス、電源・配線整理の実践記録。
長時間の開発・クリエイティブ作業で目の疲れと腰痛を防ぐ「モニターライト＆エルゴノミクス」環境構築記録
夜間や暗めの部屋で長時間コーディング・3DCG制作を行う際の眼精疲労を軽減するモニター掛け式ライト（スクリーンバー）・バイアスライティングの光学的メリットと、ワークチェアの着座姿勢調整手順を解説します。
3DCG制作・アプリ開発を快適にするマルチモニター配置とモニターアーム導入の実践ガイド
Blenderやゲームエンジンでの3DCG・ゲーム制作、VS Codeでのアプリ開発において、首や肩への負担を最小限に抑えながら作業領域を最大化するデュアル/トリプルモニター配置の角度・高さ設計とモニターアーム選びを解説します。
デスク下の電源タップ・ACアダプタ問題を解決するGaN充電器とケーブルマネジメント実践記録
PC・モニター・スマホ・周辺機器の増設によってスパゲッティ化しやすいデスク裏・足元の配線を、高出力GaN（窒化ガリウム）卓上充電器とケーブルトレー・面ファスナーを使って安全かつ機能的に整理する手順を解説します。
長時間コーディングの疲労を軽減するキーボード選びとmacOSキーリマップ（VIA / Karabiner-Elements）実践設定
1日8時間以上のプログラミングや執筆作業で手首・指の負担を減らすためのキーボード選定基準（押下圧・配列・プロファイル）と、CapsLockのControl/Hyperキー化、左右Command単押しによる英数/かな切り替え設定を解説します。
💡 EGPL Tech Note (egpl.net) と運営者 Amori について
アプリ・ゲーム・3DCG・Webサイト制作を手がけるデジタルクリエイター。日々の開発や制作でAIツール・Cloudflare・モダン開発環境をフル活用しており、実際に手を動かして検証した技術ノウハウ・情報セキュリティ対策やクリエイター向けデスク環境・ガジェットの知見を発信しています。