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

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

学びと再出発の旅路へ。

注目のプロジェクト

注目
[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム

[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム

「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。

注目
[Chrome Add-on] ChatGPT Question Redactor

[Chrome Add-on] ChatGPT Question Redactor

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

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

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

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

おすすめ記事

最新記事

[JavaScript] Socket.ioを使ったリアルタイム通信アプリの作り方

[JavaScript] Socket.ioを使ったリアルタイム通信アプリの作り方

2025-10-26 | lain

Socket.ioを使って、Node.jsでリアルタイムチャットアプリケーションを作成する方法を解説します。クライアントとサーバー間の双方向通信を実装し、エラーハンドリングやユーザー管理、認証機能を加えた応用例も紹介。

カテゴリ： javascript

タグ： #javascript#Socket.io#Node.js#リアルタイム通信#Web開発

[Hugo] CSSの構造化と分割管理 (Hugo + Tailwind + カスタムCSS)

[Hugo] CSSの構造化と分割管理 (Hugo + Tailwind + カスタムCSS)

2025-10-23 | lain

Hugo と Tailwind CSS のプロジェクトで肥大化した CSS を整理し、責務ごとに分割・構造化する方法を解説。個人開発でも長期保守しやすいカスタムCSS設計を目指す。

カテゴリ： Hugo

タグ： #Hugo#CSS#Tailwind#カスタムCSS#ブログ構築#静的サイト

[CSS実践講座 #03] 実践的なCSSテクニックとその活用法

[CSS実践講座 #03] 実践的なCSSテクニックとその活用法

2025-10-22 | lain

本講座では、CSSの最新技術と実践的なテクニックを解説。CSS-in-JS、CSS Modules、Tailwind CSSなど、現代の開発環境で役立つ内容を紹介します。

カテゴリ： CSS

タグ： #実践講座#CSS#UIデザイン#ゲーム開発#フロントエンド#レイアウト#Web制作