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
480
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
820
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
380
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
190
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
99
React事始め
nabeliwo
0
550
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
180
Other Decks in Programming
See All in Programming
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.1k
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.2k
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
820
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
240
Goで作る、開発・CI環境
sin392
0
260
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
12k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
160
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
97
34k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Producing Creativity
orderedlist
PRO
346
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Git: the NoSQL Database
bkeepers
PRO
430
65k
A Tale of Four Properties
chriscoyier
160
23k
Speed Design
sergeychernyshev
32
1k
Designing for humans not robots
tammielis
253
25k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました