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
170
アウトプットのススメ
KazukiHayase
August 10, 2022
Tweet
Share
More Decks by KazukiHayase
See All by KazukiHayase
もし今からGraphQLを採用するなら
kazukihayase
11
4.7k
Goでテストをしやすくするためにやったこと
kazukihayase
1
770
GraphQLクライアントの技術選定 2023冬
kazukihayase
9
6.5k
Introduction and Insights of the Hasura-based Architecture
kazukihayase
0
870
自分だけが頑張るのをやめて、フルスタックなチームを作る
kazukihayase
2
2.8k
Goでテンプレートからファイルを自動生成するCLIを作る
kazukihayase
0
1.2k
生産性が上がり続けるチームを作るための第一歩
kazukihayase
4
3.7k
GraphQLにおけるクライアントキャッシュ戦略
kazukihayase
0
2.9k
MUIをベースにしたデザインシステムの構築
kazukihayase
0
520
Other Decks in Technology
See All in Technology
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
18
6.9k
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
6.2k
あれは良かった、あれは苦労したB2B2C型SaaSの新規開発におけるCloud Spanner
hirohito1108
2
620
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
19
8.1k
The Future of SEO: The Impact of AI on Search
badams
0
200
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
130
速くて安いWebサイトを作る
nishiharatsubasa
11
13k
Oracle Cloud Infrastructure:2025年2月度サービス・アップデート
oracle4engineer
PRO
1
220
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
600
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
1.4k
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
7
1.8k
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
2.4k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Bash Introduction
62gerente
611
210k
The Invisible Side of Design
smashingmag
299
50k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
GitHub's CSS Performance
jonrohan
1030
460k
Code Reviewing Like a Champion
maltzj
521
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
A better future with KSS
kneath
238
17k
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ͰϑΟʔυόοΫ͕͋ΕͦΕΛөͯ͠Πϯλʔωοτʹެ։ • ࣾ֎ൿͷใ͕ͳ͍͜ͱຊޠͷॻ͖ํʹؾΛ͚Δ • ެ։ʹࡍͯ͠ෆ҆͋Δͱࢥ͏͕ɺࢥ͍ͬͯެ։͢Δ͜ͱ͕େࣄ
ΞτϓοτͷΫΦϦςΟʹ͍ͭͯ • ·ͣΞτϓοτ͢Δ͜ͱࣗମ͕ॏཁ ◦ ଓ͚͍ͯΕΫΦϦςΟޙ͔Β͍ͭͯ͘Δ • ؒҧͬͨ༰ؚ͕·Ε͍ͯͨͱͯ͠ωοτ্ͷ୭͔͕ڭ͑ͯ͘ΕΔ
·ͱΊ • ΤϯδχΞ͕Ξτϓοτ͢Δ͖ཧ༝ ◦ ֶशαΠΫϧͷڧԽ ◦ Πϯλʔωοτͷߩݙ • ΞτϓοτͷൣғΛஈ֊తʹ͍͛ͯ͘