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
410
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
アメーバピグクローンを作っているお話。
nabeliwo
July 26, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
Dive into SmartHR UI
nabeliwo
3
970
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
200
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
130
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
70
React事始め
nabeliwo
0
540
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
160
Other Decks in Programming
See All in Programming
Git Rebase
bkuhlmann
11
1.6k
今、知っておきたい! 生成AIエージェントの世界
elith
3
350
VS Code をプロダクトにどう取り込むか
onomax
1
340
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
400
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
120
Semantic search with Django and pgvector
pauloxnet
0
240
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
エンターテイメント業界で利用されるAWS
demuyan
0
210
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
360
AWS Application Composerで始める、 サーバーレスなデータ基盤構築 / 20240406-jawsug-hokuriku-shinkansen
kasacchiful
1
260
雑に思考を整理する技術と効能
konifar
58
28k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Clear Off the Table
cherdarchuk
83
310k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
647
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
What the flash - Photography Introduction
edds
64
11k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Documentation Writing (for coders)
carmenintech
59
3.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
356
22k
How to train your dragon (web standard)
notwaldorf
72
5.1k
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました