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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
nabeliwo
July 26, 2016
Programming
510
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
960
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
470
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
230
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
130
React事始め
nabeliwo
0
560
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
200
Other Decks in Programming
See All in Programming
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
pkshadeck
PRO
0
230
まだ間に合う!今年の夏こそSchemeのマクロ展開器を完全理解!
omasanori
0
450
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
570
不幸な GC
chencmd
0
680
Jindong: Introducing Declarative Haptics in Compose Multiplatform
l2hyunwoo
0
130
思考垂れ流し開発 ~音声入力 × AIエージェント × 開発ハーネスによる試行錯誤~
npostring
0
120
AWS Transform Customによる Spring Boot 2.xから4.xへのVerUp
satoshi256kbyte
2
100
源内ハンズオン概要編
hideg
0
210
typoなんかねぇよ
raspython3
0
490
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
180
PyConJP2026_wat_Python × Signal Processing: How to Draw Pictures with Sound Using Spectrogram Art
wat
0
300
Dockerfile CMD for Node.js
grazie1999
0
120
Featured
See All Featured
Color Theory Basics | Prateek | Gurzu
gurzu
0
430
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
180
What's in a price? How to price your products and services
michaelherold
247
13k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
270
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
470
Site-Speed That Sticks
csswizardry
13
1.5k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
380
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
470
Paper Plane
katiecoart
PRO
2
53k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました