vue.jsの勉強 & ペーパーレスのために バドミントンスコアシートのwebアプリを作ってみました。 バドミントンやる方は是非使って見てください！ badminton.htmlgo.site github.com 苦戦したのは、Vuexのstore内のstateのデータ構造です。 これは何回も作り直…

今まで、スライダーとか 「進むボタン」「戻るボタン」 を実装する時に、 class Slider{ constructor(){ this.array = [ 'hoge.jpg', 'huga.jpg', 'baz.jpg', ] this.count = 0 this.length = array.length } prev(){ if(count === 0){ count = length - 1 }…

例えば、以下みたいな時、 配列の各要素を直接更新したい、 オブジェクトのプロパティを新しく追加したい、 data(){ return { items:[10,10,10], obj:{} } }, methods:{ updateItem(){ // 追加されない！ this.items[0] += 1 }, updateObj(){ // 追加されな…

すぐ名前を忘れるのでメモ 名前 例 用途 スネークケース young_man bemとか？ キャメルケース youngMan 関数、メソッド パスカルケース YoungMan Class ケバブケース young-man コンポーネント ケバブは串刺しだかららしい、覚えやすい。 キャメルとパスカル…

Reactでライフサイクルについて学ぶ。 毎回、忘れるので忘備録も兼ねて、文章で読んでもイマイチ頭に入らないのでモックで挙動を確認するのが一番いい。 codesandbox.io componentWillMount コンポーネントがDOMツリーに追加される直前に一度だけ呼ばれる 初…