従来の一般的なウェブサイト、たとえば、example.jp というドメインのウェブサイトだとして、

• https://example.jp/ トップページ

• https://example.jp/about ◯◯について

• https://example.jp/news 新着情報

• https://example.jp/articles なんらかの記事集

• https://example.jp/link リンク集

みたいな構造となって、各ページの上のほうに

[TOP] [ABOUT] [NEWS] [ARTICLES] [LINK]

みたいなナビゲーションメニューだったり、ハンバーガーメニューが表示されたりする。

さて、Atmosphere 上でウェブサイトを作りたいとする。それぞれのページについてはPDSに格納します。

トップページはシンプルならペライチのページなので site.standard.document で表現できる。「◯◯について」についても同様。

新着情報は Bluesky の投稿をそのまま流用してしまおう。かつて、Twitterのタイムラインを表示するウィジェットをトップページにはっつけて新着情報をCMS使って更新する代わりにしているところが多かったのを記憶していることでしょう。

「なんらかの記事集」は site.standard.publication と site.standard.document で。

リンク集は blue.linkat.board を使いましょう。

そういったことを単純なJSONで表現すると、こうなります。

[
  {
	  "label":"TOP",
	  "url": "https://example.jp"
	  "aturi": "at://<did>/site.standard.document/abcde123"
  },
  {
	  "label": "ABOUT",
	  "url": "https://example-jp.leaflet.pub/fghij456"
	  "aturi": "at://<did>/site.standard.document/fghij456"
  },
  {
	  "label": "NEWS",
	  "url": "https://bsky.app/profile/example.jp",
	  "aturi": "at://<did>/app.bsky.feed.post"
  },
  {
	  "label": "ARTICLES",
	  "url": "https://example-jp.leaflet.pub",
	  "aturi": "at://<did>/site.standard.publication"
  },
  {
      "label": "LINK",
      "url:" "https://linkat.blue/example.jp",
      "aturi": "at://<did>/blue.linkat.board"
  }
]

これを良さげなlexiconの形式にしてPDSに格納しておきます。

そして、ちょっとしたウェブアプリを作って、このナビゲーションデータをPDSから引っ張ってきて、https://example.jp/ というドメインで見れるようにするのができないかな。

もし、各AppView (フロントエンド) の協力があれば、このナビゲーションデータをPDSから引っ張り出してきて、良さげなUIで各ページの上部とかに表示してくれると嬉しいかもしれない。

なんてことをぼんやり考えています。

仕組みとしては大昔にあったOLEとかOpenDocみたいな複合ドキュメントのAtmosphere版なのだけど、こういうのがあれば、SNSやブログが登場する以前、みんなが個人ホームページを作っていた時代が戻ってこないかな。

https://blento.app/ も近い感じ。

追記

UI側としてはブラウザのツールバーとして実装してみるのが早い気がしてきた。

このlexiconのデータを持つユーザーのAtomosphereアプリのサイトにアクセスすると、グローバルナビゲーションが表示される、みたいな。