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
アウトプットのススメ
Search
KazukiHayase
August 10, 2022
Technology
0
130
アウトプットのススメ
KazukiHayase
August 10, 2022
Tweet
Share
More Decks by KazukiHayase
See All by KazukiHayase
GraphQLクライアントの技術選定 2023冬
kazukihayase
8
4.6k
Introduction and Insights of the Hasura-based Architecture
kazukihayase
0
660
自分だけが頑張るのをやめて、フルスタックなチームを作る
kazukihayase
2
1.7k
Goでテンプレートからファイルを自動生成するCLIを作る
kazukihayase
0
240
生産性が上がり続けるチームを作るための第一歩
kazukihayase
4
3.3k
GraphQLにおけるクライアントキャッシュ戦略
kazukihayase
0
2k
MUIをベースにしたデザインシステムの構築
kazukihayase
0
320
Hasuraを活用するためのTips集
kazukihayase
0
30k
ReactとGraphQLで実現する宣言的データフェッチ
kazukihayase
1
2.3k
Other Decks in Technology
See All in Technology
BPStudyの200回を中心にIT業界を振り返る。そしてこれから
haru860
3
410
One engineer company with Ruby on Rails
rstankov
2
430
Cracking the KubeCon CfP
inductor
2
270
MapLibreとAmazon Location Service
dayjournal
1
190
Handling focus in 2024
tahia910
0
230
Cypress or Playwright?
rainerhahnekamp
0
170
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
require(ESM)とECMAScript仕様
uhyo
4
980
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
1
110
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
270
Microsoft Intune 勉強会 第 2 回目
tamaiyutaro
2
450
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
Featured
See All Featured
Music & Morning Musume
bryan
41
5.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
65
14k
Designing the Hi-DPI Web
ddemaree
276
33k
How to train your dragon (web standard)
notwaldorf
75
5.2k
Navigating Team Friction
lara
179
13k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Making Projects Easy
brettharned
109
5.5k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.2k
GraphQLとの向き合い方2022年版
quramy
33
12k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Scaling GitHub
holman
457
140k
Transcript
Ξτϓοτͷεεϝ 2022/06/28 ࣾLT ૣً
ࣗݾհ • ૣًଔ • ग़ཧSaaS ◦ ϓϩδΣΫτϦʔμʔ݉ΤϯδχΞ ◦ ϑϧελοΫʹ։ൃ ◦
ϑϩϯτΤϯυ͕͖ • ࠷ۙϋϚ͍ͬͯΔΞʔςΟετ ◦ Orangestarɺʹ͠ͳɺزాΓΒ
ۙ1ͷΞτϓοτ • Zennɿ6ຊߘ 200͍͍Ͷ • ςοΫϒϩάɿ7ຊߘ • ࣾLTɿ7ճొஃ
ΞδΣϯμ • ຊͷΰʔϧ • ΤϯδχΞ͕Ξτϓοτ ͢Δ͖ཧ༝ ◦ ֶशαΠΫϧͷڧԽ ◦
Πϯλʔωοτͷߩݙ • Ξτϓοτͷ3εςοϓ ◦ step1. จষԽ͢Δ ◦ step2. ۙͳਓʹڞ༗͢Δ ◦ step3. Πϯλʔωοτެ։͢Δ • ·ͱΊ
ຊͷΰʔϧ
Ξτϓοτʹର͢Δ ৺ཧతϋʔυϧ͕গ͠ͰԼ͕͍ͬͯΔ
ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝
ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ • ֶशαΠΫϧͷڧԽ • Πϯλʔωοτͷߩݙ
ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ • ֶशαΠΫϧͷڧԽ • Πϯλʔωοτͷߩݙ
ֶशαΠΫϧͷڧԽ Ξτϓοτ͕͋Δ͜ͱʹΑֶͬͯशʹྑ͍॥Λ࡞Δ͜ͱ͕Ͱ͖Δ Πϯϓοτ Ξτϓοτ ϑΟʔυόοΫ Ϟνϕʔγϣϯ ্
ΞτϓοτʹΑΔΠϯϓοτͷڧԽ • Πϯϓοτͷ૿Ճ ◦ Ξτϓοτͱ͍͏త͕͋Δํ͕Πϯϓοτ͍͢͠ • Πϯϓοτͷ࣭ͷ্ ◦ ਓʹઆ໌Ͱ͖ΔϨϕϧ·Ͱཧղ͕ਂ·Δ
ࣗͷମݧஊ • Apollo ClientͷΩϟογϡػߏʹ͍ͭͯهࣄΛॻ͍ͨ • ࣮ͯ͠ಈ͍͍͕͍ͯͨ·͍ͪڍಈ͕ཧղͰ͖͍ͯͳ͔ͬͨ • هࣄΛॻ͘͜ͱΛઌʹܾΊͯɺษڧΛ։࢝
ٕज़هࣄΛॻ͍ͯΈͯؾ͍ͮͨ͜ͱ • هࣄΛॻ͘ͷʹ͕͔͔࣌ؒΔ ◦ ̍Ͱॻ͖ΔͭΓ͕ͩͬͨ̍ϲ݄͔͔ͬͨ ◦ ͍͟ॻ͖࢝ΊΔͱཧղ͕ᐆດͳ෦͕͔ͳΓ͋Δ͜ͱ͕Θ͔Δ ◦ ཧղ͕ᐆດͳ෦͕ग़ͯ͘ΔʹΊͪΌͪ͘Όௐͨ •
ਓʹઆ໌Ͱ͖ΔϨϕϧ·Ͱཧղ͕ਂ·ͬͨ ◦ هࣄʹॻ͍ͨ༰ΛϓϩμΫτʹө্࣭͠ʹܨ͕ͬͨ • ͍͍ͶΛΒ͑ΔͱͬͺΓخ͍͠
ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ • ֶशαΠΫϧͷڧԽ • Πϯλʔωοτͷߩݙ
ԼهͷΑ͏ͳܦݧͳ͍Ͱ͔͢ʁ • ݕࡧͰώοτͨ͠هࣄͷ௨ΓʹରԠͨ͠ΒΤϥʔ͕ղܾͨ͠ • Θ͔Γ͍͢ղઆهࣄͷ͓͔͛Ͱֶश͕εϜʔζʹਐΜͩ
ΤϯδχΞগͳ͔Βͣ ୭͔ͷΞτϓοτʹॿ͚ΒΕ͍ͯΔ
giveͷྠͱ͍͏ߟ͑ํ • giveͷྠʹΞτϓοτʹΑΔॿ͚߹͍ • ࣗͷͨΊ͚ͩ͡Όͳ͘୭͔ͷͨΊʹΞτϓοτΛ͢Δ ࣮ࡍʹΤϯδχΞͱͯ͠ա͖ͯͯ͝͠ײ͡ΔͷɺࠓͷΤϯδχΞੜ׆Λ ࢧ͍͑ͯΔʮͦΕͧΕ͕গͣͭ͠ give ͠߹͏ʯͱ͍͏श׳ͷڧ͞Ͱ͢
ΤϯδχΞͷ give ͷྠʹࢀՃͨ͠Μͩͱ͍͏͜ͱʹؾ͍ͮͯͥͻ ࣗͷ give Λ࢝ΊͯΈͯ΄͍͠Ͱ͢ Ҿ༻ɿ4 ݄ʹΤϯδχΞͱͳͬͨਓͨͪʹ͓͍ͬͯͯΒ͍͍ͨ͜ͱ
Ξτϓοτͷ3εςοϓ
Ξτϓοτͷ3εςοϓ จষԽ͢Δ ۙͳਓʹ ڞ༗͢Δ Πϯλʔωοτ ެ։͢Δ ͍͖ͳΓΠϯλʔωοτެ։͢Δͷϋʔυϧ͕ߴ͍ͷͰɺ ஈ֊తʹެ։͢ΔείʔϓΛ͍͛ͯ͘
step1. จষԽ͢Δ • ࡞ۀϩάॻධͳͲΛݸਓϝϞtimesʢใʣͳͲͰจষԽ͢Δ ◦ Ͱ͖Εਓͷʹͭ͘ͱ͜Ζ͕͍͍ ◦ ͓͢͢ΊslackͷtimesνϟϯωϧΛ࡞ͬͯɺͦ͜ʹ࡞ۀϩάΛ͢ํ๏ • ·ͣจষԽͦͷͷɺจষԽͨ͠ͷΛਓʹݟΒΕΔ͜ͱʹ׳ΕΔ
timesͷ׆༻ྫ
step2. ۙͳਓʹڞ༗͢Δ • step1ͰจষԽͨ͠ͷΛମܥతʹ·ͱΊΔ ◦ step1ͷ࡞ۀϩάͱҧ͍ɺࣗҎ֎ͷਓ͕ݟͯཧղͰ͖ΔΑ͏ʹཧ͢Δ • ཧͨ͠ͷΛۙͳਓʹڞ༗͢Δ ◦ Ͱ͖Δ͚ͩۙͳਓͷํ͕৺ཧతϋʔυϧ͕͍
◦ e.g. ༑ਓɺνʔϜɺࣾ
step3. Πϯλʔωοτʹެ։͢Δ • step2ͰϑΟʔυόοΫ͕͋ΕͦΕΛөͯ͠Πϯλʔωοτʹެ։ • ࣾ֎ൿͷใ͕ͳ͍͜ͱຊޠͷॻ͖ํʹؾΛ͚Δ • ެ։ʹࡍͯ͠ෆ҆͋Δͱࢥ͏͕ɺࢥ͍ͬͯެ։͢Δ͜ͱ͕େࣄ
ΞτϓοτͷΫΦϦςΟʹ͍ͭͯ • ·ͣΞτϓοτ͢Δ͜ͱࣗମ͕ॏཁ ◦ ଓ͚͍ͯΕΫΦϦςΟޙ͔Β͍ͭͯ͘Δ • ؒҧͬͨ༰ؚ͕·Ε͍ͯͨͱͯ͠ωοτ্ͷ୭͔͕ڭ͑ͯ͘ΕΔ
·ͱΊ • ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ ◦ ֶशαΠΫϧͷڧԽ ◦ Πϯλʔωοτͷߩݙ • ΞτϓοτͷൣғΛஈ֊తʹ͍͛ͯ͘