Skip to content

Instantly share code, notes, and snippets.

@bouzuya
Created April 5, 2017 00:03
Show Gist options
  • Save bouzuya/179e7be97c94f2e20021aa330abb40b4 to your computer and use it in GitHub Desktop.
Save bouzuya/179e7be97c94f2e20021aa330abb40b4 to your computer and use it in GitHub Desktop.
bbnn: blog.bouzuya.net network

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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment