570 words
3 min

Web・バックエンド開発ノウハウまとめ:HTTP通信, IPC, Node.js, セキュリティ・ヘッダー仕様徹底解説

Webアプリケーションやバックエンドの開発では、フレームワークの機能を使うだけでなく、その下層にある HTTPプロトコルの仕様OSのプロセス間通信(IPC)ブラウザのDOMレンダー/Script評価挙動 を深く理解しておくことがトラブルシューティングやパフォーマンス最適化の鍵になる。

これまで発信してきたWeb・バックエンド関連の記事をカテゴリ別に体系化して整理してみた。


1. HTTPプロトコル・ヘッダー仕様#

📄 Content-Dispositionヘッダーの仕組みと文字化け防止#

ファイルダウンロード処理で必須となる Content-Disposition ヘッダー。inlineattachment の違いや、日本語ファイル名で文字化けを防ぐ filename* のRFC準拠の指定方法を詳しく解説している。

📦 HTTP/1.1 チャンク転送(Transfer-Encoding: chunked)の仕組み#

レスポンスサイズが事前に分からないストリーミング処理などで使われるチャンク転送の仕組みや、Content-Length との兼ね合い、HTTP/2への進化について掘り下げてみた。


2. プロセス間通信(IPC)& バックエンドアーキテクチャ#

🔄 Node.jsで試すプロセス間通信(IPC)とNamed Pipeの挙動#

マイクロサービスやマルチプロセス構成で役立つIPC(Inter-Process Communication)の概念。HTTP通信との相違点や、Windows環境における Named Pipe をNode.jsで実際に動かして検証したメモ。

🌐 Web3の全体像とバックエンド・システム開発での活用検討#

ブロックチェーン、スマートコントラクト、NFTなどWeb3技術の基礎と、既存のWeb2バックエンドとどう連携・採用検討すべきかのポイントを整理した。


3. Webフロントエンド最適化・セキュリティ・仕様#

HTMLのscriptタグ配置場所(head vs body直前 vs defer)の違い#

レンダリングブロックを防ぎWebパフォーマンスを高めるための script タグ読み込み制御。deferasync の挙動の違いを比較してみた。

🛡️ Google Apps Script(GAS)Webアプリのiframe埋め込みとXFrameOptions#

GASで作成したWebアプリを自作サイトに埋め込む際に直面する表示エラーや XFrameOptionsMode の設定・回避策をまとめている。

WCAG(Webコンテンツ・アクセシビリティ・ガイドライン)のPOUR原則#

Webアクセシビリティの標準規格WCAGの基本理念「POUR原則(知覚可能・操作可能・理解可能・堅牢)」について解説したメモ。


現場で直面しがちな「なぜか動かない」「パフォーマンスが出ない」といった問題は、プロトコルやOS・ブラウザの仕様に起因することが意外と多い。気になったテーマからチェックしてみてほしい。

「Web & Backend」カテゴリーの記事一覧(自動更新)
全 7 件
Content-Dispositionとは?attachmentとinlineの違い・日本語ファイル名(filename*)の設定
Content-Dispositionヘッダーの仕組み、inlineとattachmentの使い分け、文字化けを防ぐfilename*の指定方法やブラウザの挙動を解説。
2026-08-21
プロセス間通信(IPC)とは?「REST APIでよくない?」と思ったので調べてみた
Dockerやマイクロサービスを調べる中で気になったプロセス間通信(IPC)について、プロセスの仕組みやHTTP通信との違い、WindowsのNamed Pipeを実際にNode.jsで検証してみました。
2026-08-11
Web3とは何なのか?Web2との違いから開発現場での活用方法まで整理する
Web3とは何なのかをブロックチェーンやNFT、スマートコントラクトの仕組みから整理し、実際の開発で採用判断するときのポイントや注意点を解説します。
2026-08-01
WCAG(Web Content Accessibility Guidelines)とは?
WCAGとはWebアクセシビリティのガイドライン。POUR原則(知覚・操作・理解・堅牢)の概要をまとめる。
2026-07-23
HTTP/1.1 チャンク転送 (Chunked Transfer Encoding) とは?仕組みと使いどころを解説
HTTP/1.1のチャンク転送(Transfer-Encoding: chunked)の仕組みやContent-Lengthとの違い、HTTP/2での変更点まで分かりやすく解説する
2025-06-18
HTMLのscriptタグを書く位置について
HTMLのscriptタグをbody直前・head・deferで書く場合の違いと、推奨パターンを備忘録としてまとめ。
2024-06-06
【GAS】HTMLServiceでXFrameOptionsModeを設定してiframe埋め込みエラーを解消する方法
Google Apps Script (GAS) のWebアプリをiframeで埋め込む際のXFrameOptionsMode(ALLOWALL等)の設定方法と表示エラーの回避策を解説。
2024-06-03
Web・バックエンド開発ノウハウまとめ:HTTP通信, IPC, Node.js, セキュリティ・ヘッダー仕様徹底解説
https://tech.storias-blog.com/blogs/web_backend_hub/
作者
Storia
公開日
2026-09-02