Slide 1

Slide 1 text

お前もJavaScriptに してやろうか 〜アメーバピグ編〜 2016.07.27 @nabeliwo

Slide 2

Slide 2 text

自己紹介 ・@nabeliwo ・Gizumo Inc. ・フロントエンドエンジニア ・Reactすきすき ・ゲームが好き  (ゼルダ・イカ・聖剣伝説) ・最近はPokémon GO

Slide 3

Slide 3 text

今日話すこと Flashで実装されているアメーバピグを JavaScriptで再現するっていう遊び (WIP) について

Slide 4

Slide 4 text

モチベーション ・興味ある技術を試す場所がほしいなあ ・ブラウザで動くMMORPG作りたいなあ ↓ アメーバピグよさそうだ ・WebSocketとかcanvasとか練習になる ・何も考えずに今興味あるものを突っ込もう

Slide 5

Slide 5 text

進捗 アオミドロピグ http://nabeliwo.me

Slide 6

Slide 6 text

使ってるもの サーバー ・Node.js ・hapi.js ・etc… クライアント ・Redux ・React ・Browserify ・PostCSS ・canvasは生で ・etc… どっちも ・JsonWebToken ・ES2015 ・Socket.IO ・ESlint ・etc…

Slide 7

Slide 7 text

ここまでやってみて ・Redux辛くてredux-saga入れたけど??? ・多人数さばけない(20人程度が限界) ・React Component内のcanvasがイマイチ

Slide 8

Slide 8 text

今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに

Slide 9

Slide 9 text

アメーバピグへの道は 果てしなく長い… ありがとうございました