3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Claude 3.7sonnet】タスク管理アプリ開発レポート!

Last updated at Posted at 2025-04-22

ついに…

Claude Pro が使えるようになったので👏
どのような感じなのか試していこうと思います!!!

今回はその第一弾、タスク管理アプリを作ってみよう!です

Claudeとは?

Claude は生成AIの中でもコード開発に優れていると私の周りで評判の生成AIです

Claudeは、推論、数学、コーディング、英語および非英語言語の流暢さにおいて
優れたパフォーマンスを発揮し、企業を大規模に支援するように設計されています。
ANTHROPIC ホームページ

今回使用したのはClaude 3.7 Sonnetモデルです。

驚異のアプリ生成スピード:わずか1分でタスク管理アプリ完成

まずは簡単なプロンプトを投げてみました

プロンプト
以下のアプリを作成して
タスク管理アプリ
機能: タスクの追加編集削除期限設定優先度設定進捗管理など
特徴: ユーザーが効率的にタスクを管理できるように設計します

あまり具体的なことは思いつかなかったのですが、最初だし、いいでしょう!

では、結果はいかに...??
スクリーンショット 2025-04-14 113847.png

なんかすごいものが生成されています!!!1分くらいしか経っていないのに…

画面右側にプレビューが表示されているのがすごい......しかも動くんです。

タスクを書き込み……
image.png

追加!
image.png

プロンプトを打ち込みわずか1分ほどでここまでのアプリを作ってくれました!!!

私自身、新卒の最初の研修でタスク管理アプリを作成したのですが、
その時は2週間以上かかっていた気がします...

とても悲しい。そして、生成AIに驚いております。

やっぱ触ってみないと分からないですね!!!

カスタマイズも簡単:デザインと機能の拡張

せっかくなので、ここからいろいろとカスタムしてみることにしました:

プロンプト
デザインを少し修正してほしい
画面を21に分けて右側にタスク追加の画面左側にタスク一覧を表示してほしい

image.png

んー、こちらはうまく動かず...苦手なのでしょうか。
アプリのサイズを調整しても変わらなかったですね…

切り替えて、デザインを変えてもらうことにしました!

折角ならかっこいいのにしてほしい!

プロンプト
デザインをかっこいい感じにして

またまた、雑なプロンプトを投げてしまいましたが、どんな結果になるか
image.png

おおお!ダークテーマのかっこいい感じにしてくれました!

次は機能の方も少々変えてもらいましょう!

プロンプト
タスクを大項目小項目でまとめられるようにして

image.png

何度もエラーを吐いてしまいました…
こちらタスクのジャンル分けのつもりで書いたのですが、理解できなかったよう…

分かりにくいプロンプトを投げてしまってごめんなさい...
ちなみにコードの量が多い時にもこちらのような表示が出ました。「続ける」と打ち込むと、続けて記載してくれます

エラーを吐きすぎると、エラーを吐かない最低限の機能のものを作成することになります
image.png

では、改めて!

プロンプト
大タスク小タスクではなくタスクをジャンル分け出来るようにして

image.png

今度はいい感じにジャンル分け機能を追加した便利そうなアプリを作成してくれました!!!

触ってみて気づいたこと

  • 開発速度が速い: ToDoアプリがわずか数分で完成し、即座に動作確認可能

  • カスタマイズ可能: シンプルなプロンプトだけでもデザインや機能が変更できる

  • エラー自動検出: コードの問題を自動的に検出・修正してくれる便利機能

  • デザイン傾向: Reactベースのモダンなアプリが多く生成される(??)

  • プレビュー機能: 生成したアプリが実際に触れる

まとめ

Claude Proで驚くほど簡単にアプリ開発ができました
簡単なアプリ作成においては、開発時間を劇的に短縮できると感じました!

次回は別のタイプのアプリ開発に挑戦してみる予定です!

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?