bbnn: blog.bouzuya.net network

bbnn.md

bbnn: blog.bouzuya.net network

Node と Link からなる Network View を提供する client

Requirement

JavaScript を必須とする。なければ従来の List View を表示する。

View

• Header ... 見出しを置く？
• List View ... 従来の Article の一覧
• Network View ... Node と Link からなる View で Article の一覧を提供する
• Article View ... 特定の Article の詳細を提供する
• Footer ... パンくずを置く？

Network View

• Node ... 「選択」できる節を表す。種類は Node Type 、状態は Node Status を参照。
• Link ... Node をつなぐもの。向きがある。 -> で表現する。

Node Type

• Latest 7 ... 最新の Date * 7 + Year Link に Link 。デフォルトの Focused Node 。 (Max: 8)
• Year List ... Year * N + Latest 7 に Link (Max: N)
• Year ... Month * 12 に Link (Max: 12)
• Month ... Date * 31 に Link (Max: 31)
• Date ( = Article )... <a> で指した Date に Link (Max: N)

Node Status

• Selected
  • そこからの Link およびそこへの Link が表示される
  • Date なら Article View ( = 詳細 ) が表示される
    • View はタイル上に右側に追加されていく
• Focused
  • ここまでの Node が表示される
  • そこからの Link およびそこへの Link が表示される
  • 操作のイメージ
    • H: 左回りに Focused Node からの Link を Focused Link にする
    • J: Focused Link をたどる
    • K: 辿ってきた Link をもどる
    • L: 右回りに Focused Node からの Link を Focused Link にする
    • O / S / Enter: Selected かどうかを切り替える ( Toggle )

Article View

• Date ( = Article ID )
• Title
• Content
• Links
• Backlinks