若者らしくカッティングエッジなウェッブ系技術である ReactJS を触ってみた。
デモ http://polar-woodland-7018.herokuapp.com/#/ (submit が効かないのでなんか入力して虫眼鏡をクリックしてください)
ソースはこちら
ニコニコの新検索β API http://search.nicovideo.jp/docs/api/contest.html を叩いています。
元にしたtemplateはこれ https://github.com/iwag/react-express-template/ 。 ただReactJSを 0.13にバージョンアップしたりcjsxじゃなくしたりexpressのコード消したり結構改造してある。
このテンプレート便利だからみんな使うといいと思う。
ほぼはまらなかったのであんまり感想がないが一応雑な感想
- 確かに """ウェブノミライ""" を感じた
- 前知識なしで実質1日(8時間くらい?)でできた。
- それまでは一人アドベントカレンダーとかチュートリアルもやってなかった。もちろん最近出た本も読んでない。
- 最初 naoyaさんの https://github.com/naoya/React-HBFav を見ながら React Nativeから普通のReactJS に移植してそれからニコニコのAPI叩くように変更した
- 必要になったらFacebookのチュートリアル を読んだり。
- 作業時間の半分くらいはデザインというか semantic ui http://semantic-ui.com/ の使い方をあーでもないこーでもないと試行錯誤してた時間…
- 他のフレームワーク(knockoutとかbackboneとかvueとか)を挫折した人間としては、ReactJSが一番わかりやすかった。
- まあES6とかbrowserfyとか周辺ツールが成熟したというのも大いにありそう
- 黒魔術化してるような気もしていて、templateではgulpとかwebpackとか使われてるがまったく理解していない
自分みたいなサーバサイドエンジニアでも魂は震えなくてもウェブノミライを感じることはできたので暇があったらちょっと触ってみるといいんじゃないでしょうか。