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
September 26, 2022
Business
2
1.2k
Notionで簡易サイトを作成して、ニーズ調査を行った話
Notionで簡易サイトを作成して、ニーズ調査を行った話
Takayuki
September 26, 2022
Tweet
Share
More Decks by Takayuki
See All by Takayuki
エンジニアのキャリア論
bumptakayuki
0
110
地方カンファレンス主催のススメ
bumptakayuki
1
150
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
1
750
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
520
沖縄観光、名物を一挙紹介!
bumptakayuki
2
530
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
1.7k
flutterでイベントアプリを作ってみた
bumptakayuki
0
110
オフショア開発の辛みと学んだ事
bumptakayuki
0
340
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
1
160
Other Decks in Business
See All in Business
Sales Marker Culture Book(English)
salesmarker
PRO
1
2.5k
ラシン株式会社 会社説明資料 / 「真剣勝負をしませんか?」
20150817
0
420
【エンジニア採用】BuySell Technologies会社説明資料
buyselltechnologies
1
51k
We Are PdE!! 〜高価値なプロダクトを作れるようになるための勉強会〜
leveragestech
1
440
株式会社STANDARD_会社紹介資料
std2017
0
230
HireRoo Culture Deck(日本語)
kkosukeee
1
24k
アックス/ 求職者向け会社紹介
oneterasu
0
120
エンジニア向け dely会社説明資料 / For Engineers
delyinc
0
210
Tokyo支援ナビ
tokyo_metropolitan_gov_digital_hr
1
420
TOKYOスマート・カルチャー・プロジェクト
tokyo_metropolitan_gov_digital_hr
0
450
メタバースを活用した東京の魅力発信
tokyo_metropolitan_gov_digital_hr
1
420
Theoria technologies:About Us
theoriatec2024
1
890
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Pragmatic Product Professional
lauravandoore
31
6.3k
It's Worth the Effort
3n
183
27k
Code Review Best Practice
trishagee
64
17k
Facilitating Awesome Meetings
lara
49
6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
Thoughts on Productivity
jonyablonski
67
4.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
3
370
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
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 ࢀ ߟ ॻ ੶