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
320
エンジニアのキャリア論
bumptakayuki
0
200
地方カンファレンス主催のススメ
bumptakayuki
1
210
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
670
沖縄観光、名物を一挙紹介!
bumptakayuki
2
670
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.7k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
400
Other Decks in Business
See All in Business
Product in an AI-first World
chandi
0
110
イークラウド会社紹介 ~挑戦で、つながる社会へ~
ecrowd
1
3.6k
会社紹介資料 / ProfileBook
gpol
4
46k
ペイジェント採用資料
paygent
0
19k
数字で見る松岡会計事務所
wf714201
0
570
「素晴らしさが伝われば仲間は増える」〜世代を超えて仲間を増やそう〜:国際ロータリー第2720地区会員増強拡大部門 部門長・熊本西南ロータリークラブ・日の丸産業(株) 代表取締役社長 奥村 誠基 氏
2720japanoke
0
720
セーフィー株式会社(Safie Inc.) 会社紹介資料
safie_recruit
6
370k
家族アルバム みてね 事業紹介 / Our Business
familyalbum
6
46k
アイカツ!から学ぶビジネスパーソンとしての姿勢 / learn-the-attitude-of-businessperson-from-aikatsu
kazto
0
440
Pienyrityksen tietosuojaopas (Harto Pönkä, 2025)
hponka
0
270
Presentation for New Investors_July-2025
zig_zag
0
140
行動指針
fint_recruit
0
590
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Visualization
eitanlees
147
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Into the Great Unknown - MozCon
thekraken
40
2k
Automating Front-end Workflow
addyosmani
1370
200k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building Adaptive Systems
keathley
43
2.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Gamification - CAS2011
davidbonilla
81
5.4k
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 ࢀ ߟ ॻ ੶