1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

はじめに

Claude 3.5 Sonnetは、Anthropic社が2024年6月にリリースした最新の大規模言語モデル(LLM)です。その中でも特に注目を集めているのが、新機能の「Artifacts」です。(今のところ無料版でも使えます)

前回の記事に続き、「Artifacts」を使ってどのようなことが出来るか試し、結果をまとめております。Artifactsの設定方法などは前回の記事に記載してありますので参考にしていただければ幸いです。

工場管理ダッシュボード

プロンプト

image.png

生成されたアプリ

工場管理ダッシュボード.gif

NISA 投資ダッシュボード

プロンプト

以下の仕様でWEBアプリを作成してください。
アプリには大きく分けて3つのセクションがあります:
1. 投資サマリー
トータル・リターンのパーセンテージと金額を表示
次の投資日までの日数を表示
次回の投資に必要な金額の表示

2. ポートフォリオの概要
資産配分を示す円形チャート
毎月の投資額
ポートフォリオ総額

3. 次回投資予定日
パフォーマンス追跡
長期的な資産パフォーマンスを示す棒グラフ
各ファンドの保有資産とその損益のリスト

# 主な特徴
ナビゲーションが簡単なホームボタンを備えた、クリーンでユーザーフレンドリーなインターフェース
ポートフォリオの構成を素早く理解するための色分けされたビジュアル
リターンと次の投資要件を自動計算
詳細なファンド情報の閲覧が可能
このアプリは、サマリー、チャート、設定などの異なるビューを切り替えるために、下部のナビゲーションバーを使用することができる。
ユーザーが投資に関する情報を入手し、一貫した投資スケジュールを維持できるよう、明確で実用的な情報を提供することに重点を置く。

生成されたアプリ

NISAダッシュボード.gif

終わりに

以下の様なエラーが発生して上手く動作しない場合もありますので、その都度修正してもらっています。

image.png

コード量が多くなってくると大変なので、この辺りの修正が楽になるといいですね。

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?