はまさん

💻 SE歴20年超｜システムエンジニアの視点でAIを探究
🔍 WindsurfやCursor、Vibe Codingなど次世代AIツールを実践評価
⚙️ エンジニア視点の実用的なAI活用法を徹底解説
🤝 AIやテクノロジーに興味ある皆さんと繋がりたい
🌟#生成AI #AIツール #開発効率化 #SE

[はまさん @dek_hamasan]

普段はClaudeがメインですが、時間内にCodexでリズムゲームを作りました。
Vercelのデプロイまでやってくれたよ〜
https://t.co/hOfESl3pIq

#CodexWorkshopOsaka #OpenAIBuildWeek

[はまさん @dek_hamasan]

🎨 Webデザイン編（架空プラネタリウムの3ページサイト）

🥇 Codex 5.6 Sol
🥈 Opus 4.8
🥉 Fable 5

Solは5.5の約1/4のコード量で最高点。一方Terra/Lunaはデザインだと5.5未満に沈むので、デザイン用途はSol一択という印象。詳細は画像にて📄

[はまさん @dek_hamasan]

昨日出たGPT-5.6（Sol/Terra/Luna）とClaude勢（Fable 5/Opus 4.8/Sonnet 5）で、コーディングとWebデザインの比較検証を個人的にやってみました。

審査はFable 5によるブラインド採点（どれが誰の作品か伏せた状態）。あくまで一個人の検証で、各課題1回勝負の結果なので参考程度に見てもらえれば🙏

実行環境はClaude Codeで、プラグインのCodexを用いてGPT-5.6を使いました。全てEffortはxHighを指定しました。

結果はリプライに続きます👇

[はまさん @dek_hamasan]

💻 コーディング編（Python CLI＋テスト実装）

🥇 Codex 5.6 Sol
🥈 Codex 5.6 Terra
🥉 Codex 5.6 Luna
4位 Fable 5 ／ 5位 Sonnet 5 ／ 6位 Codex 5.5 ／ 7位 Opus 4.8

5.5→5.6は全ティアで明確に向上。順位を分けたのは実装力よりも「テスト設計の質」でした。詳細はPNGファイルを参照下さい。

[はまさん @dek_hamasan]

🛠️スタック：TypeScript / Remotion / ffmpeg / HiggsField（Kling・Nano Banana）/ Gemini TTS
「LLMが監督・コードが進行管理・生成モデルが作画」の分業で、“一貫した数分の動画”を狙っています。
#Fable5 #Claude #Remotion #生成AI

[はまさん @dek_hamasan]

雨上がりの帰り道 ☔️→🌈
AIで作った約55秒のアニメショート。
これ、Claude（Fable 5）が“監督”をして、自作の仕組み「Movie Orchestrator」で組み上げています。
どう作ってるか、スレッドで👇
#AIアニメ #Fable5

[はまさん @dek_hamasan]

✨こだわり
🎨色の物語＝灰色の雨→光→青空と虹→金色の夕暮れ、と55秒で世界の色が変わる
👧同じキャラ“ミオ”を全12カットで一貫（画像参照で固定）
🌫️0.5秒クロスフェードで連結
🗣️「…ふりやまないなぁ」「…晴れた。」＋雨音→暖かいBGM

[はまさん @dek_hamasan]

母親に「可愛いスタンプ作って」とざっくりとしたオーダーがあったので、キャラクターの選定やこんなの欲しいという意見を元に作りました。
https://t.co/HccDMLKQPf

[はまさん @dek_hamasan]

猫のLINEスタンプ第三弾。ビジネスで使えるスタンプです。
https://t.co/JLnpzdd1Ns
#ねこ #猫 ＃LINEスタンプ

[はまさん @dek_hamasan]

なかなか選ばれないとは思いますが、一応申請だけはしておきました。
#Claude

[ClaudeDevs @ClaudeDevs]

The Japan Claude Community Ambassador program is here! 🇯🇵

Ambassadors have hosted 290+ meetups in 107 cities across 37 countries, with 40,000+ attendees building together.

Now open from Hokkaido to Okinawa. 日本の皆さん、ぜひご応募ください！

https://t.co/BhhaPQR8JT

[はまさん @dek_hamasan]

同僚が飼っている猫をモチーフにしたLINEスタンプを作成しました。同僚が大満足してくれているのが何より😊気に入った方は是非使ってみて下さい。

画像はGeminiで作成し、自作のSkillsでスタンプ用の画像を生成しました。
https://t.co/dERZvsJ4Ec
#ねこ #猫 #LINEスタンプ

[はまさん @dek_hamasan]

このスタンプの制作を自動化したツールをOSS公開しました🐾

・シート画像→グリッド/個数を自動推定
・縁の白だけ透過（キャラ内部の白は保持）
・LINE仕様(370×320/1MB/ZIP60MB)を自動で担保
・タグ設定案まで生成

Python + Claude Code スキル / MIT
https://t.co/B9oFOhlXkE

[はまさん @dek_hamasan]

🐾初めてLINEスタンプ作りました🐾

「もふもふグレー猫の毎日スタンプ」
あいさつ・ありがとう・おやすみ…
毎日のトークで使える表情ゆたかな24種です😸

ぜひ使ってみてください！
https://t.co/gLShd7LcyT

[はまさん @dek_hamasan]

90秒でめぐる、千年の都・京都 🎋

この観光案内動画、ぜんぶAIとの共同制作です。
🎬 構成・実装: Claude Fable 5 × HyperFrames
🖼 風景画像: GPT Image 2
🎙 ナレーション: Gemini TTS
🎵 BGM: Suno

シナリオ作成から画像生成、ナレーション収録、BGM選定、動画レンダリングまで、会話だけで完成しました。画像はHiggsfield MCP経由で作成しました。
#ClaudeCode #HyperFrames #AI動画

[はまさん @dek_hamasan]

動画制作をAIで一気通貫してみた🎬
シナリオ→モーション→ナレーションまで、Claude Code（Fable 5）+ HyperFrames + Gemini TTSで生成。
テーマは「Claude Fable 5とは何か」。90秒でどうぞ👇
#ClaudeCode #HyperFrames

[はまさん @dek_hamasan]

3ツールの結論:

🟣 Editframe → AI時代の宣言的HTML、クラウド並列レンダー
🔵 HyperFrames → CLI完結のローカルワークフロー
🟢 Remotion → 成熟したReactエコシステム

得意領域は全然違う。Claude Codeからの指示的にはそこまで違いはありませんが、用途次第で使い分けかなと感じました。

[はまさん @dek_hamasan]

動画生成ツール3つの比較動画を、その中の1つ「Editframe」で作ってみた。

Editframe × HyperFrames × Remotion を、AI親和性／アーキ／用途の3軸で60秒。

ナレーション一発録音 → ffmpegで自動分割 → Editframe で合成。
全部Claude Codeに任せた結果がこちら 👇

[はまさん @dek_hamasan]

制作フロー:

1) Gemini TTS (Kore) で原稿を一発録音 → 58秒
2) ffmpeg silencedetect で5シーンに自動分割
3) Editframe の宣言的 HTML/CSS でシーン構築
4) npx editframe render → 11秒で完了（4.4倍速）

スキャフォールドから完成まで実質10分くらい 👇