AIと創作の記録をここに。

「AIと人が、共に学び、創る場所」

学びと再出発の旅路へ。

注目のプロジェクト

注目

[Chrome Add-on] ChatGPT Question Redactor

ChatGPT の会話で、文末が「？」の行を自動的に折りたたむ Chrome 拡張をリリースしました。

注目

FramePack-eichiによるAIアニメーション

FramePack-eichiでAIアニメーションを作成する方法の紹介、及び、画像生成AIの活用方法。

注目

レトロ技術と自分史

ネット黎明期の頃に製作したアプリ紹介など

注目

FramePackによるAIアニメーション

注目

FramePackによるAIアニメーション

最新記事

【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#無料ホスティング

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

2025-07-21 | lain

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

カテゴリ：競プロ

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

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

2025-07-21 | lain

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

カテゴリ： JavaScript

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

【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アプリ#シグナリング