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
React + flumptでイカ戦績グラフ化ツールを作ってみた
Search
nabeliwo
July 22, 2016
Programming
0
170
React + flumptでイカ戦績グラフ化ツールを作ってみた
2016/5/19のGizumo Tech Conf #1での発表資料です。
nabeliwo
July 22, 2016
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
520
Dive into SmartHR UI
nabeliwo
3
1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
240
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
130
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
78
React事始め
nabeliwo
0
540
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
430
Other Decks in Programming
See All in Programming
生成AIをkintoneに連携してみた
hideg
0
230
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
CSC307 Lecture 10
javiergs
PRO
0
310
最近追加した型の紹介とその振り返り
aki19035vc
0
180
Jetpack for KMP
fornewid
1
290
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
How to use Macrobenchmark
veronikapj
0
160
データカタログ運用物語 〜令和6年夏の理想と現実〜
kuro_kurorrr
0
110
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Optimizing for Happiness
mojombo
373
69k
GitHub's CSS Performance
jonrohan
1026
450k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Gamification - CAS2011
davidbonilla
78
4.9k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
Debugging Ruby Performance
tmm1
71
11k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Teambox: Starting and Learning
jrom
130
8.6k
Visualization
eitanlees
139
14k
Transcript
React + flumptでイカ䨌 籐グラフ⻉ツールを⡲ってみた @nabeliwo Gizmo Tech Conf #1 on
Mar 19 2016
ジコショウカイ @nabeliwo Gizmo inc. フロントエンドエンジニア JSと穠㭴した Reactだいすきマン 剑鵚はゲーム㹋屣やってる オフパコし(ry
None
モチベーション ナベとサクモトによる「タッグマッチでA+99湡䭷す」 ちたい→てない→ⴓ匿だ→つくろう!! グラフ⻉することで鋅えてくるものがあるのでは? イカエンジニアとしてイカにまつわるものを⡦か⡲って婍した かった 傀㶷のツールだけでカバーしきれなかったので⡲った
エンジニアはイカ㥨き㢳い IkaLog stat.ink スーパーイカメーカー ウデマエアーカイブ etc…
イカグラフとは イカ䨌籐グラフ⻉ツール 䨌籐を䩛Ⰵ⸂したらあとは䩛にキルレとか桦とか どのブキがどれくらい⢪われてるかとか䖤䠐♶䖤䠐な ルールステージとかとかグラフ⻉してくれる リリースはにさわなかったので➙傈はローカルでごめ んなさい…(2016/03/19儗挿)
DEMO
䪮遭スタック
サーバーサイド Node.js hapi(APIサーバー) MySQL ➙傈はサーバー⩎の鑧はしません
クライアントサイド ES2015 (BABEL) React flumpt (Flux impl by @mizch) ウェイスタック
あと♧䘔CSSはPostCSSつかってる
ⵖ⡲劍 圓䟝と圓鸡、圓䧭罋えるのに1鹈くらい コード剅くのに4傈 㻅たら娤ぬと䙼ったので僴傈㻅ないで⡲っ
やってること データ《ってきてクライアントでごにょごにょしてChart.js 鸐してはきだす SQLが蕱䩛なのでデータは黝䔲にとってきてクライアント でⰋ鿇よしなにする
䪮遭鼅㹀のおはなし ウェイスタックやりたくて葿ղ䱱した Reduxはちょっとなんかもうつかれた Relay(GraphQL + React)で馄ウェイしようと䙼ったけど ⹛くsampleが㶷㖈せず䮲䫓 謬い㹋鄲!謬い㹋鄲! React +
flumptとの⳿⠓い
flumptのおはなし pubsub堣腉だけ䠐陎して兛鸐にFluxすればいいか んじ 㷕统コストがものすごくひくい。Reduxが䝤눤に鋅え る FluxⰅしたい➂はやるといいかも
たいへん だったこと
葺かったら♧筰にやりましょう NintendoID:nabeliwo
None