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
700
Dive into SmartHR UI
nabeliwo
3
1.1k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
330
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
160
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
87
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
460
Other Decks in Programming
See All in Programming
Rubyでつくるパケットキャプチャツール
ydah
1
610
時計仕掛けのCompose
mkeeda
1
240
混沌とした例外処理とエラー監視に秩序をもたらす
morihirok
19
3.4k
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
270
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
1
220
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.2k
Immutable ActiveRecord
megane42
0
130
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
110
Azure AI Foundryのご紹介
qt_luigi
1
270
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
210
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
660
技術を根付かせる / How to make technology take root
kubode
1
110
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.5k
Fireside Chat
paigeccino
34
3.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Agile that works and the tools we love
rasmusluckow
328
21k
Code Review Best Practice
trishagee
65
17k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.3k
A designer walks into a library…
pauljervisheath
205
24k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
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