未ログイン状態で閲覧中
  • 投稿日:2026/03/16
Claudeのアーティファクトが表示されない問題に悩んだ話

Claudeのアーティファクトが表示されない問題に悩んだ話

  • -
  • -
会員ID:7Kn0Z3sy

会員ID:7Kn0Z3sy

この記事は約3分で読めます
要約
Claudeでアーティファクト(プレビュー表示)がうまく開けない!そんな経験はありませんか?プロジェクト内でいくら指示を追加しても解決しなかった問題が、ある一つの方法であっさり解決しました。同じところで詰まっている方へ、原因と解決策をまとめます✨

こんにちは!ものです✨

最近、Claudeでアプリやツールを作れることを知って、いろいろ試しています。

コードの知識がなくても「こんなの作って」と話しかけるだけで、実際に動くものができてしまうのが楽しくて。でも使い込んでいくと、「あれ、なんかうまくいかない?」という壁にも当たります。

今日はそのひとつ、アーティファクトが表示されない問題で詰まった話と、解決策をまとめました。同じところで困っている方の参考になれば嬉しいです 😊

そもそも「アーティファクト」って何?

Claudeに「アプリ作って」「グラフ作って」と頼むと、チャット画面の右側にプレビューパネルが開いて、実際に動くものが表示されることがあります。これが「アーティファクト」です。

スクリーンショット 2026-03-16 11.37.39.png

たとえばこんなことができます。

・入力フォームやボタンが動く簡単なアプリ
・データを視覚化したグラフやチャート
・クリックして操作できるインタラクティブなツール

スクリーンショット 2026-03-15 10.05.38.png

私が実際に作ったのは、通知表の所見作成サポートアプリ
生徒の特徴を選んでいくだけで、所見の文章を自動生成してくれるツールです。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:7Kn0Z3sy

投稿者情報

会員ID:7Kn0Z3sy

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません