局面の指定 (ply, forkPointers)

最初に表示する局面を指定できます。

• X手目の局面から
• 分岐局面から

X手目の局面から

X手目の局面から表示する場合、ply オプションを指定します。

例えば、3手目の局面を表示する場合：

タグ方式

<script type="text/kifu" data-ply="3">
▲７六歩 △３四歩 ▲７五歩 △８四歩
</script>

JavaScript関数方式

<div id="board-1"></div>
<script>
  KifuForJS.load({
    "kifu": "▲７六歩 △３四歩 ▲７五歩 △８四歩",
    "ply": 3
  }, "board-1");
</script>

Reactコンポーネント方式

import {KifuLite} from "kifu-for-js";

export const MyComponent = () => {
  return <KifuLite ply={3}>
▲７六歩 △３四歩 ▲７五歩 △８四歩
  </KifuLite>
}

• デフォルトは0で、棋譜の一番最初の局面を表示します。
• 999などの大きな数を指定すると、最後の局面を表示します。

分岐局面から

分岐局面から表示する場合、どの分岐を辿ったかを表す forkPointers オプションを指定します。

例えば、5手目の局面だが、2手目の局面での0番目の分岐を選び、その後4手目の局面で更に0番目の分岐を選んだ局面の場合：

タグ方式

<script type="text/kifu" data-ply="5" data-forkPointers="[[2,0],[4,0]]">
▲７六歩 △３四歩 ▲７五歩 △８四歩

変化：2手
△８四歩 ▲６六歩 △８五歩 ▲７七角

変化：4手
△６二銀 ▲７八飛 △８五歩 ▲７七角
</script>

JavaScript関数方式

<div id="board-1"></div>
<script>
  KifuForJS.load({
    "kifu": "▲７六歩 △３四歩 ▲７五歩 △８四歩\n\n変化：2手\n△８四歩 ▲６六歩 △８五歩 ▲７七角\n\n変化：4手\n△６二銀 ▲７八飛 △８五歩 ▲７七角",
    "ply": 5,
    "forkPointers": [
      [
        2,
        0
      ],
      [
        4,
        0
      ]
    ]
  }, "board-1");
</script>

Reactコンポーネント方式

import {KifuLite} from "kifu-for-js";

export const MyComponent = () => {
  return <KifuLite ply={5} forkPointers={[[2,0],[4,0]]}>
▲７六歩 △３四歩 ▲７五歩 △８四歩

変化：2手
△８四歩 ▲６六歩 △８五歩 ▲７七角

変化：4手
△６二銀 ▲７八飛 △８五歩 ▲７七角
  </KifuLite>
}

• 本譜を進む場合は、forkPointers に現れません。
• 注意：分岐の指定は、0 番目から始まることに注意してください。