12月2日(金) 第27回HTML5+JS勉強会 in 代々木 - JavaScriptでいかにサーバーと対話するか、いまどきのJS非同期通信

たじま🍑マーケティングとデザイン @DesignHumore

始まりました！みついさんです。宜しくお願いします。 #techbuzz

にゃもげら @nyamogera

Mitsuiさんの「JavaScriptでいかにサーバーと対話するか、いまどきのJS非同期通信」はじまった！ #techbuzz

つけめん @nemotea0425

元々日本酒の酒蔵で働いていたエンジニア #techbuzz

池田 泰延 @clockmaker

あつまる三井さんの発表。もともと酒蔵で日本酒を作っていたという経歴。 雑談でReactの良さを紹介。会場にはReact派はぽつぽつ、Angular派もポツポツ。 #techbuzz

たじま🍑マーケティングとデザイン @DesignHumore

デザイナーとして、裏側のこと聞けるの嬉しいです。意識してデザインのこと考えたいし、相談し合いたいので。 #techbuzz

にゃもげら @nyamogera

ReactやAngular好きな人はポツポツ・・・。 #techbuzz

つけめん @nemotea0425

React+Fluxの話 #techbuzz

にゃもげら @nyamogera

今日のお話は、ページを切り替えないAjax非同期通信について。 #techbuzz

池田 泰延（勉強会用） @clockmaker_bot

Reactではアプリケーション・サーバーでJSONを処理するだけ、FluxやReactは表示するだけという分離ができる。JSONで繋ぎこむわけだが、今回は非同期通信を扱います。 #techbuzz

つけめん @nemotea0425

jQuery不要説。まあ辛いよね。 #techbuzz

にゃもげら @nyamogera

「jQuery不要」派閥出てきてる（私もわりと不要派かな・・・） #techbuzz

にゃもげら @nyamogera

最近、素のJavaScriptの書き方が簡単になってきてる。 #techbuzz

池田 泰延 @clockmaker

まことしやかに囁かれる「jQuery不要説」。2016年1月の「You Don't Need jQuery」が起点。 日本語訳： qiita.com/tatesuke/items… #techbuzz

とりん @berukokoko

やっぱり　じぇいくえり〜いらない説(´；ω；`) #techbuzz

池田 泰延 @clockmaker

jQuery産みの親(?)であるJohn ResigもReactいいよと言っていた。 #techbuzz

にゃもげら @nyamogera

$.ajax代替 にはFetch API、Axios、SuperAgent #techbuzz

つけめん @nemotea0425

Reactを使うとしてAjaxはどうする？ #techbuzz

にゃもげら @nyamogera

Fetch APIはこれからの標準規格らしい。ブラウザでしか使えないのは厳しいな・・・。 #techbuzz

池田 泰延 @clockmaker

ブラウザで非同期通信ができるFetch APIは標準規格。Promiseベース。windowオブジェクトについているので、Node.jsでは使えない。 #techbuzz

つけめん @nemotea0425

Fetch API→Promise、CORSもOK、node.jsでは使えない #techbuzz

たじま🍑マーケティングとデザイン @DesignHumore

お話聞きやすい。 #techbuzz

つけめん @nemotea0425

Fetch APIはエラーハンドリングをしっかりする必要　 #techbuzz

にゃもげら @nyamogera

Axios聞いたこと無いなー。 #techbuzz

つけめん @nemotea0425

Axios→最近はやってる、ブラウザもnode.jsも動く、メソッド多い、Promise #techbuzz

池田 泰延（勉強会用） @clockmaker_bot

最近勢いがあるのがAxios。Promiseベースで、ブラウザ・Node.jsで同じものが使える。付属のメソッドが手厚い。 github.com/mzabriskie/axi… #techbuzz