言葉だけでアプリ完成！Claude「Artifacts」で非エンジニアが覚醒する

2025年12月3日

こんにちは！「AIいっぽラボ」の所長です。

突然ですが、皆さんは仕事中にこんなことを思ったことはありませんか？

「自分専用の使いやすいタイマーがあったら集中できるのに」
「この複雑な計算、毎回エクセルを開くのが面倒だな」

ひつじさん

あります！市販のアプリだと『帯に短し襷に長し』というか、自分好みの機能だけのシンプルなものが欲しいんですよね。でも、プログラミングなんて呪文みたいだし、私には絶対に無理です…。

所長

そうですよね。これまでは『エンジニア』だけの特権でした。でも、もし『日本語で頼むだけ』で目の前でアプリが出来上がったらどうしますか？

今回は、Claudeの神機能「Artifacts（アーティファクツ）」を使って、非エンジニアの私たちが「10秒でアプリ開発者になる」魔法のような体験を検証します。

解説を飛ばして「アプリ生成プロンプト」を見る

「Artifacts」の真の実力とは？

前回、Claudeは「文章作成が上手い」と紹介しましたが、実はもう一つ、とんでもない特技を持っています。

検証1：自分専用の「タイマーアプリ」を作る

論より証拠。まずは身近なツールを作って、その威力を体感してみましょう。
仕事の集中力を高める「ポモドーロタイマー（25分作業＋5分休憩）」を作らせてみます。

Claude Artifactsへの指示（プロンプト）

Reactを使って、おしゃれな「ポモドーロタイマー」を作ってください。

【機能】
- 25分の作業タイマーと、5分の休憩タイマーを切り替えられる。
- スタート、ストップ、リセットボタンを付ける。

【デザイン】
- カフェにいるような、落ち着いたベージュと茶色の配色。
- 文字は大きくて見やすく。

これを入力して数秒後……。画面の右側に、こんなウィンドウが出現します。

ひつじさん

何やらすごいスピードでコードが書かれていっている…？

完成したアプリ

中央に「25:00」という大きな数字。
下には直感的に操作できるボタン。
実際に「▷」を押すと、数字が減っていく！

ひつじさん

ええっ！？本当に動いてる！
ボタンを押したらちゃんとカウントダウンが始まりました！私、一文字もコード書いてないのに……これ、私が作ったことになるんですか？

所長

なっちゃうんです！
『ボタンを丸くして』『終了音を鳴らして』と言えば、さらに改造もできます。これこそが、非エンジニアが手に入れる『創造する力』です。

検証2：ビジネスで使える「計算シミュレーター」

次は、より実践的なビジネスツールに挑戦しましょう。
営業やマーケティングで使える「ROI（投資対効果）計算機」を作ってみます。

Claude Artifactsへの指示（プロンプト）

Reactを使って、直感的に操作できる「マーケティングROI計算機」を作ってください。

【機能要件】
- スライダーバーで「広告費」「クリック単価」「成約率」を動かせるようにする。
- 数値を動かすと、リアルタイムで「予想利益」と「ROI（%）」がグラフで変動する。

【デザイン】
- ビジネス向けの信頼感ある配色（青とグレー基調）。
- 結果がひと目で分かるよう、数字を大きく表示する。

またしてもすごいスピードで書かれていくコード。