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

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

学びと再出発の旅路へ。

注目のプロジェクト

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

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

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

注目
レトロ技術と自分史

レトロ技術と自分史

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

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

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

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

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

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

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

おすすめ記事

最新記事

【JavaScript入門講座】 fetch・データ処理・HTML連携まで、JSON基礎講座

【JavaScript入門講座】 fetch・データ処理・HTML連携まで、JSON基礎講座

2025-07-06 | lain

JavaScriptで非同期データを扱ううえで欠かせないのが「JSON」。この記事では、基本構文からfetch()での読み込み、データの加工、HTMLへの反映方法までをやさしく解説。初心者がつまずきやすい [object Object] や undefined 問題、非同期処理のポイントも実例付きで紹介します。

カテゴリ： JavaScript

タグ： #json#fetch#データ処理#データ連携#HTML連携#JSON基礎講座#初心者向け

[DevTools] 入門講座 #02：クリックできない原因は“透明な背後霊”？DevToolsで見るレイヤーの真実

[DevTools] 入門講座 #02：クリックできない原因は“透明な背後霊”？DevToolsで見るレイヤーの真実

2025-07-06 | lain

本記事では、Chrome DevTools の 「Layers」ビューを使った立体レイヤー解析で、問題の真相に迫ります。見えない“背後霊”のようなレイヤーと、どう戦い、どう解決したのか──その記録です。

カテゴリ： DevTools

タグ： #ChromeDevTools#CSSバグ解析#pointer-events#transform#z-index地獄#Layersビュー活用術

【JavaScript入門講座】クラス設計 #02：「クラスを育てる」ためのリファクタ設計術

【JavaScript入門講座】クラス設計 #02：「クラスを育てる」ためのリファクタ設計術

2025-07-02 | lain

クラスを作って終わりではなく、使いながら少しずつ育てていくことが大切。今回はその気づきから始まった「クラスのリファクタ設計」について、実例と一緒に丁寧に解説していきます。

カテゴリ： JavaScript

タグ： #初心者向け#クラス設計#オブジェクト指向#リファクタリング#開発メモ#UI開発#実装ノウハウ

【JavaScript入門講座】クラス設計 #01：thisの意味、状態のカプセル化、メソッド化、そして再利用性

【JavaScript入門講座】クラス設計 #01：thisの意味、状態のカプセル化、メソッド化、そして再利用性

2025-07-02 | lain

「関数で足りていたのに、なんでクラスが必要になるの？」「thisって結局なに？」「クラスにすると何が楽になるの？」この記事では、実際にクラスを導入したときの設計つまずき・解決法を元に、「クラス設計って何から始めればいいのか」を丁寧に紹介していきます。

カテゴリ： JavaScript

タグ： #JavaScript#初心者向け#クラス設計#オブジェクト指向#UI開発#Web制作#自作アプリ