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
350
エンジニアのキャリア論
bumptakayuki
0
200
地方カンファレンス主催のススメ
bumptakayuki
1
220
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
680
沖縄観光、名物を一挙紹介!
bumptakayuki
2
670
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.8k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
400
Other Decks in Business
See All in Business
ログラス会社紹介資料 新卒採用 ビジネス職[経営幹部候補]/ Loglass Company Deck
loglass2019
1
10k
エンジニア採用を引き継いだあなたへ〜EMが採用に向き合うとき、まず知っておきたいこと〜
kkun_22
PRO
1
660
Rakus Career Introduction
rakus_career
0
400k
一番農業株式会社_会社説明資料
1stagri
0
150
RECRUIT DECK 小平株式会社 会社説明資料
kobira_official
0
150
Team Topologies Second Edition - launch events - 25 September 2025
matthewskelton
PRO
0
300
20250913_AWS アカウント 150 超の組織で取り組む Lambda EoL 対応
tsunojun
1
270
【UI/UXデザイナー職】中途採用向け会社説明資料(テックファーム株式会社)
techfirm
0
350
(7枚)目標達成する人のモチベーションが高い理由とは?(ハーズバーグの二要因理論から)
nyattx
PRO
0
130
2011年 「ぼっちが懇親会でするべき97のこと」 #97bocchi から積み重ねた【令和7年最新】技術コミュニティ交流戦略2025
bash0c7
1
690
FY2025.6 Impact Report EN
mercari_inc
0
2.5k
Infcurion Company Deck
infcurion
2
32k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Automating Front-end Workflow
addyosmani
1371
200k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
How GitHub (no longer) Works
holman
315
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
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 ࢀ ߟ ॻ ੶