![【JavaScript 応用講座】：[WebRTC/P2P] ZIPアセットをWebRTCで双方向送受信](https://humanxai.info/images/uploads/javascript-p2p-06.webp)
【JavaScript 応用講座】：[WebRTC/P2P] ZIPアセットをWebRTCで双方向送受信
2025-07-25 | lain
JavaScriptとWebRTC（simple-peer）を使って、ゲームのアセットZIPファイルをP2Pで双方向送受信する仕組みを構築しました。チャンク分割による転送、Blob生成、ZIP展開、IndexedDBへの保存まで、実装手順を完全公開。デモ付きで応用可能な設計思想を解説。
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
注目
おすすめ記事
最新記事
![[Human x AI] ChatGPT(4o)との対話録 ～ ニンジンを齧りながらコードを書く🥕 ～](https://humanxai.info/images/uploads/ai-dialogue-2025-07-25.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ ニンジンを齧りながらコードを書く🥕 ～
2025-07-25 | lain
[Human x AI] ChatGPT(4o)との対話録 ～ ニンジンを齧りながらコードを書く🥕 ～
【JavaScript 入門講座】JavaScriptはクラスじゃない！？プロトタイプ継承をやさしく解説
2025-07-23 | lain
JavaScriptの[[Prototype]]ってなに？見て見ぬふりしていた謎の表示を深掘りしながら、プロトタイプ継承の仕組みやclassとの違い、プロトタイプチェーンの構造までやさしく解説します。
【JavaScript 入門講座】JavaScriptで作る！SVGベクターアーカイブと簡易ベジェエディタ構想
2025-07-23 | lain
かつてカッティングプロッターで創り上げた一点物のベクター作品たち。そのベジェ曲線の軌跡を、JavaScriptとSVGで現代に再構築する試み。 画像トレース、Webビューア、レイヤー操作、そして未来の簡易エディタへ──。 創作と技術の交差点で、懐かしい作品ともう一度出会うための構想記録。
![【JavaScript 応用講座】：[WebRTC/P2P] チャット＆ファイル転送ができる双方向アプリを実装](https://humanxai.info/images/uploads/javascript-p2p-05.webp)
【JavaScript 応用講座】：[WebRTC/P2P] チャット＆ファイル転送ができる双方向アプリを実装
2025-07-22 | lain
WebRTCとsimple-peerを使ってP2P通信を実現！signal交換の自動化に成功し、チャットとZIPファイルの送受信も完全動作。Node.jsによる軽量なシグナリングサーバ構成と接続の流れを実例付きで解説。
【JavaScript 応用講座】：P2P通信の基盤！Node.js製シグナリングサーバをKoyebで構築
2025-07-22 | lain
Node.js と WebSocket を使ってシンプルなシグナリングサーバを構築し、無料のクラウドサービス Koyeb にデプロイする手順をまとめました。GitHub連携から起動確認、実際の接続テストまで、P2P通信の基盤となるシステムを最短で構築できます。
【競プロ入門】競プロの難解ワード「セグ木」をAIと一緒に解読してみた
2025-07-21 | lain
競技プログラミングで頻出の「セグメントツリー」。この記事では、a〜z の文字の種類数を区間で数えるという具体的な例を元に、ビット管理 + OR演算 + popcount によるセグメントツリーの活用法を図解付きで丁寧に解説します。
![【JavaScript 応用講座】：[P2P通信入門] P2P通信でファイル送受信【簡易チャット付き】](https://humanxai.info/images/uploads/javascript-p2p-03.webp)
【JavaScript 応用講座】：[P2P通信入門] P2P通信でファイル送受信【簡易チャット付き】
2025-07-21 | lain
JavaScriptだけで、ブラウザ間でZIPファイルの送受信ができる!? チャンク送信＋Blob再構築＋チャット対応のフル実装。
![【JavaScript 応用講座】：[P2P通信入門] simple-peerでシグナリングと接続を理解する](https://humanxai.info/images/uploads/javascript-p2p-02.webp)
【JavaScript 応用講座】：[P2P通信入門] simple-peerでシグナリングと接続を理解する
2025-07-20 | lain
Webアプリ上でのP2P通信にチャレンジ！「WebRTCは難しそう…」と思っていたけれど、simple-peerを使えば意外とシンプルに実装できました。この記事では、実際の接続手順、initiator問題、シグナリングの中身までを丁寧に解説し、将来的な分散アプリ構想まで視野に入れたP2Pの可能性を探ります。