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
180
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
820
Dive into SmartHR UI
nabeliwo
3
1.2k
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
0
380
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
190
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
100
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
480
Other Decks in Programming
See All in Programming
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
2
1.4k
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
8.6k
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
180
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
bpstudy
0
170
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
130
GPUを計算資源として使おう!
primenumber
1
300
Gemini CLI のはじめ方
ttnyt8701
1
110
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
450
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
250
React 使いじゃなくても知っておきたい教養としての React
oukayuka
15
4.5k
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
580
JetBrainsのAI機能の紹介 #jjug
yusuke
0
130
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Gamification - CAS2011
davidbonilla
81
5.4k
Rails Girls Zürich Keynote
gr2m
95
14k
Automating Front-end Workflow
addyosmani
1370
200k
BBQ
matthewcrist
89
9.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Site-Speed That Sticks
csswizardry
10
730
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Writing Fast Ruby
sferik
628
62k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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