今までは、スライダーのプラグインに 「slick」を使わせてもらっていたのですが、 github.com 最近あまり更新されていないので 「Swiper」というプラグインに乗り換えました。 github.com 機能も沢山あるので、これがあればほぼ困ることはないと思います。 …

javascriptが自由過ぎて、 phpでコールバック渡すのどうするんだ。。ってなったので メモ ここに色々のってる php.net

setStateの中でthis.stateを参照しようとしたら怒られた話。 function increment() { this.setState({value: this.state.value + 1}); } なんでダメかというと github.com setState({value: 1 + 1}) setState({value: 1 + 1}) 連続で使用した時に 1+1 = 2 , …

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ツリーに追加される直前に一度だけ呼ばれる 初…