Modelを作成し，定義に沿ってドキュメント間のhyperlinkを成立させる about dynamic-document HOT 8 CLOSED

こういうのを作りたい

from dynamic-document.

markdownは直接記述のみでうまく動けばOK

from dynamic-document.

上の図にあるdocumentオブジェクトのイメージです。ただし，名前がdocumentなのはイケてない気がする。（JSのdocumentオブジェクトとかぶりそう・・・）いい感じの名前付けをしてほしいです。

{
  id: hogehoge
  url: パーマリンク的な
  lead: マークダウン
  content: マークダウン
  question: マークダウン
  options:[
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    },
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    },
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    }
  ]
}

from dynamic-document.

@hyperkinoko

markdownは直接記述のみでうまく動けばOK

これよくわかってないんですけど，すでに記述されたmarkdownが表示できればokって解釈で問題ないですか？

ボタンを押すと適切なドキュメントに移動する。 ボタンは見た目だけで，実質リンクでOK(onClickにする必要なし)

• modelの作成（Reactのお作法がわからないんですが，MVCでいうところのmodelと理解してください）
• modelにデータを突っ込むと，そのとおりに遷移して，データ通りのmdが表示される

ボタンを押したら，その遷移先となるurlをオブジェクトから取得して遷移させるといった処理がmodelって解釈で問題ないですか？

from dynamic-document.

@yu2799

これよくわかってないんですけど，すでに記述されたmarkdownが表示できればokって解釈で問題ないですか？

オブジェクトに直接マークダウンが記述されている状態のことです。例えば以下のような。

{
  id: hogehoge,
  url: パーマリンク的な,
  lead: 'これは**リード文**です',
  content: `Just a link: https://reactjs.com.
  ~~取り消し線~~
  * [ ] hoge
  * [x] piyo
  `,
  question: `## 質問
ほげほげにこたえてください
`,
  options:[
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    },
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    },
    {
      label: 'はい',
      next: 「はい」をクリックしたときに遷移する
             documentオブジェクト
    }
  ]
}

from dynamic-document.

@yu2799

ボタンを押したら，その遷移先となるurlをオブジェクトから取得して遷移させるといった処理がmodelって解釈で問題ないですか？

処理はmodelじゃないので，なんか違うかも・・・？

from dynamic-document.

@yu2799
Reactで作り始めちゃったので，私Reactのお作法全然知らなくて（読むくらいならできます）
一度ペアプロでもしてみますか？

from dynamic-document.

思った以上によくできてる！！ありがとう！！

from dynamic-document.