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.3k
Notionで簡易サイトを作成して、ニーズ調査を行った話
Notionで簡易サイトを作成して、ニーズ調査を行った話
Takayuki
September 26, 2022
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel × Clean Architecture
bumptakayuki
0
280
エンジニアのキャリア論
bumptakayuki
0
190
地方カンファレンス主催のススメ
bumptakayuki
1
200
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
650
沖縄観光、名物を一挙紹介!
bumptakayuki
2
640
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.6k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
390
Other Decks in Business
See All in Business
【Progmat】Monthly-ST-Market-Report-2025-Jun.
progmat
0
270
ラッコキーワード サービス紹介資料
rakko
0
400
そのAWSコスト、もっと下げられるかも? 150社超のコスト分析で見えた「鉄板」削減Tips
o2mami
2
3k
Introduction of Elastic Infra Inc.
elasticinfra
0
720
【2025年度】大会協賛提案書
jusdl
0
440
社会の中のわたしの技術 ─ 自分の地図の描き方 #wttjp
yotii23
0
500
Sapeet Recruiting
sapeet
0
3.2k
rsgt2025-hub-discount-guy
aokiplayer
0
250
CC採用候補者向けピッチ資料
crosscommunication
2
52k
三井物産グループのデジタル証券〜銀座〜徹底解説セミナースライド(20250630)
c0rp_mdm
PRO
0
2.2k
【DearOne】Dear Newest Member
hrm
2
10k
AWS Summit Japan 2025 社内コミュニティによる企業文化創り ~MAWS-UGの挑戦とこれから~
yukiogawa
2
880
Featured
See All Featured
Bash Introduction
62gerente
613
210k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Embracing the Ebb and Flow
colly
86
4.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Building an army of robots
kneath
306
45k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
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 ࢀ ߟ ॻ ੶