なぜNotionを使うのか2022 / Why use notion as our workspace in 2022

2022年7月8日 Notion企業活用事例ウェビナーでの資料です。https://app.livestorm.co/notionhq/notion-webin-1?type=detailed

Transcript

1. ͳͥNotionΛ࢖͏ͷ͔2022
   2022೥7݄8೔ʮίϥϘϨʔγϣϯͱϦϞʔτϫʔΫʯNotionاۀ׆༻ࣄྫ΢ΣϏφʔ
   Tomohisa Oda — GMO Pepabo, inc.
   

   View Slide

2. 2
   @linyows
   https://tomohisaoda.com
   ϗ
   ε
   ς
   Ο
   ϯ
   ά
   ࣄ
   ۀ
   ෦
   GM
   Oϖ
   ύ
   Ϙ
   Senior Engineering
   Lead
   https://www.notion.so/customers/gmo-pepabo
   NotionϢʔβʔࣄྫهࣄ
   ϝʔϧͱ෼ࢄγεςϜͷݚڀ
   Fukuoka.go Organizer
   Blog
   

   View Slide

3. 3
   ͪ͜ΒͷաڈهࣄΛ΋ͱʹ͓࿩͠͠·͢
   

   View Slide

4. 4
   ·ͨɺࡢ೥ͷൃදͷ2022೥൛ͱͯ͠಺༰Λ௥Ճ͍ͯ͠·͢
   

   View Slide

5. ͓࢓ࣄͱ৘ใڞ༗
   લ ఏ
   

   View Slide

6. ࢲͨͪͷ͓࢓ࣄ
   • ձࣾʹॴଐ͍ͯ͠Δͱ୭͔ͱҰॹʹ͓࢓ࣄΛ͢Δʢྫ͑͹νʔϜϫʔΫʣ
   
   
   • ಉ͡ϩʔϧʢྫ͑͹৬छʣ͸΋ͪΖΜɺҟͳΔϩʔϧͱ΋͓࢓ࣄΛ͢Δ
   
   
   • ձࣾͷن໛΍૊৫ߏ੒ʹ΋ΑΔ͕ɺࣅ͍ͯΔ࢓ࣄΛͲ͔͜ͷνʔϜͷ୭͔͕
   ΍͍ͬͯͨΓ͢Δ
   
   
   • ஌͍ͬͯΕ͹νʔϜԣஅͳϊ΢ϋ΢͸ڞ༗ʢίϥϘϨʔγϣϯʣͰ͖ͨ
   
   
   • ৘ใͷڞ༗͕͋ͬͯ͸͡ΊͯίϥϘϨʔγϣϯʹͭͳ͕Δ
   6
   

   View Slide

7. ৘ใڞ༗Λ͞·ͨ͛Δ΋ͷ
   • ਓؒؔ܎ͳͲͷίϛϡχέʔγϣϯ͕͏·͍͍ͬͯ͘ͳ͍
   
   
   • ࢓ࣄ಺༰΍՝୊ͷݴޠԽɺυΩϡϝϯτԽͳͲͷจԽ͕ͳ͍
   
   
   • ௅ઓʹର͢ΔࣦഊΛڐ༰͢ΔจԽ͕ͳ͍
   
   
   • νʔϜಉ͕࢜ด͍ͯ͡ΔͷͰ৘ใʹΞΫηε͢Δݖݶ͕ͳ͍
   
   
   • ͍ΖΜͳπʔϧΛ࢖͏ͷͰ৘ใ͕ࢄΒ͹ͬͯΞΫηγϏϦςΟ͕ͳ͍
   7
   ϖύϘͰͷ՝୊
   

   View Slide

8. ࢲͨͪΛऔΓר͘πʔϧ
   ͔͜͜ΒϖύϘͰͷ࿩
   

   View Slide

