Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

お前もJavaScriptにしてやろうか〜アメーバピグ編〜

Avatar for nabeliwo nabeliwo
July 26, 2016
Programming
510
0

 お前もJavaScriptにしてやろうか〜アメーバピグ編〜

アメーバピグクローンを作っているお話。

Avatar for nabeliwo

nabeliwo

July 26, 2016

More Decks by nabeliwo

See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
Avatar for nabeliwo nabeliwo
2
1k
Dive into SmartHR UI
Avatar for nabeliwo nabeliwo
3
1.3k
Web Componentsを使ったウィジェット埋め込みの話
Avatar for nabeliwo nabeliwo
0
470
Snowpack で始めるバンドルレス開発 / about Snowpack
Avatar for nabeliwo nabeliwo
0
230
おいでよ フロントエンドの森 / welcome-to-front-end
Avatar for nabeliwo nabeliwo
0
130
React事始め
Avatar for nabeliwo nabeliwo
0
570
React + flumptでイカ戦績グラフ化ツールを作ってみた
Avatar for nabeliwo nabeliwo
0
200

Other Decks in Programming

See All in Programming
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
290
No More NoSuchMethodError
Avatar for TATSUNO Yasuhiro exoego
1
110
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
Avatar for Nathan Abondance nabondance
0
120
Groovy as a human and AI friendly programming language
Avatar for paulking paulk
0
100
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
190
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
160
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
140
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
1
180
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
4.2k
[2026-10-14](C)Re:ゼロから始める異世界生活〜始まりの終わりと終わりの始まり〜
Avatar for tosite tosite
0
140
🇪🇸 React Alicante 2026 (Workshop)
Avatar for Matheus Albuquerque ythecombinator
PRO
0
100

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
360
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
900
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.4k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
950
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
830
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
630

Transcript

  1. お前もJavaScriptに してやろうか 〜アメーバピグ編〜 2016.07.27 @nabeliwo

  2. 自己紹介 ・@nabeliwo ・Gizumo Inc. ・フロントエンドエンジニア ・Reactすきすき ・ゲームが好き 　(ゼルダ・イカ・聖剣伝説) ・最近はPokémon GO

  3. 今日話すこと Flashで実装されているアメーバピグを JavaScriptで再現するっていう遊び (WIP) について

  4. モチベーション ・興味ある技術を試す場所がほしいなあ ・ブラウザで動くMMORPG作りたいなあ ↓ アメーバピグよさそうだ ・WebSocketとかcanvasとか練習になる ・何も考えずに今興味あるものを突っ込もう

  5. 進捗 アオミドロピグ http://nabeliwo.me

  6. 使ってるもの サーバー ・Node.js ・hapi.js ・etc… クライアント ・Redux ・React ・Browserify ・PostCSS

    ・canvasは生で ・etc… どっちも ・JsonWebToken ・ES2015 ・Socket.IO ・ESlint ・etc…

  7. ここまでやってみて ・Redux辛くてredux-saga入れたけど？？？ ・多人数さばけない(20人程度が限界) ・React Component内のcanvasがイマイチ

  8. 今後やりたいこと ・型システムいれたい ・テストコード書きたい ・多人数に耐えうる処理に変更 ・背景と背景オブジェクトほしい ・アバターを黒丸からキャラクターに

  9. アメーバピグへの道は 果てしなく長い… ありがとうございました