忘れないようにメモ。
marushu/riot-infinite-scroll: Ajax test using liot.js and jQuery( $.ajax) test.
まだゴミが混ざったままなんだけど、忘れる前にと思ってっすね…😅
htmlをサクッと作って、riot.jsを試せるようにしたいと思ってやってみた。browser-syncはホント便利っすな 😀
ajaxのテストで、ホントはfetchを使ってみたいなぁと思ったんだけど、iOS, Androidだとダメぽい?のでriot.js + jQueryという構成になってる…😅
Can I use… Support tables for HTML5, CSS3, etc
polyfillは見つけたんだけど、iOS, Androidは無い感じ。。
github/fetch: A window.fetch JavaScript polyfill.
ホントはWordPressでやりたいけど、今は別のお仕事用なので、とりあえずな感じ。npm install と、npm start の使い方がわかったのが嬉しい 😆
これから、無限スクロールを試すところ。
WordCamp Kansai 2016のハンズオンに参加してホントに良かったなぁと思うところ 😀
あざまーーっす!!
目次
無限スクロールできた
marushu/riot-infinite-scroll: Ajax test using liot.js and jQuery( $.ajax) test.
原型できた 😀
初回読み込みと、「更に読み込む」ボタンをクリック時とmountする場所を変えて、2回目以降は、配列にデータをpushする形で一先ず上手く行った。
…ただ、レスポンスデータの”-“や”‘”や”&”が文字化けしてしまっている…。。
ここはまだ不明。。
ただそれだけだとあまり恩恵がないっすね。これもぜひ。https://t.co/W08k3xahhL
— Takayuki Miyauchi (@miya0001) October 25, 2016
…😅
というわけで、まだまだやることは沢山あったのでした 😅
いやぁしかし、ありがたいです!! あざまーーす!!
参考
- potato4d/riot-wp-api: Riot.js with WP REST API Sample for WordCamp Kansai 2016. Please fork me and use hands-on!
- potato4d/riot-wp-api: Riot.js with WP REST API Sample for WordCamp Kansai 2016. Please fork me and use hands-on!
- Riot.js + WP REST API コメントフォーム
- Riot.js — A React-like user interface micro-library · Riot.js