Web Artifact を使用すると、投稿内でインタラクティブで動的なコンポーネント（HTML/CSS/JavaScript）をシームレスに作成および共有できます。可視化やクイズから軽量な Web アプリまで。
上記のアーティファクトは、GPT-4o と anime.js ライブラリを使用して生成されました Claude 3.5 Sonnet による CSS Grid デモ詳細はこちらをご覧ください: Discourse AI - Web Artifacts
iPadではこれらの例は何も表示されません😢 Hubでフルスクリーン表示にすると、フォーラムを離れない限り抜け出すことができません。
hub の新しいビルドを @pmusaraj が公開していますが、最新版に更新しましたか？
はい！タブレットでフルスクリーンを終了するためにEscキーを押すのは難しく、バックボタンを使用してもトピックに戻るのではなく、さらに前のステップに戻ってしまいます。
ボタンをクリックしたときにフルスクリーンを修正するために状態をプッシュできると思います。
おそらく、タッチではそのオーバーレイは意味がなく、とにかく上部のコントロールの邪魔になります。
これは素晴らしい追加機能です！
これを使用することに躊躇している方のために、いくつかポイントを追加したいと思います。ここ数週間、私は主にChatGPTの4oモデルを使用して、JavaScriptとCSSでプレーン/バニラHTMLページを作成してきました。驚くべきことに、生成されたコードにはほとんどバグがなく、望ましい結果を得るためにはプロンプトエンジニアリングが必要です。時々、あなたが考えていることと、モデルがあなたが望んでいると思っていることが同じでない場合があるため、プロンプトの微調整が少し必要になります。
コーディングモードでcanvasなどにアクセスできる場合は、これらは慣れるのに最適です。また、プログラマーではなく、普段これを行わない場合は、バグを修正するための一般的なツールの1つは、インターネットブラウザのF12（参照）キーを認識しておくことです。
これについては本を書くこともできますが、ここでは終わりにします。あなたはサンドボックスにいるので、自由に遊んでください！
システムが更新されていれば、はい。2週間前に2.0.7になりました。
はい、確かにHubの問題でした。Safariではきれいに表示されます。
私たちのようなコーダーではない人間でも、プロンプトの例を示すことは可能でしょうか？
編集
最初の試みはうまくいきました。このような開発作業は素晴らしいです。必要なことを伝えるだけでよいのです。しかし、いくつか質問があります。
AI Web Artifactとして使用するためのシンプルなプロンプト（AI Web Artifactにアクセスしてテストすることはできませんが、機能するか、非常に近いものになるはずです）
スロットマシンゲームを作成してください。JavaScriptとCSSを使用してください。
ChatGPT 4oで使用された実際のプロンプト
ダウンロード用に単一のHTMLページとして、スロットマシンゲーム用のシンプルなHTMLページを作成してください。JavaScriptとCSSを使用してください。
望ましい結果を達成するために数回調整された、より高度なプロンプトです。AI Web Artifactで使用するには変更する必要があります。
ダウンロード用に単一のHTMLページとして、ブラックジャックゲーム用のシンプルなHTMLページを作成してください。JavaScriptとCSSを使用してください。
- ダウンロード用に単一のHTMLページとして作成してください。
- ディーラーがスタンドした後のカードを表示してください。
- 追加のボットプレイヤー用のオプションを追加し、ボットプレイヤーのカードを表示してください。
- ベットして金額を追跡するオプションを追加してください。
- プレイヤーのカードの合計を表示してください。
- 勝者が誰であるかのポップアップを表示する前に、ディーラーのカードを表示してください。
もう少し難しいものが欲しい場合は、ボット対戦相手のあるチェッカーゲームを作成してください。
そのリリースにはアーティファクトの修正は含まれていませんでした。新しいバージョン2.0.8をレビューのために提出しました。まもなく利用可能になるはずです。
率直に言って、投稿をシームレスに強化するインサートをどのように想像すればよいか、少し苦労しています。シームレスに組み込まれるような実践的な応用例はすでにありますか？
私のフォーラムには、犬の栄養に関するトピックがたくさんあります。たとえば、ユーザーの犬が1日に必要とするものを計算できる簡単なプランナーを提供できればと思います。
AIを使いたいのですが、毎回失敗するし、高すぎます。もちろん、プラグインやコンポーネントでも同じこと、あるいはそれ以上のことができるかもしれませんが、私にはその方法がわかりません。
あらかじめ作成されたプロンプトを持つAIペルソナにアーティファクトの回答を送信できれば素晴らしいのですが、それがそもそも可能かどうかさえわかりません。
試してみましょう！
わかりました。ある意味では。基本的に、AIとの「単なる」もう一つの会話であり、必要なもの、どのように見えるべきか、その他の厳格なガイダンスとルールを説明します。
基本的にVisual Basicですが、もっと簡単です😂
Visual Basic for Dummies. 
これらの画像はウィキメディアからのものです。アートや情報共有のために、公開データをインタラクティブに活用できることを楽しみにしています。
おっと、この発表を見逃していました。素晴らしいですね！
チームの皆さん、おめでとうございます！
すでに、ユーザーエンゲージメントの向上、物事の説明や学習の容易化、インタラクティブなフィードバックの提供など、多くの肯定的な結果につながることがわかります。また、楽しいですね:smile:。
に触発されました