9. ར༻͍ͯ͠Δπʔϧ
   9
   • GitHub
   
   
   • Repository, Issues,
   Wiki, Projects, Gist
   
   
   • Google Workspace
   
   
   • Meet, Spreadsheet,
   Slide, Docs, Forms,
   Drive, Gmail
   
   
   • Microsoft Of
   fi
   ce
   
   
   • Teams, Forms
   
   
   • Slack
   
   
   • Zoom
   
   
   • Sketch
   
   
   • Figma
   
   
   • Abstract
   
   
   • Scrapbox
   
   
   • Kibela
   
   
   • Esa
   
   
   • HackMD
   
   
   • Notion …ͳͲͳͲ
   

   View Slide

10. ͨ͘͞ΜͷπʔϧΛ࢖͍ͬͯΔཧ༝
    • ओʹຊۀʹूத͢ΔͨΊʹຊۀҎ֎ͷۀ຿ΛπʔϧͷػೳతརศੑʹΑͬͯ
    ؆ུԽ͍ͯ͠Δ
    
    
    • ·ͨࡢࠓͰ͸ɺϦϞʔτϫʔΫ࣮ݱͷͨΊʹ
    
    
    • ஍ཧత΍࣌ؒత੍໿Λ௒͑ͨίϥϘϨʔγϣϯ͠΍͢͞Λॏࢹ͍ͯ͠Δ
    
    
    • ·ͨɺܧଓతͳܦࡁ׆ಈͷͨΊͷ৑௕ੑͷ֬อ
    10
    

    View Slide

11. • GitHub
    
    
    • Repository, Issues,
    Wiki, Projects, Gist
    
    
    • Google Workspace
    
    
    • Meet, Spreadsheet,
    Slide, Docs, Forms,
    Drive, Gmail
    
    
    • Microsoft Of
    fi
    ce
    
    
    • Teams, Forms
    
    
    • Slack
    
    
    • Zoom
    
    
    • Sketch
    
    
    • Figma
    
    
    • Abstract
    
    
    • Scrapbox
    
    
    • Kibela
    
    
    • Esa
    
    
    • HackMD
    
    
    • Notion …ͳͲͳͲ
    ར༻͍ͯ͠Δπʔϧͷ෼ྨ
    11
    શࣾతͳར༻ํ๏͕ܾ·͍ͬͯΔ ෦ॺ΍νʔϜͰར༻͕όϥόϥ
    ͜ͷล͸ݶఆతʹར༻
    υΩϡϝϯτܥଟ͍…
    

    View Slide

12. • GitHub RepositoryʹMarkdownͰॻ͖·͢ (ਪ঑)
    
    
    • GitHub WikiʹMarkdownͰॻ͖·͢ (͜ΕͰ͍͍ΜΑ೿)
    
    
    • GitHub Issuesʹॻ͖·͢ (Discussion೿)
    
    
    • Google Docsʹॻ͖·͢ (΍ͬͺࢴରԠ)
    
    
    • Scrapboxʹॻ͖·͢ (ҎԼؾܰ͞ॏࢹ)
    
    
    • Kibelaʹॻ͖·͢
    
    
    • Esaʹॻ͖·͢
    
    
    • HackMDʹॻ͖·͢
    
    
    • Notionʹॻ͖·͢
    👨💻👩💻
    υΩϡϝϯτπʔϧઓࠃ࣌୅
    12
    αʔϏεͷӡ༻
    αʔϏεͷ։ൃ GitHub Repository
    ?
    ࢓༷΍ઃܭɺखॱॻɺӡ༻ʹඞཁͳ͋ΒΏΔυΩϡϝϯτΛϗετ͢Δઌ
    GitHubʹҰݩԽ͍ͨ͠
    ͳΜͱ10௨Γ
    

    View Slide

13. ৘ใ͕ࢄΒ͹͍ͬͯͯΞΫηγϏϦςΟ͕ͳ͍
    13
    ՝ɹ୊
    

    View Slide

14. ৘ใͷΞΫηγϏϦςΟΛߴΊΔ
    • ৘ใڞ༗πʔϧͷҰຊԽ͕ཧ૝͕ͩݱ࣮తʹ͸πʔϧ͸࢖
    ͍෼͚Δ΋ͷ
    
    
    • πʔϧΛซ༻ͯ͠΋৘ใͷೖޱ͕Ͳ͜ͳͷ͔͕ܾ·͍ͬͯ
    Ε͹Α͍ʢ࠷ॳʹͲ͜ΛݟΔ΂͖͔ΛܾΊΔ͜ͱ͕େࣄʣ
    
    
    • ·ͨɺਓ͕͍͋·͍ͳ৘ใΛݕࡧ͢Δʹ͸πϦʔߏ଄Խ͕
    ໢ཏతͰޮ཰తʢπϦʔߏ଄ͱ͍͑͹Wikiʣ
    
    
    • Ͳ͏ʹ͔ࢄΓࢄΓͷ৘ใΛूΊ͍ͨ…
    14
    

    View Slide

15. All-in-one workspace
    ৘ใΛू໿Ͱ͖ΔͷͰ͸ʁ
    

    View Slide

16. Notionͷಋೖํ๏ͱ޿ΊΔ޻෉
    

    View Slide

17. • ॴଐ͢ΔνʔϜͰ՝୊ͷڞ༗ɺ·ͨͦͷղܾͷͨΊʹNotionΛ࢖͏ঝೝΛಘΔ
    
    
    • ॴଐνʔϜҎ֎͔ΒͷࢍಉΛ͑ͯɺ໿15ਓ΄ͲͰTeam PlanΛελʔτ
    
    
    • ༻్͕Θ͔Γ΍͍͢ɺ೔ใɺٞࣄ࿥ɺ࢓༷ॻͷ஝ੵͱͯ͠ར༻
    
    
    • ೔ใ͸ɺ΄΅෼ใͱͯࣗ͠෼ͷࢥߟ੔ཧͱͯ͠ػೳͨ͠͠ɺීஈ͸ؔΘΔػձͷͳ͍ϝϯόʔͷίϛϡχέʔγϣϯ
    ͷ৔ʹͳͬͨ
    
    
    • ٞࣄ࿥͸ΈΜͳͰॻ͖࢒ͤΔͨΊʹॻ͘͜ͱ͕పఈ͞Εϩά͕࢒ΔΑ͏ʹͳͬͨ
    
    
    • ࢓༷ॻʹ͓͍ͯ΋සൟʹͨ͘͞Μ௥Ճ͞ΕΞοϓσʔτ΋͞ΕΔΑ͏ʹͳͬͨ
    
    
    • NotionΛಋೖ͍ͯ͠ͳ͍νʔϜ΁ɺϖʔδΛڞ༗͢ΔͨΊʹͲΜͲΜGuestট଴Λͨ͠
    
    
    • ͜ͷGuestར༻͔ΒNotionಋೖ͕ϝϯόʔ͔ΒνʔϜɺνʔϜ͔Β෦ॺ΁ͱ֦େ͍ͯͬͨ͠
    17
    ಋೖͷํ๏
    

    View Slide

