Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
Search
nabeliwo
July 26, 2016
Programming
0
430
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
570
Dive into SmartHR UI
nabeliwo
3
1.1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
260
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
140
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
82
React事始め
nabeliwo
0
540
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Other Decks in Programming
See All in Programming
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
240
座談会 「Strict ConcurrencyとSwift 6が開く新時代: 私たちはどう生きるか?」
shiz
4
2.9k
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
110
ゲームボーイアドバンスでSwiftを動かそう
k_koheyi
0
510
Swift Concurrencyとレースコンディション
objectiveaudio
1
380
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
3
1.3k
めざせ!WKWebViewマスター! / WKWebView Master
marcy731
3
480
iOSDC 2024 SMBファイル共有をSwiftで実装する
kishikawakatsumi
1
110
労務ドメインを快適に開発する方法 / How to Comfortably Develop in the Labor Domain
yuki21
1
250
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
250
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
3
580
全力の跳躍を捉える計測アプリを作る
ogijun2018
0
1k
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
201
19k
Typedesign – Prime Four
hannesfritz
38
2.3k
A Modern Web Designer's Workflow
chriscoyier
690
190k
Building Flexible Design Systems
yeseniaperezcruz
324
37k
How GitHub (no longer) Works
holman
309
140k
Web development in the modern age
philhawksworth
204
10k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
How STYLIGHT went responsive
nonsquared
93
5.1k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Web Components: a chance to create the future
zenorocha
308
41k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
22
1.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
Transcript
お前もJavaScriptに してやろうか 〜アメーバピグ編〜 2016.07.27 @nabeliwo
自己紹介 ・@nabeliwo ・Gizumo Inc. ・フロントエンドエンジニア ・Reactすきすき ・ゲームが好き (ゼルダ・イカ・聖剣伝説) ・最近はPokémon GO
今日話すこと Flashで実装されているアメーバピグを JavaScriptで再現するっていう遊び (WIP) について
モチベーション ・興味ある技術を試す場所がほしいなあ ・ブラウザで動くMMORPG作りたいなあ ↓ アメーバピグよさそうだ ・WebSocketとかcanvasとか練習になる ・何も考えずに今興味あるものを突っ込もう
進捗 アオミドロピグ http://nabeliwo.me
使ってるもの サーバー ・Node.js ・hapi.js ・etc… クライアント ・Redux ・React ・Browserify ・PostCSS
・canvasは生で ・etc… どっちも ・JsonWebToken ・ES2015 ・Socket.IO ・ESlint ・etc…
ここまでやってみて ・Redux辛くてredux-saga入れたけど??? ・多人数さばけない(20人程度が限界) ・React Component内のcanvasがイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました