[{"data":1,"prerenderedAt":80},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-github":22},[4,5,6,7,8,9,10,11,12,13,14,15,16],"Notion AI","Notionカレンダー","Notionサイト","Notionメール","インテグレーション \u002F 外部ツール連携","データベース","プラン \u002F 請求 \u002F 料金 \u002F 支払い","ページ \u002F ブロック","マーケットプレイス \u002F テンプレート","ワークスペース \u002F サイドバー","共有 \u002F コラボレーション","数式","設定",[18],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"slug":23,"title":24,"date":25,"lastUpdatedAt":26,"excerpt":27,"categories":28,"tags":30,"author":31,"noIndex":39,"html":40,"headings":41,"qas":78,"relatedQAsByTag":79},"github","NotionとGitHubを連携させる方法","2024-01-14T00:00:00.000Z","2024-09-01T00:00:00.000Z","NotionとGitHubを連携させる方法には同期データベースとGitHubプロパティの2種類があります。本記事ではこの2種類の設定方法とメリット・デメリットについて解説しています。",[29],"個人利用",[8],{"id":32,"name":33,"image":34,"description":35,"url":36,"descriptionHTML":37,"SNSHTML":38},"ee018de1-6ec8-4b1e-a645-9702282647d1","円谷","\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg","Notion公認コンサルタント企業、株式会社TEMPの代表（国内で数社のみ、日本で4社目）。日本で7人目のNotion公式アンバサダー（2021年〜）。法人向けのNotion導入支援をおこなっている。本業はWebエンジニア。Notion APIを使ったアプリケーションを開発中。代表作はFast Notion。","https:\u002F\u002Ftwitter.com\u002F___35d","Notion公認コンサルタント企業\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002F\" class=\"article-link\" target=\"_blank\">株式会社TEMP\u003C\u002Fa>代表取締役。日本で7人目のNotion公式アンバサダー(2021年より)。2023年より法人向けの\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fservices\u002Fnotion-consulting\" class=\"article-link\" target=\"_blank\">Notion導入支援\u003C\u002Fa>をおこない、\u003Ca href=\"https:\u002F\u002Ftemp.co.jp\u002Fcases\" class=\"article-link\" target=\"_blank\">現在100社以上の支援実績\u003C\u002Fa>あり。","\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002F___35d\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa> \u002F\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@tsuburaya_notion\" class=\"article-link\" target=\"_blank\">YouTube\u003C\u002Fa>",false,"\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">本記事では、 NotionとGitHubを連携させる方法を解説します。NotionとGitHubを連携させると、Notionで管理しているタスクとGitHubのイシューやPR （プルリクエスト）を一元管理することができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">NotionとGitHubの連携には、同期データベースとGitHubプロパティを使った2つの方法があるので、それぞれやり方を解説します。\u003C\u002Fp>\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>この記事でわかること\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">NotionとGitHubを連携させるメリット\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">同期データベースで連携する方法\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">GitHubプロパティで連携する方法\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\n\n\n\n        \u003Cdetails class=\"table-of-contents mb-6 hidden\" open=\"\">\n          \u003Csummary class=\"text-[.9em] leading-[1.6] font-semibold tracking-[1px] mb-2\">\n            目次\n          \u003C\u002Fsummary>\n          \u003Cul class=\"toc-list flex flex-col gap-1 ml-5\">\n      \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#接続方法1同期データベースを利用する方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                接続方法1：同期データベースを利用する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step1-notionの設定を開き自分のコネクトからgithubを選択\" class=\"toc-link text-sm text-black6 \">\n                STEP.1 Notionの「設定」を開き「自分のコネクト」から「GitHub」を選択\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step2-表示された認可画面でauthorize-integration-notionをクリック\" class=\"toc-link text-sm text-black6 \">\n                STEP.2 表示された認可画面で、「Authorize integration-notion」をクリック\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step-3-prのリンクを取得しnotion内に貼り付ける\" class=\"toc-link text-sm text-black6 \">\n                STEP. 3 PRのリンクを取得し、Notion内に貼り付ける\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step4-データベースとして貼り付けるを選択\" class=\"toc-link text-sm text-black6 \">\n                STEP.4 データベースとして貼り付けるを選択\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step-5-同期データベースが表示される\" class=\"toc-link text-sm text-black6 \">\n                STEP. 5 同期データベースが表示される\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#同期データベースの注意点\" class=\"toc-link text-sm text-black6 \">\n                同期データベースの注意点\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#接続方法2githubプルリクエストプロパティを利用する方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                接続方法2：GitHubプルリクエストプロパティを利用する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step1-githubプルリクエストプロパティを追加\" class=\"toc-link text-sm text-black6 \">\n                STEP.1 GitHubプルリクエストプロパティを追加\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step2-ステータスの同期設定を追加する\" class=\"toc-link text-sm text-black6 \">\n                STEP.2 ステータスの同期設定を追加する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionとgithubの自動接続\" class=\"toc-link text-sm text-black6 \">\n                NotionとGitHubの自動接続\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#まとめ\" class=\"toc-link text-sm text-black6 font-bold\">\n                まとめ\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#接続方法1同期データベースを利用する方法\" id=\"接続方法1同期データベースを利用する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">接続方法1：同期データベースを利用する方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">同期データベースを作成して連携する方法を解説します。\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>同期データベースとは？\u003C\u002Fstrong>\u003Cbr>別のプラットフォームのデータをNotionのデータベースとして同期する機能です。この方法では、GitHubにあるイシューやPRをNotionのデータベースに一元化できます。今回は、 PRを例に説明します。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#step1-notionの設定を開き自分のコネクトからgithubを選択\" id=\"step1-notionの設定を開き自分のコネクトからgithubを選択\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">\u003Cstrong>STEP.1 Notionの「設定」を開き「自分のコネクト」から「GitHub」を選択\u003C\u002Fstrong>\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-1.png\" alt=\"NotionとGitHubを接続する\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">NotionとGitHubを接続する\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#step2-表示された認可画面でauthorize-integration-notionをクリック\" id=\"step2-表示された認可画面でauthorize-integration-notionをクリック\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">\u003Cstrong>STEP.2 表示された認可画面で、「Authorize integration-notion」をクリック\u003C\u002Fstrong>\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-2.png\" alt=\"GitHub認可画面\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHub認可画面\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#step-3-prのリンクを取得しnotion内に貼り付ける\" id=\"step-3-prのリンクを取得しnotion内に貼り付ける\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">\u003Cstrong>STEP. 3 PRのリンクを取得し、Notion内に貼り付ける\u003C\u002Fstrong>\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">連携するGitHubリポジトリのURLをコピーして、Notionのページ上に貼り付けます。「データベースとして貼り付ける」を選択すると、データベースが作成されます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-3.png\" alt=\"GitHubのPRページのURLをコピーする\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHubのPRページのURLをコピーする\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#step4-データベースとして貼り付けるを選択\" id=\"step4-データベースとして貼り付けるを選択\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">\u003Cstrong>STEP.4 データベースとして貼り付けるを選択\u003C\u002Fstrong>\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-4.png\" alt=\"Notionにデータベースとして貼り付ける\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionにデータベースとして貼り付ける\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#step-5-同期データベースが表示される\" id=\"step-5-同期データベースが表示される\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">\u003Cstrong>STEP. 5 同期データベースが表示される\u003C\u002Fstrong>\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">同期データベースが表示されたら成功です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-5.png\" alt=\"GitHubのPRがまとまった同期データベースが生成される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHubのPRがまとまった同期データベースが生成される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#同期データベースの注意点\" id=\"同期データベースの注意点\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">同期データベースの注意点\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">同期データベースは、読み取り専用（編集不可）になります。これは公式ページにもある通り、意図しない編集を保護するためにこのようになっています。 \u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">この方法では、最初に生成されたデフォルトのプロパティの編集はできませんが、後からプロパティを追加することは可能です。\u003C\u002Fp>\n    \u003Cdiv class=\"template-text-section mb-6\" data-cta-id=\"task-trial\" data-cta-position=\"after-h2-2\" data-cta-variant=\"default\" data-audience=\"toC\" data-post-slug=\"github\">\n      \n      \u003Csection class=\"flex flex-col gap-y-5 mb-4 bg-white border border-black px-6 pt-6 pb-7 md:px-8\">\n        \u003Cdiv>\n          \u003Ch2 class=\"blog-heading font-feature-palt\">\n            Notionタスク管理ロードマップ体験版を無料プレゼント\n          \u003C\u002Fh2>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\n          Notionでのタスク管理を基礎から体系的に学べる「タスク管理ロードマップ」の体験版を無料で配布しています。公式LINEの友だち追加だけで、すぐに受け取れます。\n        \u003C\u002Fp>\n        \u003Cimg src=\"https:\u002F\u002Flp.notion-university.jp\u002Fimages\u002Ftrial-task.jpg\" alt=\"Notionタスク管理ロードマップ体験版のプレビュー\" class=\"w-full border border-grayLight20\" loading=\"lazy\">\n        \u003Cdiv class=\"flex flex-col items-center gap-3 pt-1\">\n          \u003Ca href=\"https:\u002F\u002Flp.notion-university.jp\u002Ftrial-0621\u002F?utm_source=blog&utm_medium=referral&utm_campaign=trial0621&utm_content=article_cta&utm_term=github\" class=\"blog-button blog-button--line\" target=\"_blank\" rel=\"noopener\">\n            \u003Cspan>体験版を無料で受け取る\u003C\u002Fspan>\n          \u003C\u002Fa>\n          \u003Cp class=\"text-xs text-black6\">簡単3分！公式LINEの友だち追加だけですぐに受け取れます\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fsection>\n    \n    \u003C\u002Fdiv>\n  \u003Ca href=\"#接続方法2githubプルリクエストプロパティを利用する方法\" id=\"接続方法2githubプルリクエストプロパティを利用する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">接続方法2：GitHubプルリクエストプロパティを利用する方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">上記の同期データベースは読み取り専用となるため、柔軟なカスマイズをすることはできません。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">一方で、GitHubプルリクエストプロパティを使った方法では、自分で作成したデータベース内のプロパティとしてGitHubと接続することが可能です。\u003C\u002Fp>\u003Ca href=\"#step1-githubプルリクエストプロパティを追加\" id=\"step1-githubプルリクエストプロパティを追加\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">STEP.1 GitHubプルリクエストプロパティを追加\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">接続したいデータベースにプロパティを追加し、「GitHubプルリクエストを選択します」\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-6.png\" alt=\"GitHubプルリクエストを選択\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHubプルリクエストを選択\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002F円谷\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg\" alt=\"円谷のアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">円谷\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHubとの接続がまだ済んでいない場合は、前章のGitHubの認可が必要です。接続したいリポジトリと接続してください。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#step2-ステータスの同期設定を追加する\" id=\"step2-ステータスの同期設定を追加する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">STEP.2 ステータスの同期設定を追加する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">接続に成功すると、ステータスプロパティとの接続設定が可能になります。GitHub PRのステータスに応じて、Notion側のステータスが自動で変更されるようになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-7.png\" alt=\"image\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">image\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionとgithubの自動接続\" id=\"notionとgithubの自動接続\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">NotionとGitHubの自動接続\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">下記のいずれかを行うことで、GitHub PRとNotionのデータ接続された状態になります。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">PRのタイトルにNotionのデータベースのIDプロパティを含める\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">GitHubプルリクエストプロパティで手動でPRを紐づける\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">接続されると、GitHubのステータスが自動でNotionに反映されるようになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-8.png\" alt=\"GitHubプルリクエストとPRが接続された状態\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">GitHubプルリクエストとPRが接続された状態\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-14-github-9.png\" alt=\"接続されるとGitHub PRのコメントにNotionのリンクが自動で投稿される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">接続されるとGitHub PRのコメントにNotionのリンクが自動で投稿される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#まとめ\" id=\"まとめ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">まとめ\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回の記事では、 NotionとGitHubを連携させる2つの方法を解説しました。 NotionとGitHubを利用しているチームでは、この機能を使うことで業務効率化できるのでおすすめです。目的に応じて、この2つの連携方法を使い分けてみてください。\u003C\u002Fp>",[42,46,50,53,56,59,62,64,67,70,73,76],{"id":43,"text":44,"type":45},"接続方法1同期データベースを利用する方法","接続方法1：同期データベースを利用する方法","heading_2",{"id":47,"text":48,"type":49},"step1-notionの設定を開き自分のコネクトからgithubを選択","STEP.1 Notionの「設定」を開き「自分のコネクト」から「GitHub」を選択","heading_3",{"id":51,"text":52,"type":49},"step2-表示された認可画面でauthorize-integration-notionをクリック","STEP.2 表示された認可画面で、「Authorize integration-notion」をクリック",{"id":54,"text":55,"type":49},"step-3-prのリンクを取得しnotion内に貼り付ける","STEP. 3 PRのリンクを取得し、Notion内に貼り付ける",{"id":57,"text":58,"type":49},"step4-データベースとして貼り付けるを選択","STEP.4 データベースとして貼り付けるを選択",{"id":60,"text":61,"type":49},"step-5-同期データベースが表示される","STEP. 5 同期データベースが表示される",{"id":63,"text":63,"type":49},"同期データベースの注意点",{"id":65,"text":66,"type":45},"接続方法2githubプルリクエストプロパティを利用する方法","接続方法2：GitHubプルリクエストプロパティを利用する方法",{"id":68,"text":69,"type":49},"step1-githubプルリクエストプロパティを追加","STEP.1 GitHubプルリクエストプロパティを追加",{"id":71,"text":72,"type":49},"step2-ステータスの同期設定を追加する","STEP.2 ステータスの同期設定を追加する",{"id":74,"text":75,"type":49},"notionとgithubの自動接続","NotionとGitHubの自動接続",{"id":77,"text":77,"type":45},"まとめ",[],[],1793056352047]