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
450
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
700
Dive into SmartHR UI
nabeliwo
3
1.1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
330
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
160
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
86
React事始め
nabeliwo
0
540
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
170
Other Decks in Programming
See All in Programming
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
1.2k
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
1.4k
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.4k
Flatt Security XSS Challenge 解答・解説
flatt_security
0
730
functionalなアプローチで動的要素を排除する
ryopeko
1
200
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
ドメインイベント増えすぎ問題
h0r15h0
2
560
PHPで作るWebSocketサーバー ~リアクティブなアプリケーションを知るために~ / WebSocket Server in PHP - To know reactive applications
seike460
PRO
2
770
AWS re:Invent 2024個人的まとめ
satoshi256kbyte
0
100
DevFest - Serverless 101 with Google Cloud Functions
tunmise
0
140
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.4k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Automating Front-end Workflow
addyosmani
1366
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
How STYLIGHT went responsive
nonsquared
96
5.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました