カテゴリ：Webアプリ

【JavaScript 応用講座】：P2P通信の基盤！Node.js製シグナリングサーバをKoyebで構築

【JavaScript 応用講座】：P2P通信の基盤！Node.js製シグナリングサーバをKoyebで構築

2025-07-22 | lain

Node.js と WebSocket を使ってシンプルなシグナリングサーバを構築し、無料のクラウドサービス Koyeb にデプロイする手順をまとめました。GitHub連携から起動確認、実際の接続テストまで、P2P通信の基盤となるシステムを最短で構築できます。

カテゴリ： JavaScript

タグ： #JavaScript#学習記事#P2P#WebRTC#P2P通信#simple-peer#ファイル共有#フロントエンド開発#分散アプリ#Webアプリ#シグナリングサーバ#Node.js#Koyeb#WebSocket#GitHub#無料ホスティング

【JavaScript 応用講座】：[P2P通信入門] simple-peerでシグナリングと接続を理解する

【JavaScript 応用講座】：[P2P通信入門] simple-peerでシグナリングと接続を理解する

2025-07-20 | lain

Webアプリ上でのP2P通信にチャレンジ！「WebRTCは難しそう…」と思っていたけれど、simple-peerを使えば意外とシンプルに実装できました。この記事では、実際の接続手順、initiator問題、シグナリングの中身までを丁寧に解説し、将来的な分散アプリ構想まで視野に入れたP2Pの可能性を探ります。

カテゴリ： JavaScript

タグ： #JavaScript#学習記事#P2P#WebRTC#P2P通信#simple-peer#JavaScript#フロントエンド開発#分散アプリ#IndexedDB#リアルタイム通信#Webアプリ#シグナリング

【JavaScript 入門講座】JavaScriptで作る！SVGベクターアーカイブと簡易ベジェエディタ構想

【JavaScript 入門講座】JavaScriptで作る！SVGベクターアーカイブと簡易ベジェエディタ構想

2025-07-23 | lain

かつてカッティングプロッターで創り上げた一点物のベクター作品たち。そのベジェ曲線の軌跡を、JavaScriptとSVGで現代に再構築する試み。 画像トレース、Webビューア、レイヤー操作、そして未来の簡易エディタへ──。 創作と技術の交差点で、懐かしい作品ともう一度出会うための構想記録。

カテゴリ： JavaScript

タグ： #svg#ベジェ曲線#ベクター画像#JavaScript#Webアプリ#カッティングプロッター#作品アーカイブ#創作記録#illustrator#トレース#エッジ検出#UI設計