Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
Search
nabeliwo
July 26, 2016
Programming
0
490
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
870
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
400
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
190
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
110
React事始め
nabeliwo
0
550
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
190
Other Decks in Programming
See All in Programming
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
150
AIコーディングエージェント(Manus)
kondai24
0
130
tparseでgo testの出力を見やすくする
utgwkk
1
130
俺流レスポンシブコーディング 2025
tak_dcxi
13
7.8k
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
1
490
AIエンジニアリングのご紹介 / Introduction to AI Engineering
rkaga
3
1.1k
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
cer
PRO
0
270
Developing static sites with Ruby
okuramasafumi
0
130
分散DBって何者なんだ... Spannerから学ぶRDBとの違い
iwashi623
0
170
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
310
All(?) About Point Sets
hole
0
260
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
tomohisa
5
18k
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How STYLIGHT went responsive
nonsquared
100
5.9k
A Tale of Four Properties
chriscoyier
162
23k
The Invisible Side of Design
smashingmag
302
51k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました