![[Claude Code] 入門講座 #02：ClaudeでHTML/CSSを書く - 静的ページ編](https://humanxai.info/images/uploads/claude_code-practice-02.webp)
[Claude Code] 入門講座 #02：ClaudeでHTML/CSSを書く - 静的ページ編
2025-06-11 | lain
Poe上のClaude Sonnetを使って、自然言語からHTML＋CSSの静的Webページを作成していくプロセスを体験する入門編。
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
注目
おすすめ記事
最新記事
![[Claude Code] 入門講座 #01：Claudeと一緒にコードを書く体験とは？](https://humanxai.info/images/uploads/claude_code-practice-01.webp)
[Claude Code] 入門講座 #01：Claudeと一緒にコードを書く体験とは？
2025-06-11 | lain
話題のClaude 4 Opusを活用した、自然言語コーディング体験の入門講座。ChatGPTやCursorとの比較も交え、Claudeでどこまで開発できるかを探ります。
![[Vibe Coding] バイブコーディング × Cursor 入門講座 05 スマホアプリ開発](https://humanxai.info/images/uploads/vibe_coding-cursor-practice05.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 05 スマホアプリ開発
2025-06-10 | lain
バイブコーディング × Cursor 入門講座 05 スマホアプリ開発 スマホブラウザ（レスポンシブ＋PWA）
![[git] Gitで管理してるフォルダを分離させ新規リポジトリを作る](https://humanxai.info/images/uploads/git-separation-project.webp)
[git] Gitで管理してるフォルダを分離させ新規リポジトリを作る
2025-06-09 | lain
Gitで管理してるフォルダを分離させ新規リポジトリを作る（トラブルシューティングあり）
![[Python] MP3ファイルを指定のビットレートで一括変換](https://humanxai.info/images/uploads/python-ffmpeg-mp3-conv.webp)
[Python] MP3ファイルを指定のビットレートで一括変換
2025-06-09 | lain
MP3ファイルを指定のビットレートで一括変換するPythonスクリプトの紹介
![[Vibe Coding] バイブコーディング × Cursor 入門講座 04 (ゲーム制作にチャレンジ)](https://humanxai.info/images/uploads/vibe_coding-cursor-practice04.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 04 (ゲーム制作にチャレンジ)
2025-06-08 | lain
バイブコーディング × Cursor 入門講座 04 「ゲーム制作にチャレンジ」
![[Vibe Coding] バイブコーディング × Cursor 入門講座 03 (Webで動くチャットUIを作る)](https://humanxai.info/images/uploads/vibe_coding-cursor-practice03.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 03 (Webで動くチャットUIを作る)
2025-06-07 | lain
バイブコーディング × Cursor 入門講座 03 「Webで動くチャットUIを作る」─ 静的サイトでもリアルに動く！AI対話UIのはじめかた
![[Vibe Coding] バイブコーディング × Cursor 入門講座 02 (実践の次へ ─ 応用・連携・理解)](https://humanxai.info/images/uploads/vibe_coding-cursor-practice02.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 02 (実践の次へ ─ 応用・連携・理解)
2025-06-07 | lain
バイブコーディング × Cursor 入門講座 02 (実践の次へ ─ 応用・連携・理解を深める)
![[Vibe Coding] バイブコーディング × Cursor 入門講座 01 (Cursorの導入と基本操作)](https://humanxai.info/images/uploads/vibe_coding-cursor-practice01.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 01 (Cursorの導入と基本操作)
2025-06-06 | lain
バイブコーディング × Cursor 入門講座 01 (Cursorの導入と基本操作)