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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
990
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
20260914 AIエージェント時代のPlatform Engineering　LLM基盤とプロダクトの責務境界線
Avatar for Taiki Kanzaki kanfab1
7
2.3k
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
Avatar for Izumi Tsutsui tsutsui
0
170
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.1k
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
120
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
2
520
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
Avatar for mpyw mpyw
0
470
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
300
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
160
カツオ、ご期待ください
Avatar for saku_totomi suneo3476
0
140
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
170
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
290

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
4
53k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
700
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
300
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k

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. アメーバピグへの道は 果てしなく長い… ありがとうございました