Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

͓࢓ࣄͱ৘ใڞ༗ લ ఏ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

ར༻͍ͯ͠Δπʔϧ 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 …ͳͲͳͲ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

• 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 શࣾతͳར༻ํ๏͕ܾ·͍ͬͯΔ ෦ॺ΍νʔϜͰར༻͕όϥόϥ ͜ͷล͸ݶఆతʹར༻ υΩϡϝϯτܥଟ͍…

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Notionͷߴ౓ར༻

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

35

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

͋Γ͕ͱ͏͍͟͝·ͨ͠