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
Notionで簡易サイトを作成して、ニーズ調査を行った話
Search
Takayuki
PRO
September 26, 2022
Business
2
1.1k
Notionで簡易サイトを作成して、ニーズ調査を行った話
Notionで簡易サイトを作成して、ニーズ調査を行った話
Takayuki
PRO
September 26, 2022
Tweet
Share
More Decks by Takayuki
See All by Takayuki
エンジニアのキャリア論
bumptakayuki
PRO
0
69
地方カンファレンス主催のススメ
bumptakayuki
PRO
1
130
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
PRO
1
580
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
PRO
0
460
沖縄観光、名物を一挙紹介!
bumptakayuki
PRO
2
470
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
PRO
1
1.4k
flutterでイベントアプリを作ってみた
bumptakayuki
PRO
0
98
オフショア開発の辛みと学んだ事
bumptakayuki
PRO
0
320
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
PRO
1
140
Other Decks in Business
See All in Business
DevIO2024_16_9_OnlineSlide_template 0708登壇資料_yukoyagi
yukoyagi
0
330
株式会社リーディングマーク_SD紹介資料.pdf
lm_devhr
0
190
VISASQ: ABOUT US
eikohashiba
14
440k
BALLAS 事業紹介資料
ballas_inc
0
400
FAST COMPANY DECK
fastinc
0
350
株式会社ソマリ-会社紹介資料(2024)
oyataka
0
130
払いすぎていませんか?AWSコスト最適化へのはじめの一歩
o2mami
1
1.3k
名古屋エンジニア LT 大会
sasuke0339
0
320
ESG x VC レポート:VC・スタートアップのESGへの 取り組み状況を踏まえたVCにおけるESGの戦略的要諦・アクション
mpower_partners
PRO
0
740
LayerXのOpsについて
suuu
2
800
enechain company deck
enechain
PRO
4
79k
Findy - 人生で熱くなれるなにかを探している誰かへ / Letter from Findy
findyinc
6
130k
Featured
See All Featured
Embracing the Ebb and Flow
colly
81
4.3k
Designing Experiences People Love
moore
136
23k
How GitHub (no longer) Works
holman
305
140k
Facilitating Awesome Meetings
lara
46
5.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
KATA
mclloyd
20
13k
Clear Off the Table
cherdarchuk
89
320k
Building Applications with DynamoDB
mza
89
5.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Transcript
N o t i o n Ͱ ؆ қ α
Π τ Λ ࡞ ͠ ͯ ɺ χ ʔζ ௐ ࠪ Λ ߦ ͬ ͨ ླ ೭
/PUJPOΛ͏ࣄʹͳͬͨܦҢ /PUJPOͰ؆қαΠτΛ࡞͢Δํ๏ ݕূ݁Ռ ΞδΣϯμ
ද औ క ླ ೭ 3
P R O F I L E ʮ ԭ ೄ ͷ ՝ Λ ղ ܾ ͠ ɺ ࿑ ಇ ڥ Λ ʮ ࠶ ߏ ங ʹ Ϧ Ϗ ϧ υ ʯ ͢ Δ ʯ גࣜձࣾϑϧεϐʔυʹwebΤϯδχΞͱͯ͠ೖࣾɻϑϧεϐʔυͰɺେنͳࠂ৴αʔ Ϗεͷཧը໘։ൃΛ୲͠ɺαʔόαΠυ͔ΒϑϩϯτΤϯυ·Ͱ෯͍։ൃʹैࣄɻϑ ϦʔϥϯεΤϯδχΞͱͯ͠1΄Ͳ׆ಈޙɺ201711݄ʹԭೄͰىۀ͠ɺגࣜձࣾRe:Build Λઃཱɻ౦ژͱԭೄͷاۀ༷͔Βͷडୗ։ൃҊ݅Λ͚ɺෳϓϩδΣΫτͷϓϩδΣΫτϚ ωʔδϟʔΛܦݧɻࣗࣾαʔϏεʮTadoruʯͰϓϩμΫτϚωʔδϟʔͱ্ཱ͔ͯͪ͛͠ Βɺγʔυͷࢿۚௐୡ·ͰΛܦݧɻ
ද ླ ͷ Π ϕ ϯ τ ొ
ஃ ࣮ ʮ ʯ 4 PHPerKaigi 2020 ϑϩϯτΤϯυ ΧϯϑΝϨϯεؔ Laravel Meetup
ձ໊ࣾ גࣜձࣾRe:Build දऀ ླ೭ ઃཱ ฏ2911݄28 ࣄۀ༰ ࣗࣾαʔϏε։ൃɾӡӦɺWebγεςϜ։ൃɺΤϯδ χΞڭҭɺσβΠϯ੍࡞ ࢿຊۚ
2,600ສԁ ॴࡏ ˟900-0015 ԭೄݝಹࢢٱໜ2-2-2 λΠϜεϏϧ ి൪߸ 050-5408-4501 ैۀһ ໊̍̎ ձ ࣾ ֓ ཁ 5
3F#VJMEʹ͍ͭͯ ࣄۀ༰ Re:Build Boot Campɺԭೄٶ࡚ͳͲͷํΛڌ ͱ࣮ͨ͠ϨϕϧΛࢦ͢ϓϩάϥϛϯάεΫʔ ϧͰ͢ɻ3ϲ݄ؒͰɺʮ࣮ϨϕϧʯʹඞཁͳʮώΞ ϦϯάεΩϧʯʮ࠷ݶͷٕज़ྗʯʮࣗݾεέδϡ ʔϧཧʯͷ3ͭͷεΩϧΛʹ͚ΒΕΔΧϦΩϡ ϥϜΛ༻ҙ͍ͯ͠·͢ɻ
ํಛԽܕͷελʔτΞοϓελδΦͰ͢ɻ ʮ৽͠ ͍ϏδωεͷΞΠσΞ͕͋ͬͯɺΤϯδχΞσ βΠφʔ͕͓ΒͣɺܗʹͰ͖ͳ͍ʯͳͲͷํاۀ ༷Λखॿ͚͠·͢ɻ·ͨɺҊ݅ͷ૬ஊ૭ޱͱͳΔ͜ ͱͰɺํʹࣄΛੜΈग़͖͔͚ͬ͢Λ࡞Γ͍ͨͱ ࢥ͍ͬͯ·͢ɻ ΤϯδχΞͷҝͷΤϯδχΞʹΑΔࣄհαʔϏ εTadoruΤϯδχΞಉ࢜ͰࣄΛγΣΞ͢Δɺ ΤϯδχΞൃͷηϛΫϩʔζͳίϛϡχςΟͰ͢ɻ ελʔτΞοϓελδΦࣄۀ 8FCΤϯδχΞڭҭࣄۀ ࣗࣾαʔϏε5BEPSVͷ ӡӦɾ։ൃ
1 . N o t i o n Λ
͏ ࣄ ʹ ͳ ͬ ͨ ܦ Ң
8 ձ ࣾ ͷ ঢ় گ ͜Ε͔Β৽نࣄۀΛ্ཱͪ͛ ͍ͨ ۙɺΤϯδχΞɺσβΠφʔͷϦ ιʔεຒ·͍ͬͯΔɻ
͋Δఔɺχʔζ͕͋Δ͔ ͔͔ͬͯΒɺ։ൃΛਐΊ͍͖ͯ ͍ͨɻ
9 ϓ ϩ μ Ϋ τ ͷ ε έ δ
ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞
10 ϓ ϩ μ Ϋ τ ͷ ε έ δ
ϡ ʔ ϧ ײ Ϗδωε ։ൃɾ σβΠϯ ՝୳ࡧΠϯλϏϡʔ 4݄ 9݄ NotionαΠτ ͷެ։ α൛ͷཁ݅ఆٛ α൛ͷσβΠϯɾ ։ൃ։࢝ β൛ͷཁ݅ఆٛ ࣮ূ࣮ݧ ελʔτ Ϣʔβʔ ςετ ࣮༰ͷϨϏϡʔΛ ि࣍ͷMTGͰ֬ೝ 1݄ NotionͰ؆қ αΠτ࡞ 3݄ ϏδωεϞσϧ ͷนଧͪ ਖ਼ࣜαΠτͷϫΠϠʔ ࡞ 1݄ Ξϯέʔτू ܭ ਖ਼ࣜαΠτެ։ ਖ਼ࣜαΠτ ϦϦʔε ࠂӡ༻ɾӦۀ β൛ͷσβΠϯɾ։ൃ։࢝ ΠϯλϏϡʔ݁ՌΛ Flyleʹ·ͱΊΔɻ ࠓ͜͜ʂ ਖ਼ࣜαΠτͷσβ Πϯɾ࡞ ͜ͷظؒͷΛ͠· ͢ʂ
՝୳ࡧΠϯλϏϡʔ(ఆੑௐࠪ) ՝୳ࡧΠϯλϏϡʔΛΤϯδχΞ10ਓ΄Ͳʹ࣮ࢪ͠ɺԼه ͷ࣭Λͨ͠ɻ 1.νϟοτ։ൃ(ϝοηʔδػೳ)ͰΜͰ͍Δ͜ͱͳΜͰ͔͢ʁ ϓϩδΣΫτཧ͢Δ্Ͱͷ՝ ͓٬͞Μͱͷཁ݅ఆٛͰେมͩͬͨ 2.νϟοτ։ൃΛ͢Δࡍʹ૬ஊͰ͖Δਓ͕͍·͔͢ʁ ͘͠ɺ։ൃલʹͲ͏͍ͬͨௐํΛ͠·͔͢ʁ ݕࡧϫʔυΛڭ͍͑ͯͩ͘͞ɻ
3.νϟοτ։ൃΛ͢ΔࡍʹΉΩοΧέͳΜͰ͔͢ʁ 4.ղܾࡦͱͯ͠༻͍ͯ͠ΔαʔϏε͍·͔͢ʁ 5.νϟοτ։ൃ͢Δ͏͑Ͱཧతͳ͜ͱʢָ͍͠ɺخ͍͠ʣ͋Γ·͢ ͔ʁ ͓͖͍͑ͯͨ͜ͱʁ
நग़ͨ͠՝ͷπϦʔ
FlyleͰιϦϡʔγϣϯͷચ͍ग़͠
֤εςʔδͷج४(OMTM) ڞײ ఆண ऩӹ ֦ࢄ ֦େ 14' 1.' ࣍ϑΣʔζͷج४ ϓϩμΫτͷঢ়ଶ
ࢿۚௐୡ ɾ؆қαΠτͷΞϯέʔτ݁Ռ͕NPSਪનऀͷ ج४Λຬ͍ͨͯ͠Δɻ ɾແྉاۀ˓ࣾ ɾ؆қαΠτ ɾ༗ྉاۀ˓ࣾ ɾΫϩʔζυα൛Ϧ Ϧʔε ɾβ൛ϦϦʔε(༗ྉ Խ) ɾਖ਼ࣜ൛ϦϦʔε ɾσοτͰ ◦ઍສԁௐୡ ɾͳ͠ 2022/01ʙ2022/03 ظؒ 2022/04ʙ2022/10 2023/04ʙ2023/12 ɾΤΫΠςΟͰ ◦ԯԁௐୡ ɾͳ͠ ɾMRR◦ສԁ ఆ͍ͯͨ͠SOMʹରͯ͠ҰఆγΣΞΛऔΕ͍ͯΔ͔ɻ 2022/11ʙ2023/03 2024/01/01ʙ ɾΤΫΠςΟͰ ◦ԯԁௐୡ ɾMRR◦ສԁ ্·Ͱͷಓے͕ݟ͓͑ͯΓɺޙࢿۚΛೖ͢Ε্Ͱ͖Δঢ় ଶɻ ɾSDKͷ֦ு ɾٕज़తෛ࠴ͷղফ ※͜ͷظؒͰௐୡ͢Δɻ ※͜ͷج४ΛຬͨͤͨΒɺ࣍ϑΣʔζʹߦ͘ɻ
εςʔδʹ߹ͬͨKPIΛબͿ KPIͷධՁج४ ΛܾΊΔ αʔϏεΛӡӦ ͢Δ ϢʔβϏϦςΟ ςετ ϢʔβϑΟʔυ όοΫ A/Bςετ
BIπʔϧͰܭଌ ͢Δ GoogleΞφϦςΟ ΫεͰܭଌ͢Δ ςετ݁ՌʹԠ͡ ͯɺՃػೳ࣮͢ Δ LPɾࠂͷվળΛ ͢Δ ࠂӡ༻͢Δ ϐϘοτ·ͨఘΊΔ ࣍ͷεςʔδʹߦ͘ KPIͷධՁج४Λ ͔͑ͨʁ ςετ݁ՌΛ ੳ͢Δ ΞΫςΟϒɾඇΞΫςΟϒ ϢʔβΛݟ͚ͭΔ ӡӦ ܭଌ ςετ վળ ελʔτ ͍͍͑ ͍ KPIΛݕ౼͢͠ ώʔτϚοϓͰLPͷ Λܭଌ͢Δ ֤εςʔδຖʹ͜ͷྲྀΕΛ ܁Γฦ͢ ֤εςʔδͷϥΠϑαΠΫϧ ςετͷڠྗґཔ͢Δ
16 ࡞ ͬ ͨ ϓ ϩ μ Ϋ τ ͷ
֓ ཁ https://headless-message.com/ ϝοηʔδػೳͷ։ൃ ίετΛݮ͢Δϩʔ ίʔυπʔϧ ɾاۀֹ͕݄՝ۚ͢ΔϞ σϧ
2 . N o t i o n Ͱ ؆
қ α Π τ Λ ࡞ ͢ Δ ํ ๏
18 ؆ қ α Π τ ͷ ࡞ ε
ς ο ϓ 1.αΠτͷߏ Ҋ࡞ ɾGoogleεϓϨουγʔτͰ ͬ͘͟ΓߏΛ࡞͢Δɻ 2.NotionͰίϯςϯ π࡞ ɾσβΠφʔͷํͰϔομʔ ίϯςϯπͷը૾Λ࡞ɻ ɾNotionʹ࣮ࡍʹจষΛͯࠐ ΜͰ͍͘ɻ 3.SuperͰαΠτ ެ։ Superͱ͍͏αʔϏεΛ༻͠ ͯɺNotionΛϗεςΟϯά͢ Δɻ 4.ޮՌଌఆπʔϧͷઃஔ ɾGAͷઃஔ ɾΞϯέʔτͷઃஔ
19 S u p e r ( s u p
e r . s o ) ͱ SuperɺSSGʢ੩తαΠτδΣωϨʔλʔʣͷࣗಈϗ εςΟϯάαʔϏεͰ͢ɻ ɾಠࣗυϝΠϯ&SSLʢhttpsʣରԠɻ ɾઃఆ͕؆୯ɻͩΕͰ10Ͱެ։Ͱ͖Δɻ ɾಡΈࠐΈ͕͍ ɾϖʔδભҠ͕͍ ɾΧελϜCSS / JSରԠ ɾGoogleΞφϦςΟΫεಋೖՄೳ ɾϑΥϯτมߋՄೳ ɾϝλλάͷઃఆՄೳ ɾfaviconઃఆՄೳ ࢀߟɿhttps://udapon.tokyo/blog/super-notion-blog#1134a17d34214de7b696654dbf9b23a0
20 N o t i o n ͱ S u
p e r ͷ ྑ ͍ ɾ ѱ ͍ Notionͷྑ͍ ɾ୭Ͱ؆୯ʹɺϊʔίʔυͰαΠτ࡞Ͱ͖Δɻ Superͷྑ͍ ɾಠࣗυϝΠϯͰNotionͷϖʔδΛαΠτͱͯ͠ެ։Ͱ͖Δ ɾURLࣗ༝ʹઃఆͰ͖ɺSEOରࡦ˕ ɾCSSΛΧελϜ͢Εɺ͋ΔఔͷσβΠϯөͰ͖Δ ɾGoogle AnalyticsͷܭଌՄೳ NotionɺSuperͷѱ͍ ϕʔεͱͳΔσβΠϯ͕NotionͳͷͰɺͰ͖ΔσβΠϯ͕ݶΒΕ͍ͯΔɻίʔυ͕Θ͔ΔਓͲ͔͘͠ײ͡ Δ͔͠Ε·ͤΜɻ
21 N o t i o n ͱ S u
p e r Ͱ Δ ͜ ͱ NotionͰΔ͜ͱ 1. αΠτͷίϯςϯπΛ࡞͢Δ SuperͰΔ͜ͱ 2. Notionϖʔδͱ࿈ܞ 3. υϝΠϯͷઃఆ 4. αΠτઃఆ
22 α Π τ ͷ ߏ Ҋ ࡞
23 N o t i o n Ͱ ί ϯ
ς ϯ π ࡞ ϔομʔΛฤू͠· ͢ɻ
24 N o t i o n Ͱ ί ϯ
ς ϯ π ࡞ ίϯςϯπΛ࡞͠· ͢ɻυϥοΫ&υϩοϓ ͰೖΕସ͑ՄೳͰ͢ɻ
25 N o t i o n Ͱ ί ϯ
ς ϯ π ࡞ GoogleϑΥʔϜͷຒΊ ࠐΈΛߦ͍·͢ɻ
26 Ξ ϯ έ ʔ τ ༰
27 N o t i o n ͱ S u
p e r Λ ࿈ ܞ SuperଆͰnotionͷURL Λࢦఆ͠·͢ɻ
28 S u p e r Ͱ υ ϝ Π
ϯ ͷ ઃ ఆ υϝΠϯͷઃఆΛߦ͍· ͢ɻ
29 G A ͷ ઃ ఆ GAλάͷઃఆΛߦ͍· ͢ɻ
30 ν ϟ ω ϧ τ ʔ Ϋ ͷ ઃ
ఆ ( ඞ ཁ ͋ Ε ) νϟωϧτʔΫͷઃఆ Ͱ͖·͢ɻ
31 ώ ʔ τ Ϛ ο ϓ ͷ ઃ ఆ
্ ख ͘ ͍ ͔ ͣ … ɻ Ptengine(ώʔτϚοϓ)ͷઃఆ ࢼΈ·͕ͨ͠ɺ্ख͘දࣔ͞Ε· ͤΜͰͨ͠ɻ ※PM ClubͰগ͠૬ஊ͠·ͨ͠ ͕ɺsuperͰ͍͠ͱճΛ͖ ·ͨ͠ɻ
32 S N S Ͱ ͷ ֦ ࢄ ͱ গ
ֹ Ͱ ࠂ Λ ճ ͠ ͯ Έ Δ ༧ࢉ1ສԁ΄ͲͰࠂΛճͯ͠Έ Δɻ
3 . ݕ ূ ݁ Ռ
ΞϯέʔτͰͷχʔζௐࠪ (ఆྔௐࠪ) ຊਓϚΠφεʹͳΓ͍͢ͷ Ͱɺ̔Ҏ্Λਪનऀͱ͢Δɻ NotionͰ؆қతʹ࡞ͨ͠αΠτΛ༻͍ͯɺ NPSௐࠪΛߦͬͨɻ ͜ΕʹΑΓɺ՝ʹରͯ͠ιϦϡʔγϣϯ͕ ద͔Λݕূͨ͠ɻ
NPSͷ݁Ռ NPSͷ݁ՌɿείΞ30 ▪ܭࢉࣜ Ξϯέʔτճऀɿ70ਓ Ξϯέʔτ༗ޮղɿ30ਓ(ॏෳఆ͠ ͯͳ͍λʔήοτ͔ΒͷԠืআ֎) • ߠఆऀ20ਓ(ධՁɿ8~10) • ߠఆऀͷܭࢉࣜ
◦ 18÷30×100ˋ=60ˋ • ൷ऀ(ධՁɿ0~6) ◦ 9÷30×100ˋ=30% • 60 - 30 = NPSͷείΞɿ30 https://www.nttcoms.com/service/nps/column/20200825/ 60% 10% 30% ൷ऀ தཱऀ ਪનऀ
36 ݕ ূ ͠ ͯ Έ ͨ ײ ɾΞϯέʔτͷ࣭߲͕গͳ͍ͭɺճऀͷத͔ΒઌணͰAmazonΪϑτ݊ΛΔํࣜ
ʹͨ͠ͷͰɺΪϑτ݊ͯͰؔͳ͍ਓճ͍͔ͯͨ͠͠Εͳ͍ɻ ɾχʔζݕূ͢Δʹ͋ͨͬͯΞϯέʔτͰͳ͘ɺࣄલొΛKPIʹͨ͠ํ͕Ϣʔβͷ՝ ײ͕ͱͯ͠ଌΕ͔ͨ͠Εͳ͍ɻ ɾޙʑɺௐͯΈΔͱNPSͷࢦඪطʹαʔϏεϦϦʔεࡁΈͷϓϩμΫτʹରͯ͠͏ ͖Ͱ͋ΓɺϢʔβʔ͕ϓϩμΫτΛར༻ͨ݁͠ՌͷຬΛਤΔܗͰ࠾༻ͨ͠΄͏͕ྑ͍ ࢦඪͩͬͨɻ ɾB͚ͷϓϩμΫτͰɺར༻ऀͱܾࡁऀ͕ҧͬͨΓɺϢʔβن͕ൺֱతগͳ͍ͷͰɺ ΠϯλϏϡʔͰͷௐࠪΛ૿ͨ͠ํ͕ޮՌత͔ͩͬͨ͠Εͳ͍ɻ
37 · ͱ Ί 1. ΤϯδχΞɾσβΠφʔͷΛ͋·ΓΘͣʹϛχϚϜͰݕূ͍ͨ͠ͳΒɺNotionͰ ͷαΠτ࡞͕͓͢͢Ίʂ 2. PSFͰ͖͍ͯΔ͔ΛଌΔͨΊʹNPSΑΓࣄલొͳͲͷํ͕՝ײ͕ଌΕ͔ͨ ͠Εͳ͍ɻ
؆қαΠτͰݕূ͢Δ͖ސ٬ͷड༰ੑͷͱ͜ΖͰɺαΠτܦ༝ͰਃࠐΈແྉτϥΠ ΞϧͳͲͷΞΫγϣϯ͕͋Δ͔Ͳ͏͔ɺͦͷ݅CVRͷܭଌΛͨ͠ํ͕՝ײΛଌΔ্ ͰޮՌతͩͬͨͱײͨ͡ɻ 3. ΞϯέʔτͰݕূ͢Δ߹ɺΞϯέʔτͷ࣭ྔΠϯηϯςΟϒઃܭʹҙɻ ͯͰͷճΛ͙͕ඞཁɻ
38 ࢀ ߟ ॻ ੶