Tomoaki Fujimura / Atasino CEO

現役のAI駆動開発設計者/株式会社Atasino代表
AIエージェントのための次世代ドキュメントアプリ Docspi
人間とAIが視覚的に情報を共有するためのアプリ Gakaso
を運営しています。実際に「使える」AIの使い方を発信していきます。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Claude Code がうまくいかない人、これは本当に使ってほしい。

現役のAI駆動開発エンジニアの実績をふまえて、普段の仕事でやっている「AIとの進め方」を、そのままワークスペースにしました。

「CreateCodeBox」

正直、有料で出してもいいくらいのものです。
でも、1人でも多くの人に使ってほしいので、無料で惜しみなく公開します。

Claude Code でよくある失敗と、現場での進め方の違い。

❌：いきなり作らせる →「ここ直して」が終わらない → 途中で何を作ってたか分からなくなる
⭕️：まず形を決める → 画面の試作を見る → 承認してから作る → 1つずつ確かめる

うまくいかない原因は、AIの性能じゃなくて「何を作りたいか」が決まっていないこと。
CreateCodeBox は、このものづくりでのあるべきを Claude が案内してくれます。

・やることは、作業フォルダを決めて、claudeにURLの入った1文を貼るだけ
・覚えるコマンドは0
・承認するまで、書かれるコードも0
・専門用語が出たら1文で説明
・聞く→参考→試作→承認→作る→確かめる、の6段階で進む
・Sonnet、Haikuでも十分に目的を達成できる設計（トークン消費が大きく悩んでいる方はぜひ！）
・Claude Codeメインで作っていますが、Codexでも可能

アプリ作りが分からなかった人でも、特に意識しなくても、本格的なアプリ開発と同じ手順で、やりたいことに1歩ずつ近づいていけます。

オープンソースです。まだお試し版なので、つまずいた所はぜひ教えてください。

周りに「Claude Code、うまくいかない」と言っている人がいたら、リポストで届けてもらえると嬉しいです。

https://t.co/AaV6qBYV3r

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@Daihuku0015 取りこぼしや放置、ありますよね。。
うちは管理役Agentに実装まで持たせないようにしてます。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@kgsi 自分は設計書を、基本的に入力と出力を最低限必要なものとしています。画面の設計も、その中に含めています。
先に決めておくと、生成のたびに判断がぶれても、何と突き合わせて確かめるかは変わらないため、品質が安定しているイメージです。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@usutaku_channel 自分も同じ使い分けをしています。CLAUDE.md にはどのセッションでも変わらないルールだけを書き、守らせたいことはhooksにして機械的に止める形です。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@VideoQjp はい！claude code向けのものです！
使ってるAIに読ませるだけでもメリット大きいと思うのでぜひ👍

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Claude Code がうまくいかない人、これは本当に使ってほしい。

現役のAI駆動開発エンジニアの実績をふまえて、普段の仕事でやっている「AIとの進め方」を、そのままワークスペースにしました。

「CreateCodeBox」

正直、有料で出してもいいくらいのものです。
でも、1人でも多くの人に使ってほしいので、無料で惜しみなく公開します。

Claude Code でよくある失敗と、現場での進め方の違い。

❌：いきなり作らせる →「ここ直して」が終わらない → 途中で何を作ってたか分からなくなる
⭕️：まず形を決める → 画面の試作を見る → 承認してから作る → 1つずつ確かめる

うまくいかない原因は、AIの性能じゃなくて「何を作りたいか」が決まっていないこと。
CreateCodeBox は、このものづくりでのあるべきを Claude が案内してくれます。

・やることは、作業フォルダを決めて、claudeにURLの入った1文を貼るだけ
・覚えるコマンドは0
・承認するまで、書かれるコードも0
・専門用語が出たら1文で説明
・聞く→参考→試作→承認→作る→確かめる、の6段階で進む
・Sonnet、Haikuでも十分に目的を達成できる設計（トークン消費が大きく悩んでいる方はぜひ！）
・Claude Codeメインで作っていますが、Codexでも可能

アプリ作りが分からなかった人でも、特に意識しなくても、本格的なアプリ開発と同じ手順で、やりたいことに1歩ずつ近づいていけます。

オープンソースです。まだお試し版なので、つまずいた所はぜひ教えてください。

周りに「Claude Code、うまくいかない」と言っている人がいたら、リポストで届けてもらえると嬉しいです。

https://t.co/AaV6qBYV3r

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

OpenAIがPierreを買収。狙いは「ワークスペースを自分で作らなくていい世界」だと思う。要はローカルにファイルを置かず、面倒なGitの管理も含めてやろうって話。

コード置き場（Code Storage）も差分レビューもCodexにまとまる。

Grok Botも最初から専用PC付きで、環境づくり不要。流れは同じ。
少しずつ誰でもAIエージェントが使える時代に近づいて来ている。

https://t.co/qYftMUV5B5

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

AIエージェントに画面を修正させたいのに、何度行っても理解してもらえない。言ってることが伝わらない。
だったら、実際に見てもらえばいい。
AIが画面を自分で触って作業する。Claude Code やCodexにPlaywrightをmcpでつなぐとできる。

ただ、何でも丸投げするのではなく、任せるのは、自分で作った画面の確認と、決まった手順の繰り返し。
全部任せることもできるけど、セキュリティー観点でログインや2段階認証は人が通す。支払いの確定は人が押す。
大部分をAIに任せる共同作業のイメージ。
https://t.co/NGrLfNh7eX

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

claude codeトークン消費で悩んでいる人、これで解決します。
トークン消費が無駄に多いのはやるべきことではないものを永遠にループしてるから。
そして、曖昧な目的、作業内容で進んでいるからです。
このワークスペースはsonnet haikuで十分に動くよう設計してあります。（まずはsonnetで起動）
仕組みでこれらの悩みはカバーしてあります。
完全無料で有料化する予定はないので、claude code開発で悩んでいる人はぜひお試しください👍

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Claude Code がうまくいかない人、これは本当に使ってほしい。

現役のAI駆動開発エンジニアの実績をふまえて、普段の仕事でやっている「AIとの進め方」を、そのままワークスペースにしました。

「CreateCodeBox」

正直、有料で出してもいいくらいのものです。
でも、1人でも多くの人に使ってほしいので、無料で惜しみなく公開します。

Claude Code でよくある失敗と、現場での進め方の違い。

❌：いきなり作らせる →「ここ直して」が終わらない → 途中で何を作ってたか分からなくなる
⭕️：まず形を決める → 画面の試作を見る → 承認してから作る → 1つずつ確かめる

うまくいかない原因は、AIの性能じゃなくて「何を作りたいか」が決まっていないこと。
CreateCodeBox は、このものづくりでのあるべきを Claude が案内してくれます。

・やることは、作業フォルダを決めて、claudeにURLの入った1文を貼るだけ
・覚えるコマンドは0
・承認するまで、書かれるコードも0
・専門用語が出たら1文で説明
・聞く→参考→試作→承認→作る→確かめる、の6段階で進む
・Sonnet、Haikuでも十分に目的を達成できる設計（トークン消費が大きく悩んでいる方はぜひ！）
・Claude Codeメインで作っていますが、Codexでも可能

アプリ作りが分からなかった人でも、特に意識しなくても、本格的なアプリ開発と同じ手順で、やりたいことに1歩ずつ近づいていけます。

オープンソースです。まだお試し版なので、つまずいた所はぜひ教えてください。

周りに「Claude Code、うまくいかない」と言っている人がいたら、リポストで届けてもらえると嬉しいです。

https://t.co/AaV6qBYV3r

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

ワークスペースを使ってセッション起動した場合、必ず目的を達成するまで対応するオーケストレーターエージェントが起動するようになってます。
そしてそのエージェントは事前に人間側に目的とその達成に必要な材料を揃えた上で、進めるっていう仕組みを組み込んでます。
詳しくは以下ポストしてるので、よければ見てみてください😊

https://t.co/Q6ZPB5OdTv

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Claude Code がうまくいかない人、これは本当に使ってほしい。

現役のAI駆動開発エンジニアの実績をふまえて、普段の仕事でやっている「AIとの進め方」を、そのままワークスペースにしました。

「CreateCodeBox」

正直、有料で出してもいいくらいのものです。
でも、1人でも多くの人に使ってほしいので、無料で惜しみなく公開します。

Claude Code でよくある失敗と、現場での進め方の違い。

❌：いきなり作らせる →「ここ直して」が終わらない → 途中で何を作ってたか分からなくなる
⭕️：まず形を決める → 画面の試作を見る → 承認してから作る → 1つずつ確かめる

うまくいかない原因は、AIの性能じゃなくて「何を作りたいか」が決まっていないこと。
CreateCodeBox は、このものづくりでのあるべきを Claude が案内してくれます。

・やることは、作業フォルダを決めて、claudeにURLの入った1文を貼るだけ
・覚えるコマンドは0
・承認するまで、書かれるコードも0
・専門用語が出たら1文で説明
・聞く→参考→試作→承認→作る→確かめる、の6段階で進む
・Sonnet、Haikuでも十分に目的を達成できる設計（トークン消費が大きく悩んでいる方はぜひ！）
・Claude Codeメインで作っていますが、Codexでも可能

アプリ作りが分からなかった人でも、特に意識しなくても、本格的なアプリ開発と同じ手順で、やりたいことに1歩ずつ近づいていけます。

オープンソースです。まだお試し版なので、つまずいた所はぜひ教えてください。

周りに「Claude Code、うまくいかない」と言っている人がいたら、リポストで届けてもらえると嬉しいです。

https://t.co/AaV6qBYV3r

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@green_donguri スキル大事ですよね、スキルって簡単なマニュアルみたいなもんだと思ってて、必要なタイミングで必ず呼び出せる事も同時に設計することが大事ですね。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@k_matsumaru これアプリ制作してて、エージェントに実機で動作確認させたいときにいいと思います。
ブラウザーのアプリとかだとレスポンシブのチェックをデスクトップPC上の開発ツールでする事多いんですが、実機と挙動が違うんですよね。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Reason Network 試してみました。外出先からでも自分のPCのセッションに指示を送れるのはありがたい。複数製品のAIエージェント同士でもやり取りできる。
Grok Bot をオーケストレーターにして、外から指示を送るのには便利。
ただ、参加者に自分が動かしてるセッションすべてが見えるのは 微妙。あくまでも身内で使う感じのツールといった印象。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

これcodexにも対応しているので、codex使ってるけど、思うように動かせない。
何から始めたらいいかわからないっていう人もぜひ使って見てください。

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

Claude Code がうまくいかない人、これは本当に使ってほしい。

現役のAI駆動開発エンジニアの実績をふまえて、普段の仕事でやっている「AIとの進め方」を、そのままワークスペースにしました。

「CreateCodeBox」

正直、有料で出してもいいくらいのものです。
でも、1人でも多くの人に使ってほしいので、無料で惜しみなく公開します。

Claude Code でよくある失敗と、現場での進め方の違い。

❌：いきなり作らせる →「ここ直して」が終わらない → 途中で何を作ってたか分からなくなる
⭕️：まず形を決める → 画面の試作を見る → 承認してから作る → 1つずつ確かめる

うまくいかない原因は、AIの性能じゃなくて「何を作りたいか」が決まっていないこと。
CreateCodeBox は、このものづくりでのあるべきを Claude が案内してくれます。

・やることは、作業フォルダを決めて、claudeにURLの入った1文を貼るだけ
・覚えるコマンドは0
・承認するまで、書かれるコードも0
・専門用語が出たら1文で説明
・聞く→参考→試作→承認→作る→確かめる、の6段階で進む
・Sonnet、Haikuでも十分に目的を達成できる設計（トークン消費が大きく悩んでいる方はぜひ！）
・Claude Codeメインで作っていますが、Codexでも可能

アプリ作りが分からなかった人でも、特に意識しなくても、本格的なアプリ開発と同じ手順で、やりたいことに1歩ずつ近づいていけます。

オープンソースです。まだお試し版なので、つまずいた所はぜひ教えてください。

周りに「Claude Code、うまくいかない」と言っている人がいたら、リポストで届けてもらえると嬉しいです。

https://t.co/AaV6qBYV3r

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

@heiminmama とにかく使うことですね！
使う中でうまくいかない事を調べる。
この繰り返しでした

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

アプリを作る時、作っているアプリが今どういう仕組みで動いているのかわからない。知らない間に複雑になってきて、いつまでも完成しない。修正したいところがAIに伝わらずに前に進まない。。

それは、現状を可視化した上で見れるものがないから。そしてAIも現状がわからなくなってしまうからです。

だから、デザインとコーディングが融合した形でAIと人間が共通して見れるものが必要。それが Gakaso。
画面の構造を AI と人が同じキャンバスで見て、人が直したところはそのままAIが理解してコードに入る。

無料でも十分に使っていただける設計です。登録なしでもキャンバスを触れるので気軽にお試しください。
https://t.co/tBvDkvs0Ms

[Tomoaki Fujimura / Atasino CEO @TomoakiFujimura]

ハーネスはLLMが目的を達成するための仕組みだと思っています。
ハーネスって言ってもいろいろあると思うのですが、AIに何かをさせるにはやっぱりいろんな予備情報や、道しるべみたいなものが必要だと思ってて、それは人間によってまちまちなんです。
だから、AI使い慣れていない人こそハーネスが必要だと思ってます。