ARCHIVE_LIST // PROTOCOL.LAIN

ARCHIVE_INDEX / PAGE_55

TOTAL_ITEMS: 777

[2025/7/23]

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

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

Category: 🟨 JavaScript

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

[2025/7/22]

【JavaScript 応用講座】：[WebRTC/P2P] チャット＆ファイル転送ができる双方向アプリを実装

WebRTCとsimple-peerを使ってP2P通信を実現！signal交換の自動化に成功し、チャットとZIPファイルの送受信も完全動作。Node.jsによる軽量なシグナリングサーバ構成と接続の流れを実例付きで解説。

Category: 🟨 JavaScript

Tags: #JavaScript #WebRTC #simple-peer #Node.js #WebSocket #P2P通信 #ファイル共有 #フロントエンド開発 #ネットワークプログラミング #個人開発ログ

[2025/7/22]

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

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

Category: 🟨 JavaScript

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

[2025/7/22]

【競プロ入門】競プロの難解ワード「セグ木」をAIと一緒に解読してみた

競技プログラミングで頻出の「セグメントツリー」。この記事では、a〜z の文字の種類数を区間で数えるという具体的な例を元に、ビット管理 + OR演算 + popcount によるセグメントツリーの活用法を図解付きで丁寧に解説します。

Category: 💻 DEV_CODE

Tags: #競技プログラミング #セグメントツリー #ビット演算 #popcount #Segment Tree #AtCoder

[2025/7/22]

【JavaScript 応用講座】：[P2P通信入門] P2P通信でファイル送受信【簡易チャット付き】

JavaScriptだけで、ブラウザ間でZIPファイルの送受信ができる!? チャンク送信＋Blob再構築＋チャット対応のフル実装。

Category: 🟨 JavaScript

Tags: #JavaScript #学習記事 #P2P #WebRTC #P2P通信 #simple-peer #ファイル共有 #フロントエンド開発 #分散アプリ #Webアプリ

[2025/7/21]

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

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

Category: 🟨 JavaScript

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