react-bootstrap-tableでselect入力項目のvalueとtext

react-bootstrap-tableのselect入力項目のkey,valueを設定する方法のメモ。

editableでtype: ‘select’でvaluesを設定する方法は公式のドキュメントであるけれども、valueとtextを使う方法が記載されておらずソースを見て調査。

class Kind extends React.Component {
  constructor() {
    super()
    this.state = {
      kinds: [{value: 1, text: '種類A'}, {value: 2, text: '種類B'}, {value: 3, text: '種類C'}]
    }
  }

  render() {
    return (
      <div>
        <BootstrapTable>
          <TableHeaderColumn dataField='kind' editable={{type:'select', options: {values: this.state.kinds}}} dataFormat={}>種類</TableHeaderColumn>
        </BootstrapTable>
      </div>
    )
  }
}

key項目とか記載省略。テーブル上の表示はdataFormatなどで加工する必要があるかも。

Taking Off / ONE OK ROCK ドラム譜面

ONE OK ROCKのTaking Offかっこいいですね!

最近色々と雰囲気で叩いてしまってる感もあるので、ドラム練習のためになんとなく耳コピで譜面に起こしてみました。

まだ練習に使ってないので間違ってる箇所あるかもですが、参考程度ですが誰かの役に立てばと思い公開しておきます。記号とかも適当になってます。

TakingOffドラム譜面ダウンロード

[PMP][5.0PDU]読書「熊とワルツを – リスクを愉しむプロジェクト管理」

PMPのPDU取得のために読んだ本の紹介です。5.0PDUで承認されました。

以下のノウハウについて知識を得たい方にお勧めかと思います。
・スケジュールを組み立てる際に自分で期限の目標を立てる際のノウハウ。
・スケジュールに関係するリスクの考え方のノウハウ。
・リスクについて自分が管理する範囲のノウハウ。
・発注側として管理するリスクについてのノウハウ。

続きを読む