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
510
0
Share
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
940
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
450
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
220
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
120
React事始め
nabeliwo
0
560
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
200
Other Decks in Programming
See All in Programming
Claspは野良GASの夢をみるか
takter00
0
160
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
170
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
3
920
oxlintはeslint/typescript-eslintを置き換えられるのか
shomafujita
2
310
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.4k
DynamoDBには集計系のクエリがないけどなんとかしたい
musan
1
130
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
240
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
ternbusty
1
130
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
yukukotani
3
2.5k
密結合なバックエンドから TypeScript のコードを生成する
kemuridama
1
700
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
180
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
hollycummins
0
270
Featured
See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
830
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Navigating Weather and Climate Data
rabernat
0
210
The Curious Case for Waylosing
cassininazir
1
370
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
170
Exploring anti-patterns in Rails
aemeredith
3
390
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.8k
Crafting Experiences
bethany
1
160
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
310
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました