作りたいアプリを文章で伝えると、コード作成、プレビュー、公開まで進められる。
#アプリ作成#ライブプレビュー
※この説明はAIが公式READMEから自動生成したものです。内容は必ず公式ページでもご確認ください。
これは何?黒い画面(ターミナル)で動かすツール
できること
作りたいアプリをチャットに書くと、AIが隔離されたVM内でコードを書き、画面プレビューが更新され、完成したらワンクリックで公開できる。
誰に効く?
小さなWebアプリを試作したい人
用意するもの
OpenAIかAnthropicの、Node環境
時間のめやす
15〜30分(AIに聞きながらコピペ)
使うとこうなる
- 1作りたい内容を書く→AIがコードを書き始める
- 2プレビューを見る→画面の変化をその場で確認できる
- 3公開ボタンを押す→本番ドメインへデプロイされる
作れるもの・できることの例
入力フォーム、社内ツール、公開用の小さなWebアプリ
使えるようになるまでの手順をひらく
- 「」という文字だけの画面を使います(Windowsなら PowerShell)
- GitHubページの「Installation」に書かれたコマンドを順番に実行
- つまずいたら、いつも使っているAIチャットに「(ツール名)のインストールを手伝って」と聞くのがおすすめ
こんな人には向かないかも
- 黒い画面(ターミナル)にまだ抵抗がある人
- 登録やAPIキーの設定を一切やりたくない人
🔑 必要な鍵(APIキー)
Anthropic(Claude) の発行ページ↗発行は無料。APIは月額プランとは別勘定で、使った分だけの課金。※Claude Codeは月額プラン(Pro等)のログインでも使える
鍵は「合鍵」の文字列。発行→コピー→ツールの設定に貼り付け、の3手です。迷ったらAIチャットに「画面つきで教えて」と。
迷ったらこれ:いつも使っているAIチャット(ChatGPT・Claude・Geminiなど)にこのツールのGitHubリンクを貼って 「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。
むずかしそう? 同じジャンルで、もっと始めやすいのはこちら
注意点
本格運用前は生成コード、権限、データ保存先の確認が必要。
ひとことメモ
として公開されています。内容は公式ページでもご確認ください。
このツールが活躍する場所
Adorableについてよくある質問
- Adorableは無料で使えますか?
- Adorable自体は無料で使えますが、動かすのに外部AIのAPIキーが必要です。そのAI側の利用料は別にかかります(無料枠があるものもあります)。
- Adorableを使うのに、インストールや専門知識は必要ですか?
- コマンド入力(黒い画面)での操作が必要です。手順どおりに文字を打ち込む作業に慣れていないと、導入でつまずきやすいツールです。
- Adorableはスマホでも使えますか?
- スマホには対応していません。パソコンが必要です。
- Adorableは仕事(商用)で使えますか?
- ライセンスは MIT で、商用利用も認められています。ただし著作権表示を残すなどの条件が付くので、配布物に含める場合はライセンス本文を確認してください。
AIエージェントのほかのツール
Adorableが合わなかったときの、同じ用途の候補です。
dyad
アプリを会話で作れる道具を、自分のパソコンで動かす
準備がいる・黒い画面いらない
openclaw
自分のデバイスで動くAIアシスタント
準備がいる・ターミナル操作あり
opencode
AIがコードを書くツール
はじめやすい・ターミナル操作あり
AutoGPT
自分で考えて作業を進めるAIエージェント
準備がいる・ターミナル操作あり
langflow
AIの処理の流れを、部品をつないで組み立てる
準備がいる・ターミナル操作あり
Gemini CLI
ターミナルで使えるGoogleのAIアシスタント
準備がいる・ターミナル操作あり