18. ޿ΊΔͨΊͷۤ࿑ͱ޻෉
    • NotionΛݴ༿Ͱઆ໌ͯ͠΋ྑ͕͞఻ΘΒͳ͍͜ͱ͕ଟ͔ͬͨ
    
    
    • ·ͣ࢖ͬͯ΋Β͏ෑډΛԼ͛ΔͨΊʹ΋ϧʔϧ͸͋͑ͯ࡞Βͳ͔ͬͨʢDB Lock΋ʣ
    
    
    • NotionΛ࢖ͬͯ΋Βͬͯ΋ࣗ༝౓͕ߴ͗ͯ͢࢖͍͜ͳͤͳ͍ͱ͍͏࿩ΛͪΒ΄Βฉ͍ͨ
    
    
    • ͦͷͨΊʹ࠷௿ݶͷϋϯζΦϯΛ։࠵ͨ͠ΓɺSlackʹ#notionνϟϯωϧΛͭ͘Γ૬ஊΛड͚Δମ੍
    ʹͨ͠
    
    
    • σʔλϕʔεʹۭͷϖʔδ΍ϓϩύςΟ͕ྔ࢈͞ΕͨΓɺWorkspaceϧʔτʹݸਓతϖʔδ͕࡞ΒΕͨ
    Γͨ͠
    
    
    • ༗ࢤʹΑͬͯؾ͍ͮͨ࣌ʹ੔උ͞Ε͍ͯΔ
    18
    

    View Slide

19. NotionಋೖΛਐΊͯͲ͏ͳ͔ͬͨ
    

    View Slide

20. ಋೖʹΑΔޮՌ
    • શͯͷ৘ใͷೖΓޱͱͯ͠Notion͕ఆண͖͍ͯͯ͠Δ
    
    
    • ϦϞʔτϫʔΫͱ͍͏ಉ྅͕ݟ͑ͣΒ͍ঢ়گʹ͓͍ͯɺଞͷϩʔϧ͕ԿΛ΍ͬ
    ͍ͯΔ͔ɺଞͷνʔϜ͕ԿΛ΍͍ͬͯΔ͔Λ୭Ͱ΋ݟΕΔঢ়ଶʹͳ͍ͬͯΔ
    
    
    • ·ͨɺͲΜͳࠣࡉͳ͜ͱͰ΋υΩϡϝϯτʹ͢ΔจԽ͕ৢ੒͞Ε͍ͯΔ
    (Gitlab͸શͯΛυΩϡϝϯτԽΛ͢Δ͜ͱ͕ϦϞʔτϫʔΫͷͨΊͷඞཁͳ
    ཁૉͩͱݴ͍ͬͯΔ)
    20
    

    View Slide

21. Gitlab — The Remote Playbook
    “Document everything (yes, everything)
    
    
    At on-site companies, people can visit each other at their desk to ask a
    question or just listen to conversations going on around them. While these
    are certainly convenient for receiving quick answers, they can also be
    distracting and make companies less productive. By adopting a handbook-
    first approach, team members have “a single source of truth” for answers.
    Even though documentation takes a little more time upfront, it prevents
    people from having to ask the same question repeatedly. Remote work is
    what led to the development of GitLab’s publicly viewable handbook. “
    21
    https://about.gitlab.com/resources/downloads/ebook-remote-playbook.pdf
    

    View Slide

22. • GitHub RepositoryʹMarkdownͰॻ͖·͢ (ਪ঑)
    
    
    • GitHub WikiʹMarkdownͰॻ͖·͢ (͜ΕͰ͍͍ΜΑ೿)
    
    
    • GitHub Issuesʹॻ͖·͢ (Discussion೿)
    
    
    • Google Docsʹॻ͖·͢ (΍ͬͺࢴରԠ)
    
    
    • Scrapboxʹॻ͖·͢ (ҎԼؾܰ͞ॏࢹ)
    
    
    • Kibelaʹॻ͖·͢
    
    
    • Esaʹॻ͖·͢
    
    
    • HackMDʹॻ͖·͢
    
    
    • Notionʹॻ͖·͢
    υΩϡϝϯτπʔϧઓࠃ࣌୅ɿ࠶ܝ
    22
    αʔϏεͷӡ༻
    αʔϏεͷ։ൃ GitHub Repository
    ?
    ࢓༷΍ઃܭɺखॱॻɺӡ༻ʹඞཁͳ͋ΒΏΔυΩϡϝϯτΛϗετ͢Δઌ
    👨💻👩💻
    

    View Slide

