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
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
460
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
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
320
Built Our Own Background Agent at LayerX
layerx
PRO
10
5.3k
Apache Hive: Toward a Cloud Native Lakehouse
okumin
0
190
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
3
500
テーブルをDELETEした
yuzneri
0
140
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
5分で問診!Composer セキュリティ健康診断
codmoninc
0
970
What's New in Android 2026
veronikapj
0
260
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.6k
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
820
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
140
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
The Spectacular Lies of Maps
axbom
PRO
1
910
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
400
Facilitating Awesome Meetings
lara
57
7.1k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
460
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
460
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
790
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
300
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Ethics towards AI in product and experience design
skipperchong
2
340
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がイマイチ
今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに
アメーバピグへの道は 果てしなく長い… ありがとうございました