[{"data":1,"prerenderedAt":84},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-travel-plans":26},[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,22],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"path":23,"title":24,"order":25},"\u002Frecruit\u002Fpresales","Notion導入ソリューションセールス",2,{"slug":27,"title":28,"date":29,"lastUpdatedAt":30,"excerpt":31,"categories":32,"tags":34,"author":35,"noIndex":42,"html":43,"headings":44,"qas":82,"relatedQAsByTag":83},"travel-plans","【無料テンプレ配布】Notionを使った旅行記録\u002F日記","2022-01-22T00:00:00.000Z","2025-09-23T00:00:00.000Z","Notionを使って旅行計画と旅行日記を作成する方法について紹介しています。Notionの共有機能やGoogleマップの埋め込み機能が便利で、テンプレートも配布しています。旅行計画では、ホテルや飲食店のHPを埋め込んだり、旅程表を作ったり、Googleマップを埋め込んだりしています。旅行日記では、写真や文章を日記風に並べています。Notionの無料プランでは画像や動画の容量に制限があるため、注意が必要です。",[33],"個人利用",[12],{"id":36,"name":37,"image":38,"description":39,"url":39,"descriptionHTML":40,"SNSHTML":41},"c2f976ab-4882-4e4e-a80e-91d829bd59ca","チャベス","\u002Fblog\u002Ficon\u002Fchabesu.png","","Webライター・ディレクター。Notion公式のおすすめのテンプレートクリエイター。個人でNotionをちょっと便利にするChrome拡張機能を開発中。代表作は「NotionSidebarHider」「Notion文字数カウント」。本業はメーカーで研究開発をしているエンジニア。","\u003Ca href=\"https:\u002F\u002Fx.com\u002FChabesuB\" class=\"article-link\" target=\"_blank\">X\u003C\u002Fa> \u002F \u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002F@chabesu\" class=\"article-link\" target=\"_blank\">Notion\u003C\u002Fa>",false,"\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">この記事は、以下について記載しています。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">Notionで作成した旅行のしおり（旅行計画）と旅行日記の紹介\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">Google Mapの便利な埋め込み方法\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">便利だったところ（共有機能）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"https:\u002F\u002Faffiliate.notion.so\u002Fchabesu6\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">テンプレートの配布\u003C\u002Fa>もしているので、複製してぜひ使ってみてください。\u003C\u002Fp>\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=\"#notionの便利なところ\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionの便利なところ\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            \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=\"#旅行計画の内容\" class=\"toc-link text-sm text-black6 font-bold\">\n                旅行計画の内容\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#ホテルや行きたい店のwebサイトを埋め込む\" class=\"toc-link text-sm text-black6 \">\n                ホテルや行きたい店のwebサイトを埋め込む\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=\"ml-4\">\n              \u003Ca href=\"#googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする\" class=\"toc-link text-sm text-black6 \">\n                Googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#googleマップをnotionに埋め込む方法\" class=\"toc-link text-sm text-black6 \">\n                GoogleマップをNotionに埋め込む方法\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            \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            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#共有したい人がnotionを使っていない場合\" class=\"toc-link text-sm text-black6 \">\n                共有したい人がNotionを使っていない場合\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#共有したい人がnotionを使っている場合\" class=\"toc-link text-sm text-black6 \">\n                共有したい人がNotionを使っている場合\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            \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            \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=\"#notionの便利なところ\" id=\"notionの便利なところ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionの便利なところ\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]\">メンバーは、\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">私と奥さん（兵庫県）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">両親（徳島県）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">妹（大阪府）\u003C\u002Fli>\u003C\u002Ful>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ですが、住んでいる場所がばらばらなので、始めはLINEで計画を相談したり、メモを取ったりしていました。しかし、情報量が多くなってくるとLINEでは若干見くくなったり、情報が探しにくくなったので、Notionで作成してみることにしました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionは共有機能があるので、旅行プランや旅行記録を家族と簡単に共有出来て便利です。また、家族も「すごい」と言ってくれて、とても喜んでくれました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionで旅行計画や旅行記録を作って良かった点は、\u003C\u002Fp>\u003Col class=\"list-decimal pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">共有機能がある（コメントや編集もできる）\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">Googleマップやwebサイトが埋め込める\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">編集が簡単\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">見やすい、情報が探しやすい\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">後日、見返すと楽しい（家族も喜ぶ）\u003C\u002Fli>\u003C\u002Fol>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">特に 1. と 2. については本当に便利でした。上記の良かった点については後で紹介します。\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=\"travel-plans\">\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&amp;utm_medium=referral&amp;utm_campaign=trial0621&amp;utm_content=article_cta&amp;utm_term=travel-plans\" 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=\"#テンプレート配布\" 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]\">以下で私が作った旅行計画と旅行日記を公開しています。テンプレートにもしていますので、気になる方は複製して使ってみてください。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">\u003Ca href=\"https:\u002F\u002Faffiliate.notion.so\u002Fchabesu6\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">旅行のしおりと日記テンプレート\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\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]\">Notionのアカウントを作成して、右上の「複製」を押すだけです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-1.jpg\" alt=\"テンプレートの複製方法\" 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]\">テンプレートの複製方法\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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\u002F2023-01-22-travel-plans-2.png\" alt=\"スマホでの複製方法\" 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]\">スマホでの複製方法\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]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-3.jpg\" alt=\"旅行のしおりテンプレート\" 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]\">旅行のしおりテンプレート\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">まずは旅行のしおり（旅行計画）の内容について、紹介します。旅行のしおりのページは\u003Ca href=\"https:\u002F\u002Fchabesu-blog.notion.site\u002F6c6cdc1af2e64c508983a16079d825ca\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">こちら\u003C\u002Fa>です。ポイントは以下です。\u003C\u002Fp>\u003Col class=\"list-decimal pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">ホテルや行きたい店のwebサイトを埋め込む\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">旅程表を作って、ざっくりとしたスケジュールをわかりやすくする\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">Googleマップを埋め込んで、行きたい場所の距離感を把握しやすくする\u003C\u002Fli>\u003C\u002Fol>\u003Ca href=\"#ホテルや行きたい店のwebサイトを埋め込む\" id=\"ホテルや行きたい店のwebサイトを埋め込む\" 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\">ホテルや行きたい店のwebサイトを埋め込む\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionはwebサイトのリンクを貼り付けたり、Notionのページ内にwebサイトを埋め込むことができます。私はホテルや飲食店のHPのリンクを貼り付けています。HPのリンクをコピーして、Notionに貼り付けるだけなのでとても簡単です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-4.png\" alt=\"webサイトのリンクをブックマーク形式で埋め込んだ様子\" 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]\">webサイトのリンクをブックマーク形式で埋め込んだ様子\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]\">下記のように旅程表を書くことで、スケジュールがわかりやすくなります。また、旅程表の中にもHPのリンクを貼り付けることができます。下記では、リンクをピンク色にして、リンクと分かるようにしています。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-5.png\" alt=\"旅程表の内容\" 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]\">旅程表の内容\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする\" id=\"googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする\" 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\">Googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Googleマップを埋め込むことで、行きたい場所の位置関係がわかりやすくなります。GoogleマップはNotion上でも動かすことができるので便利です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-6.png\" alt=\"Googleマップを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]\">GoogleマップをNotionに埋め込んだ様子\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#googleマップをnotionに埋め込む方法\" id=\"googleマップを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\">GoogleマップをNotionに埋め込む方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">自分のGoogleアカウントでログインした状態でGoogleマップを開きます。左上のメニューボタンを押して、「マイプレイス」を押します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-7.png\" alt=\"「マイプレイス」をクリック\" 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]\">「マイプレイス」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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\u002F2023-01-22-travel-plans-8.png\" alt=\"「地図を作成」をクリック\" 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]\">「地図を作成」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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\u002F2023-01-22-travel-plans-9.png\" alt=\"「地図に追加」をクリック\" 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]\">「地図に追加」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionに埋め込むためにこの地図へのリンクをコピーします。「共有」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-10.png\" alt=\"「共有」をクリック\" 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]\">「共有」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「このリンクを知っている人なら誰でも表示できる」をONにします。コピーボタンを押すとリンクがコピーできるので、Notionの好きなところに貼り付けて、「Googleマップを埋め込む」をクリックすれば、Notionに作成した地図を埋め込むことができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-11.png\" alt=\"リンクをコピー\" 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]\">リンクをコピー\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]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-12.jpg\" alt=\"旅行記の一部\" 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]\">旅行記の一部\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">旅行記は、旅行をした後に作成しました。写真はLINEで共有していますが、Notionで日記風に描いた方が個人的には後で見て楽しいです。家族も喜んでくれました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">旅行記の内容は\u003Ca href=\"https:\u002F\u002Fchabesu-blog.notion.site\u002F4628ec16b1294281b6a6f7f75f45df27\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">こちら\u003C\u002Fa>です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こちらは特にポイントもなく、時系列に日記風に文章や写真を並べています。良いところは、飲食店などのHPのリンクも写真などと併せて貼っておけるので、後で見返すときに便利です。こちらもGoogleマップに行った場所を登録して埋め込んでいます。また、作成した旅行のしおりは、旅行記のページのサブページにしています。\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で一番便利だと思うのは、作成したページを共有できることです。共有したページは、共有された人も編集することができます。作成したページの共有方法について説明します。\u003C\u002Fp>\u003Ca href=\"#共有したい人がnotionを使っていない場合\" id=\"共有したい人が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\">共有したい人がNotionを使っていない場合\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">共有したい人がNotionを使っていない場合でもページを共有することができます。共有したいページの右上の「共有」をクリックします。「Web公開」タブで「Webで公開」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-13.png\" alt=\"ページ右上の「共有」をクリック\" 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]\">ページ右上の「共有」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「Web公開用リンクをコピー」ボタンをクリックし、そのリンクを共有したい人に送れば、スマホでもPCでもタブレットでも見ることができます。共有する人が編集やコメントをできるようにするためには、それぞれのボタンをONにしてください。「テンプレートとして複製を許可」は今回の使い方では必要ないのでOFFにしておきます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-14.png\" alt=\"共有リンクの設定とコピー\" 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]\">共有リンクの設定とコピー\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">注意点ですが、この方法はリンクを知っている人なら誰でも見ることができます。リンクは複雑に設定されているので、リンクが知られなければ他の人に見られる可能性は限りなく低いですが、個人情報などは載せないようにしておく方が無難です。\u003C\u002Fp>\u003Ca href=\"#共有したい人がnotionを使っている場合\" id=\"共有したい人が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\">共有したい人がNotionを使っている場合\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">共有したい人がNotionを使っている場合は、共有したいページにその人を招待して共有することができます。この方法であれば、\u003Cstrong>第\u003C\u002Fstrong>三者に見られることはないので安心です。下記のボックスに共有したい人のアカウントやメールアドレスを入れて「招待」をクリックすれば、共有したい人のNotionにページがコピーされます。注意点としては、無料プランであれば招待できるのは 10 人までです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-15.png\" alt=\"ページにゲストを招待して共有する設定\" 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]\">ページにゲストを招待して共有する設定\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]\">新規でページを作成する場合は、トップページの右上の「\u003Cstrong>新規\u003C\u002Fstrong>」の横の「v」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-16.jpg\" alt=\"ページを新規作成する場合\" 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]\">ページを新規作成する場合\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">すると以下の 3パターンが表示されます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-17.png\" alt=\"ページを新規作成する場合のテンプレート\" 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]\">ページを新規作成する場合のテンプレート\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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\u002F2023-01-22-travel-plans-18.png\" alt=\"旅行のしおりテンプレート\" 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]\">旅行のしおりテンプレート\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">このテンプレートでは、ページごとに以下を登録できるようにしています。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">人\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">日付\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">概要\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&amp;]:mt-1\">場所\u003C\u002Fli>\u003C\u002Ful>\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\u002F2023-01-22-travel-plans-19.jpg\" alt=\"データベースが保存している内容\" 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]\">データベースが保存している内容\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]\">後日見返す場合は、\u003Ca href=\"https:\u002F\u002Fchabesu-blog.notion.site\u002F5fb5700017fc476dac869018d6b05945?v=9628862a302e438d8474931c444b5965\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">トップページ\u003C\u002Fa>から見返すことができます。デフォルトの設定では、場所ごとにグループ分けしています。これらの設定も簡単に変更できるので、ぜひ使ってみてください。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2023-01-22-travel-plans-20.jpg\" alt=\"場所ごとにグループ分けをした様子\" 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]\">場所ごとにグループ分けをした様子\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は自由にカスタマイズできるので、ぜひ複製してご自身の使い方に合わせてカスタマイズしてみてください。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">1点注意点として、Notionの無料プランでは画像や動画の 1ファイルあたりの最大容量うは 5MBとなっています。Notionは無料でも十分に使用することができますが、もしこの制限を取り除いてストレスなく画像や動画をアップロードしたい場合は、Notionのプラスプランへのアップグレードも検討してみてください。Notionは保存容量や画像枚数の制限はないので、画像や動画の保管場所としてもおすすめです。\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>あわせて読みたい：\u003Ca href=\"\u002Fblog\u002Fprice\" class=\"text-black6 article-link\">【2025年版】Notion最新料金プランは？無料・有料版の違いも解説\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>テンプレートのダウンロードはこちら：\u003Ca href=\"https:\u002F\u002Faffiliate.notion.so\u002Fchabesu6\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">旅行のしおりと日記テンプレート\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fdiv> \n",[45,49,51,54,56,58,60,63,66,68,70,73,76,78,80],{"id":46,"text":47,"type":48},"notionの便利なところ","Notionの便利なところ","heading_2",{"id":50,"text":50,"type":48},"テンプレート配布",{"id":52,"text":52,"type":53},"テンプレートの複製方法","heading_3",{"id":55,"text":55,"type":48},"旅行計画の内容",{"id":57,"text":57,"type":53},"ホテルや行きたい店のwebサイトを埋め込む",{"id":59,"text":59,"type":53},"旅程表を作ってスケジュールをわかりやすくする",{"id":61,"text":62,"type":53},"googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする","Googleマップを埋め込んで行きたい場所の位置関係を把握しやすくする",{"id":64,"text":65,"type":53},"googleマップをnotionに埋め込む方法","GoogleマップをNotionに埋め込む方法",{"id":67,"text":67,"type":48},"旅行記の内容",{"id":69,"text":69,"type":48},"家族や友達などに共有する方法",{"id":71,"text":72,"type":53},"共有したい人がnotionを使っていない場合","共有したい人がNotionを使っていない場合",{"id":74,"text":75,"type":53},"共有したい人がnotionを使っている場合","共有したい人がNotionを使っている場合",{"id":77,"text":77,"type":48},"新規でページを作成する場合",{"id":79,"text":79,"type":48},"後日見返す場合",{"id":81,"text":81,"type":48},"おわりに",[],[],1794648404884]