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
180
アウトプットのススメ
KazukiHayase
August 10, 2022
Tweet
Share
More Decks by KazukiHayase
See All by KazukiHayase
もし今からGraphQLを採用するなら
kazukihayase
12
5.2k
Goでテストをしやすくするためにやったこと
kazukihayase
1
810
GraphQLクライアントの技術選定 2023冬
kazukihayase
9
6.9k
Introduction and Insights of the Hasura-based Architecture
kazukihayase
0
940
自分だけが頑張るのをやめて、フルスタックなチームを作る
kazukihayase
2
3.2k
Goでテンプレートからファイルを自動生成するCLIを作る
kazukihayase
0
1.3k
生産性が上がり続けるチームを作るための第一歩
kazukihayase
4
3.8k
GraphQLにおけるクライアントキャッシュ戦略
kazukihayase
0
3.1k
MUIをベースにしたデザインシステムの構築
kazukihayase
0
580
Other Decks in Technology
See All in Technology
初めてのGoogle Cloud by AWS出身者
harukasakihara
1
730
ProductZine Day 2025 Assuredのプロダクトディスカバリー
kechol
0
110
Digitization部 紹介資料
sansan33
PRO
1
3.8k
AIの電力問題を概観する
rmaruy
1
210
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
GigaViewerにおけるMackerel APM導入の裏側
7474
0
430
MCP Clientを活用するための設計と実装上の工夫
yudai00
0
670
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
yukisnow1823
2
1.1k
Things you never dared to ask about LLMs — v2
glaforge
1
480
AIエージェントデザインパターンの選び方
almondo_event
0
120
Swiftは最高だよの話
yuukiw00w
2
280
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
takatama
4
1.5k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Code Reviewing Like a Champion
maltzj
523
40k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Typedesign – Prime Four
hannesfritz
41
2.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Building Applications with DynamoDB
mza
95
6.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
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ͰϑΟʔυόοΫ͕͋ΕͦΕΛөͯ͠Πϯλʔωοτʹެ։ • ࣾ֎ൿͷใ͕ͳ͍͜ͱຊޠͷॻ͖ํʹؾΛ͚Δ • ެ։ʹࡍͯ͠ෆ҆͋Δͱࢥ͏͕ɺࢥ͍ͬͯެ։͢Δ͜ͱ͕େࣄ
ΞτϓοτͷΫΦϦςΟʹ͍ͭͯ • ·ͣΞτϓοτ͢Δ͜ͱࣗମ͕ॏཁ ◦ ଓ͚͍ͯΕΫΦϦςΟޙ͔Β͍ͭͯ͘Δ • ؒҧͬͨ༰ؚ͕·Ε͍ͯͨͱͯ͠ωοτ্ͷ୭͔͕ڭ͑ͯ͘ΕΔ
·ͱΊ • ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ ◦ ֶशαΠΫϧͷڧԽ ◦ Πϯλʔωοτͷߩݙ • ΞτϓοτͷൣғΛஈ֊తʹ͍͛ͯ͘