--- title: 【画像付き】Notionページを外部公開設定してみた｜Nextmode Blog description: NotionページをWebページのように使える外部公開方法についてご紹介します image: https://info.nextmode.co.jp/hubfs/Notion%20Blog.png --- [![nextmode blog](https://info.nextmode.co.jp/hubfs/raw_assets/public/NextMode_Theme/nextmode%20blog.png)](https://info.nextmode.co.jp/blog) [ホワイトペーパー](https://info.nextmode.co.jp/white-paper/) [資料請求](https://info.nextmode.co.jp/request/) [お問い合わせ](https://nextmode.co.jp/contact/) - [会社TOP](https://nextmode.co.jp/) - [生成AIセキュリティ](https://nextmode.co.jp/services/ai/security/) - [SaaSライセンス＆サポート](https://nextmode.co.jp/services/saas/) - [Oktaライセンス＆サポート](https://nextmode.co.jp/services/saas/okta/) - [Netskopeライセンス＆サポート](https://nextmode.co.jp/services/saas/netskope/) - [Notionライセンス＆サポート](https://nextmode.co.jp/services/saas/notion/) - [Asanaライセンス＆サポート](https://nextmode.co.jp/services/saas/asana/) - [SysCloudライセンス＆サポート](https://nextmode.co.jp/services/saas/syscloud/) - [CrowdStrikeライセンス＆サポート](https://nextmode.co.jp/services/saas/crowdstrike/) - [AWS総合支援](https://nextmode.co.jp/services/aws/) - [AWS導入コンサル・構築](https://nextmode.co.jp/services/aws_consulting/) - [AWS運用・保守代行](https://nextmode.co.jp/services/aws_operation/) - [導入事例](https://nextmode.co.jp/casestudy/) - [会社情報](https://nextmode.co.jp/company/) - [セミナー](https://info.nextmode.co.jp/seminar/) - [ブログ](https://info.nextmode.co.jp/blog) [![YouTube](https://nextmode.co.jp/assets/images/common/icon_youtube.svg)](https://www.youtube.com/@nextmode) 目次 2023/01/14 08:00 # 【画像付き】Notionページを外部公開設定してみた [» Notion](https://info.nextmode.co.jp/blog/tag/notion) [![いた](https://info.nextmode.co.jp/hs-fs/hubfs/BEB75228-0FFA-4EB3-82BD-6EA1E7E1DD2A-1.jpg?width=40&name=BEB75228-0FFA-4EB3-82BD-6EA1E7E1DD2A-1.jpg) いた](https://info.nextmode.co.jp/blog/author/van) 共有： [facebook-f icon](http://www.facebook.com/share.php?u=https://info.nextmode.co.jp/blog/notion-config) [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://info.nextmode.co.jp/blog/notion-config) [Twitter icon](https://twitter.com/intent/tweet?url=https://info.nextmode.co.jp/blog/notion-config) [pinterest-p icon](http://pinterest.com/pin/create/link/?url=https://info.nextmode.co.jp/blog/notion-config) [envelope icon](mailto:?body=https://info.nextmode.co.jp/blog/notion-config) ## はじめに --- ネクストモードの板です。 今回はNotionセミナー開催に向けて、アンケート回答後のセミナー資料配布ページをNotionで作成してみました Notionで作成した理由は👇です！ - ページ作成が簡単ではやい！楽！ - 登壇者の方の資料がNotionだった！（PDFで見るより、Notionページままの方が見やすい） - そして何より、セミナーの参加者の方にもNotionに触れてもらいたい！！ 情シスではない私でもできる、NotionページをWebページのように使える外部公開方法についてご紹介します！   ## 設定方法 ##### １. まずは外部公開用のワークスペースを作成 ネクストモードでは、全社員が参加する通常業務のためのワークスペースと、お客様や関連会社とコラボレーションするためのワークスペースを別々で作成しています ただ、それらのワークスペースのページが意図せず公開されてしまうとセキュリティ事故に繋がるため、Web公開を禁止する設定をしています。そのため、今回はWeb公開用のワークスペースを新たに作りました ![Notion画面1](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-46-24%20(1)-png-1.png?width=280&height=304&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-46-24%20(1)-png-1.png) ##### ２. 資料配布用のページを作成 あとは以下のような感じで必要事項を書き込んでいきます ![Notion画面２](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-46-01-png.png?width=640&height=274&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-46-01-png.png) ##### ３. 右上の共有ボタンをクリック ![Notion画面３](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-48-04-png.png?width=440&height=231&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-48-04-png.png)   ##### ４. Webで公開をクリック ★クリックした時点でWebに公開されますのでご注意ください！ ![](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-34-14-png.png?width=437&height=348&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-34-14-png.png)   ##### ５. 編集権限などの細かい設定 今回はセミナー後にアンケート回答してくださった方向けの資料ダウンロードページなので、以下のような設定にしてみました 「テンプレートとして複製を許可」をオンにすることで、Notionアカウントをお持ちのお客様であればこのページを複製し、自由にご利用いただくことも可能になります ![Notion画面４](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-48-39-png.png?width=437&height=509&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-10%2014-48-39-png.png)   簡単！はやい！ セミナー参加者の方は共有されたURLを叩くだけでこのページにアクセスできるため、閲覧だけであればNotionのアカウントは不要です。Webページと同じ感覚で利用ができます！   ## (参考) 編集やコメントを許可してみた --- 今回は資料の配布をするだけなので編集・コメントはできない設定としましたが、それらを許可する設定も可能です 実際に許可設定をして、利用者目線で試してみました！ 編集の方法ですが、Notionにログインした状態で該当の公開ページを開き、「編集」をクリックするだけです ![Notion画面４](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-36-13-png-1.png?width=650&height=289&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-36-13-png-1.png) ★匿名での編集やコメントはできないため、ご注意ください！ ![Notion画面５](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-36-54-png.png?width=650&height=326&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-36-54-png.png)   必ずアカウントがバレます 笑 ![Notion画面６](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-38-54-png.png?width=650&height=315&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-38-54-png.png)   そしてワークスペース管理者側に操作ログが残ります！ ![Notionページ](https://info.nextmode.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-46-51-png.png?width=650&height=310&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-01-11%2017-46-51-png.png)   ## さいごに --- 簡単にWebサイトとしても利用できる方法をご紹介いたしました こんな簡単にできちゃうと外部公開されちゃう心配ないの？などの疑問に思われた方もいらっしゃると思いますが、これは最初に選択したワークスペースごとの権限で制御できたりします！ そのようなNotionの使い方を含めたセミナーを開催いたしますので、ご興味ございましたらぜひご参加ください！ [![Notionセミナー](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/20481958/47ae1a1e-e8b1-457e-bfec-5e0905f6d919.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/20481958/47ae1a1e-e8b1-457e-bfec-5e0905f6d919) ### 関連記事 [![【Notion】コンピューターワークスペースで広がる Notion AI の活用範囲：ログ分析からスライド・動画作成まで](https://info.nextmode.co.jp/hubfs/NotionAI.png) 【Notion】コンピューターワークスペースで広がる Notion AI の活用範囲：ログ分析からスライド・動画作成まで ![](https://info.nextmode.co.jp/hubfs/avator_yukinawa.jpg) yuki 2026/09/15](https://info.nextmode.co.jp/blog/notion-ai-computer-practical-use-cases) [![【Notion】カスタムスキルをチームで共有！ライブラリとスキルデータベースを解説します](https://info.nextmode.co.jp/hubfs/Notion%20Blog-1.png) 【Notion】カスタムスキルをチームで共有！ライブラリとスキルデータベースを解説します ![](https://info.nextmode.co.jp/hubfs/ayu-1.png) 鮎澤耕平 2026/09/11](https://info.nextmode.co.jp/blog/notion-ai-custom-skills-team-sharing) [![【Oktane26】セッション：Okta Workflows 顧客事例と今後のロードマップ](https://info.nextmode.co.jp/hubfs/%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%BF%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB/oktane26.png) 【Oktane26】セッション：Okta Workflows 顧客事例と今後のロードマップ ![](https://info.nextmode.co.jp/hubfs/kusumi.png) kusumin 2026/09/24](https://info.nextmode.co.jp/blog/oktane26-workflows-flowcase) ### Category [» 技術](https://info.nextmode.co.jp/blog/tag/技術) [» Okta](https://info.nextmode.co.jp/blog/tag/okta) [» Notion](https://info.nextmode.co.jp/blog/tag/notion) [» イベントレポート](https://info.nextmode.co.jp/blog/tag/イベントレポート) [» Netskope](https://info.nextmode.co.jp/blog/tag/netskope) [» CrowdStrike](https://info.nextmode.co.jp/blog/tag/crowdstrike) [» Notion AI](https://info.nextmode.co.jp/blog/tag/notion-ai) [» AWS](https://info.nextmode.co.jp/blog/tag/aws) [» Asana](https://info.nextmode.co.jp/blog/tag/asana) [» カルチャー](https://info.nextmode.co.jp/blog/tag/カルチャー) [» ワーケーション](https://info.nextmode.co.jp/blog/tag/ワーケーション) [» 生成AIセキュリティ対策シリーズ](https://info.nextmode.co.jp/blog/tag/生成aiセキュリティ対策シリーズ) [» Oktane25](https://info.nextmode.co.jp/blog/tag/oktane25) [» SaaS](https://info.nextmode.co.jp/blog/tag/saas) [» re:Invent](https://info.nextmode.co.jp/blog/tag/reinvent) [» AI](https://info.nextmode.co.jp/blog/tag/ai) [» リモートワーク](https://info.nextmode.co.jp/blog/tag/リモートワーク) [» Keeper](https://info.nextmode.co.jp/blog/tag/keeper) [» ネクストモードアドベントカレンダー2024](https://info.nextmode.co.jp/blog/tag/ネクストモードアドベントカレンダー2024) [» Oktane24](https://info.nextmode.co.jp/blog/tag/oktane24) [» Oktane23](https://info.nextmode.co.jp/blog/tag/oktane23) [» Asana AI](https://info.nextmode.co.jp/blog/tag/asana-ai) [» Slack](https://info.nextmode.co.jp/blog/tag/slack) [» Oktane26](https://info.nextmode.co.jp/blog/tag/oktane26) [» OIGシリーズ](https://info.nextmode.co.jp/blog/tag/oigシリーズ) [» その他](https://info.nextmode.co.jp/blog/tag/その他) [» 脱Excelシリーズ](https://info.nextmode.co.jp/blog/tag/脱excelシリーズ) [» Oktane22](https://info.nextmode.co.jp/blog/tag/oktane22) [» SysCloud](https://info.nextmode.co.jp/blog/tag/syscloud) [» Google](https://info.nextmode.co.jp/blog/tag/google) [» HubSpot](https://info.nextmode.co.jp/blog/tag/hubspot) [» Zapier](https://info.nextmode.co.jp/blog/tag/zapier) [» Azure AD](https://info.nextmode.co.jp/blog/tag/azure-ad) [» Entra ID](https://info.nextmode.co.jp/blog/tag/entra-id) [» Googleドライブ](https://info.nextmode.co.jp/blog/tag/googleドライブ) [» SentinelOne](https://info.nextmode.co.jp/blog/tag/sentinelone) [» ゼロトラスト](https://info.nextmode.co.jp/blog/tag/ゼロトラスト) [» DocuSign](https://info.nextmode.co.jp/blog/tag/docusign) [» Jamf](https://info.nextmode.co.jp/blog/tag/jamf) [» セキュリティ対策](https://info.nextmode.co.jp/blog/tag/セキュリティ対策) [» トラブルシューティング](https://info.nextmode.co.jp/blog/tag/トラブルシューティング) [» 利用者目線](https://info.nextmode.co.jp/blog/tag/利用者目線) [» 運用](https://info.nextmode.co.jp/blog/tag/運用) [» GitHub](https://info.nextmode.co.jp/blog/tag/github) [» GitHub Gist](https://info.nextmode.co.jp/blog/tag/github-gist) [» JOUG](https://info.nextmode.co.jp/blog/tag/joug) [» Notion Calendar](https://info.nextmode.co.jp/blog/tag/notion-calendar) [» Proflly](https://info.nextmode.co.jp/blog/tag/proflly) [» kintone](https://info.nextmode.co.jp/blog/tag/kintone) [![ネクストモード株式会社](https://nextmode.co.jp/assets/images/common/logo_white.svg)](https://nextmode.co.jp/) Service - [生成AIセキュリティ](https://nextmode.co.jp/services/ai/security/) - [SaaSライセンス＆サポート](https://nextmode.co.jp/services/saas/) - [Oktaライセンス＆サポート](https://nextmode.co.jp/services/saas/okta/) - [Netskopeライセンス＆サポート](https://nextmode.co.jp/services/saas/netskope/) - [Notionライセンス＆サポート](https://nextmode.co.jp/services/saas/notion/) - [Asanaライセンス＆サポート](https://nextmode.co.jp/services/saas/asana/) - [SysCloudライセンス＆サポート](https://nextmode.co.jp/services/saas/syscloud/) - [CrowdStrikeライセンス＆サポート](https://nextmode.co.jp/services/saas/crowdstrike/) - [Keeperライセンス＆サポート](https://nextmode.co.jp/services/saas/keeper/) - [AWS総合支援](https://nextmode.co.jp/services/aws/) - [AWS導入コンサル・構築](https://nextmode.co.jp/services/aws_consulting/) - [AWS運用・保守代行](https://nextmode.co.jp/services/aws_operation/) Company - [会社情報](https://nextmode.co.jp/company/) - [サービス一覧](https://nextmode.co.jp/services/) - [導入事例](https://nextmode.co.jp/casestudy/) - [お知らせ](https://nextmode.co.jp/news/) - [サステナビリティ](https://nextmode.co.jp/sustainability/) - [採用](https://nextmode.co.jp/recruit/) - [私たちの働き方](https://nextmode.co.jp/workstyle/) - [カルチャー](https://nextmode.co.jp/culture/) Contact - [お問い合わせ](https://nextmode.co.jp/contact/) - [資料請求](https://info.nextmode.co.jp/request/) Media - [セミナー](https://info.nextmode.co.jp/seminar) - [ブログ](https://info.nextmode.co.jp/blog) - [ホワイトペーパー](https://info.nextmode.co.jp/white-paper/) - [![ネクストモード公式YouTubeチャンネル](https://nextmode.co.jp/assets/images/common/icon_youtube.svg)](https://www.youtube.com/channel/UCeW8ocoe9C3E0GOINh167MA) - [![ネクストモード公式Xアカウント](https://nextmode.co.jp/assets/images/common/icon_x.svg)](https://twitter.com/Nextmode_Inc) [English](https://nextmode.co.jp/en/) - [NTTグループカスタマーハラスメント基本方針](https://group.ntt/jp/group/customer_harassment/) - [就活ハラスメント防止方針](https://docs.nextmode.co.jp/nextmode_recruit_harassment.pdf) - 運用アシスタント利用規約([AWS](https://docs.nextmode.co.jp/nextmode-unyo-assistant-aws-terms-of-use.pdf)/[Azure](https://docs.nextmode.co.jp/nextmode-unyo-assistant-azure-terms-of-use.pdf)) - [日中運用支援定型約款](https://docs.nextmode.co.jp/nextmode-nittyu-unyo-shien-terms-of-use.pdf) - [定型約款](https://docs.nextmode.co.jp/nextmode-standard-contracts.pdf) [プライバシーポリシー](https://nextmode.co.jp/company/privacy.html) Copyright(c) Nextmode, Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "いた", "url" : "https://info.nextmode.co.jp/blog/author/van" }, "dateModified" : "2024-06-17T09:34:37.042Z", "datePublished" : "2023-01-13T23:00:00.000Z", "headline" : "【画像付き】Notionページを外部公開設定してみた｜Nextmode Blog", "image" : [ "https://info.nextmode.co.jp/hubfs/Notion%20Blog.png" ], "mainEntityOfPage" : { "@id" : "https://info.nextmode.co.jp/blog/notion-config", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://info.nextmode.co.jp/hubfs/nm_l_color.png" }, "name" : "ネクストモード株式会社" } } ``` ```json { "@context" : "https://schema.org", "@id" : "https://nextmode.co.jp/#organization", "@type" : "Organization", "alternateName" : "Nextmode, Inc.", "logo" : "https://nextmode.co.jp/assets/images/common/logo_white.svg", "name" : "ネクストモード株式会社", "sameAs" : [ "https://www.youtube.com/channel/UCeW8ocoe9C3E0GOINh167MA", "https://twitter.com/Nextmode_Inc", "https://info.nextmode.co.jp/" ], "url" : "https://nextmode.co.jp/" } ```