知識アトラス

一般知識を夜空のように配置。テーマは星座、星は概念を表し、星をクリックするとナレッジカードが開きます。自由に移動・拡大縮小しながら探索できます。

Loading preview...
このプロンプトで始める

一般知識を夜空のように配置しました。テーマごとに星座があり、星は概念を表します。星をクリックすると知識カードが開き、自由に移動・ズームできます。

Websites Agentを試す
知識の星図ページを作成してください。深い闇の空を背景に、星座を散りばめます。各星座は、数学、物理、歴史、芸術など、一般知識の幅広いテーマを表し、その中の各星は一つの概念を表します。星は細い光の線で近くの星と結ばれています。空全体はドラッグで回転でき、スクロールホイールでズームできます。訪問者は本物の夜空を眺めるように、星々の間を巡れます。星をクリックすると知識カードが開きます。カードには、概念の一行説明、次に見ておきたい関連する星、詳しく学ぶためのリンクを置く欄を表示します。概念に直接移動し、所属する星座を強調表示する検索ボックスを追加してください。調べものにも、自由な探索にも使える地図にします。画面下部にテーマの凡例を配置し、色と分野の対応がひと目で分かるようにしてください。星とカードには組み込みのサンプルデータを使用します。単一ファイルの静的ページにしてください。
プログラミングの星図にする

対象をプログラミングに変えます。プログラミング言語、フロントエンド、バックエンド、データ、運用、アルゴリズムをそれぞれ星座とし、星、カード、検索、凡例の仕組みは同じままにします。

Websites Agentを試す
知識の星図ページを作成してください。深い闇の空を背景に、星座を散りばめます。各星座は、一般知識の幅広いテーマを表します。たとえば、数学、物理、歴史、芸術などなどで、各星座の中にある星は一つの概念を表し、細い光の線で近くの星と結ばれています。空全体はドラッグで回転でき、スクロールホイールでズームできます。訪問者は本物の夜空を眺めるように、星々の間を巡れます。星をクリックすると知識カードが開きます。カードには、概念の一行説明、次に見ておきたい関連する星、詳しく学ぶためのリンクを置く欄を表示します。概念に直接移動し、所属する星座を強調表示する検索ボックスを追加してください。調べものにも、自由な探索にも使える地図にします。画面下部にテーマの凡例を配置し、色と分野の対応がひと目で分かるようにしてください。星とカードには組み込みのサンプルデータを使用します。単一ファイルの静的ページにしてください。
学習パスを追加する

学習パスモードを追加します。初級の概念から上級の概念までを推奨順に光るルートで結び、進捗を記録することで、地図をガイド付きカリキュラムとしても使えるようにします。

Websites Agentを試す
知識の星図ページを作成してください。深い闇の空を背景に、星座を散りばめます。各星座は、数学、物理、歴史、芸術など、一般知識の幅広いテーマを表し、その中の各星は一つの概念を表します。星は細い光の線で近くの星と結ばれています。空全体はドラッグで回転でき、スクロールホイールでズームできます。訪問者は本物の夜空を眺めるように、星々の間を巡れます。星をクリックすると知識カードが開きます。カードには、概念の一行説明、次に見ておきたい関連する星、詳しく学ぶためのリンクを置く欄を表示します。検索ボックスを追加し、概念に直接移動して所属する星座を強調表示できるようにしてください。調べものにも、自由な探索にも使える地図にします。画面下部にテーマの凡例を配置し、色と分野の対応がひと目で分かるようにしてください。星とカードには組み込みのサンプルデータを使用します。単一ファイルの静的ページにしてください。
編集モードを追加する

編集モードを追加します。訪問者は独自の星を追加して名前を付け、既存の星座に結び付けられます。編集内容はローカルストレージに保存されるため、次回の訪問時にも自分だけの空が残っています。

Websites Agentを試す
知識の星図ページを作成してください。深い闇の空を背景に、星座を散りばめます。各星座は、数学、物理、歴史、芸術など、一般知識の幅広いテーマを表し、その中の各星は一つの概念を表します。星は細い光の線で近くの星と結ばれています。空全体はドラッグで回転でき、スクロールホイールでズームできます。訪問者は本物の夜空を眺めるように、星々の間を巡れます。星をクリックすると知識カードが開きます。カードには、概念の一行説明、次に見ておきたい関連する星、詳しく学ぶためのリンクを置く欄を表示します。概念に直接移動し、所属する星座を強調表示する検索ボックスを追加してください。調べものにも、自由な探索にも使える地図にします。画面下部にテーマの凡例を配置し、色と分野の対応がひと目で分かるようにしてください。星とカードには組み込みのサンプルデータを使用します。単一ファイルの静的ページにしてください。