23. • GitHub RepositoryʹMarkdownͰॻ͖·͢ (ਪ঑)
    
    
    • GitHub WikiʹMarkdownͰॻ͖·͢ (͜ΕͰ͍͍ΜΑ೿)
    
    
    • GitHub Issuesʹॻ͖·͢ (Discussion೿)
    
    
    • Google Docsʹॻ͖·͢ (΍ͬͺࢴରԠ)
    
    
    • Scrapboxʹॻ͖·͢ (ҎԼؾܰ͞ॏࢹ)
    
    
    • Kibelaʹॻ͖·͢
    
    
    • Esaʹॻ͖·͢
    
    
    • HackMDʹॻ͖·͢
    
    
    • Notionʹॻ͖·͢
    υΩϡϝϯτπʔϧઓࠃ࣌୅Λܦͯ
    23
    αʔϏεͷӡ༻
    αʔϏεͷ։ൃ GitHub Repository
    Notion
    ࢓༷΍ઃܭɺखॱॻɺӡ༻ʹඞཁͳ͋ΒΏΔυΩϡϝϯτΛϗετ͢Δઌ
    ίʔυϨϏϡʔจԽɺόάϨϙʔτ΍ίʔυʹର͢ΔDiscussion
    ͦΕҎ֎ͷυΩϡϝϯτ͸Notion
    

    View Slide

24. ࢖͍ํͷมԽ
    • Notion্ͷϖʔδ਺͕૿͑ϖʔδͷஔ͖৔ॴʹࠔΔΑ͏ʹͳͬͨͨΊɺWiki
    ܗࣜͰ͸ͳ͘σʔλϕʔεΛଟ͘࢖͏Α͏ʹͳͬͨ
    
    
    • σʔλϕʔε͸ྔ࢈ͤͣʹग़དྷΔ͚ͩಉ͡΋ͷΛ࢖͍ͬͯΔ
    
    
    • ྫ͑͹ɺProjectɺTaskɺMeeting NotesɺΛҟͳΔνʔϜ͕࢖͍ͬͯΔ
    
    
    • ·ͨͦΕΒͷσʔλϕʔε͕ू·Δͱ·ΔͰάϧʔϓ΢ΣΞͷΑ͏ʹͳ͓ͬͯ
    Γɺ৘ใͷ༏ઌ౓ʹΑΓιʔτ͞Ε͍ͯΔ
    24
    

    View Slide

25. ৘ใ͕ࢄΒ͹͍ͬͯͯΞΫηγϏϦςΟ͕ͳ͍
    25
    ू໿͞ΕΞΫηγϏϦςΟ͕͋Δʂ
    

    View Slide

26. αʔϏεؔΘΒͣձࣾશͯͷ৘ใ͕ू໿͞Εͭͭ͋Δ
    26
    

    View Slide

27. 27
    ϓϥΠϕʔτͰ͸Personal Pro PlanͰՈ଒ؒ৘ใڞ༗Λ͍ͯ͠Δ
    ϝϯόʔ਺͸ 300Λ௒͑ɺ౷੍ͷڧԽͷͨΊʹEnterprise Planͷݕ౼த
    αΠυϓϩδΣΫτͰNotionͷར༻͕૿͍͑ͯΔ
    

    View Slide

28. ༻ҙͨ͠αϯϓϧΛݟΔ
    28
    

    View Slide

29. Notionͷߴ౓ར༻
    

    View Slide

30. Notion APIΛ࢖ͬͨࣄྫ
    • Notion API͸ 2021೥5݄ʹβϦϦʔεΛܦͯ2022೥3݄ʹਖ਼ࣜ൛ʹ
    
    
    • Publicϖʔδͷ؂ࢹΛͯ͠Slackʹ௨஌ʢϖʔδ͕૿͑Ratelimitʹୡ͢ΔΑ͏ʹͳΓ
    தࢭɺPublicϖʔδΛWorkspace͔Β෼཭ʣ
    
    
    • ܁Γฦ͠ߦΘΕΔMeeting NoteͷϖʔδΛAPIΛ࢖ͬͯ͋Β͔͡Ίࣗಈੜ੒
    
    
    • લ೔ʹॻ͔Εͨ೔ใͷϦετ΍ϐοΫΞοϓΛSlackʹ௨஌
    
    
    30
    

    View Slide

31. 31
    https://github.com/linyows/notion-agent https://github.com/tosite/notion-page-repeater Sorry, This is a private project.
    

    View Slide

32. Notion APIΛ࢖ͬͨࣄྫ
    • Notion API͸ 2021೥5݄ʹβϦϦʔεΛܦͯ2022೥3݄ʹਖ਼ࣜ൛ʹ
    
    
    • Publicϖʔδͷ؂ࢹΛͯ͠Slackʹ௨஌ʢϖʔδ͕૿͑Ratelimitʹୡ͢ΔΑ͏ʹͳΓ
    தࢭɺPublicϖʔδΛWorkspace͔Β෼཭ʣ
    
    
    • ܁Γฦ͠ߦΘΕΔMeeting NoteͷϖʔδΛAPIΛ࢖ͬͯ͋Β͔͡Ίࣗಈੜ੒
    
    
    • લ೔ʹॻ͔Εͨ೔ใͷϦετ΍ϐοΫΞοϓΛSlackʹ௨஌
    
    
    • NotionͷDatabaseΛWebαΠτͷCMSͷ୅ΘΓʹ
    32
    Hotͳ࢖͍ํ
    

    View Slide

33. Database as a Serviceͱͯ͠ͷNotion
    • খن໛ͳWebαΠτ͸ɺϋΠύϑΥʔϚϯεͳWebαΠτͱߋ৽༰қੑΛഎܠʹUI
    Component LibraryϕʔεͷϑϩϯτΤϯυͱHeadless CMSͷόοΫΤϯυΛ૊Έ
    ߹ΘͤΔࣄྫ͕૿͍͑ͯΔ
    
    
    • CMSͱ͍͑͹WordPress͕͋͛ΒΕΔ͕ɺॊೈͳσʔλೖྗΛ࣮ݱ͢Δʹ͸ϓϥά
    Πϯ͕ඞཁͰWordPressࣗલӡ༻͸ܧଓతͳ੬ऑੑରԠ͕ඞཁʹͳΔ
    
    
    • GUIʹΑΔॊೈͳDatabaseͷઃܭ͕Ͱ͖APIʹΑΔૢ࡞͕ՄೳͳNotion͸ϑϧϚωʔ
    δυɻͭ·ΓηΩϡΞͰ҆ՁͳDatabase as a Serviceͱݴ͑ͦ͏
    33
    

    View Slide

34. ߏ੒ྫ
    34
    ιʔείʔυ
    
    
    Ϗϧυ
    σʔλϕʔε
    Webαʔό
    2. ϏϧυͷͨΊͷσʔλΛAPIͰऔಘ
    1. Staff͕Work
    fl
    owʹΑΔWebhookϦΫΤετ
    3. ϏϧυࡁΈ੩తαΠτͷσϓϩΠ
    4. User͕αΠτΛӾཡ
    

    View Slide

35. View Slide

36. ·ͱΊ
    • GMOϖύϘʹ͓͚Δ৘ใڞ༗ͷ՝୊ΛɺNotionΛಋೖ͢Δ͜
    ͱͰղܾʹಋ͍ͨ
    
    
    • ·ͨɺNotionͷಋೖํ๏΍޿ΊΔͨΊͷ޻෉Λ঺հͨ͠
    
    
    • ͞Βʹࠓ͸NotionΛͲͷΑ͏ͳ࢖͍ํΛ͍ͯ͠Δͷ͔Λࣔ
    ͠ɺαϯϓϧϖʔδͱͯ͠ڞ༗ͨ͠
    36
    

    View Slide

37. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide