[{"data":1,"prerenderedAt":82},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-notion-web-clipper":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,"supervisorImage":42,"noIndex":43,"html":44,"headings":45,"supervisor":75,"qas":80,"relatedQAsByTag":81},"notion-web-clipper","【Save to Notion】NotionにWebページを保存する方法","2024-08-03T00:00:00.000Z","2025-09-24T00:00:00.000Z","NotionにWebクリップを保存することができるChrome拡張機能の中でも特におすすめの「Save to Notion」を紹介しました。設定方法や便利な使い方を解説しています。",[33],"個人利用",[],{"id":36,"name":37,"image":38,"description":39,"url":39,"descriptionHTML":40,"SNSHTML":41},"bf7b0f36-7bb7-4437-bc4c-90dee34f2db7","ひのりく","\u002Fblog\u002Ficon\u002Fhinoriku.jpg","","フリーランス。漫画・イラスト・ゲーム・3Dモデリング・DTPなど幅広いクリエイティブ業務を請け負う。Notion APIを使うために覚えたプログラミングやNotionで個人の業務を効率化している。","\u003Ca href=\"https:\u002F\u002Fx.com\u002Fhinoriku_notion\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa>","\u002Fblog\u002Ficon\u002FYujiTsuburaya.jpg",false,"\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionのデータベース機能はさまざまな情報を収集・管理するのに優れており、その中でもWebページをブックマークして保存したい場面は多いのではないでしょうか。そんな時、Chrome拡張機能を使うと簡単にWebページの情報をNotionのデータベースに保存することができます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回はWebクリップ用のChrome拡張機能の中でも特におすすめの「Save to 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>この記事でわかること\u003C\u002Fstrong>\u003C\u002Fp>\u003Chr>\n\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>Save to Notionで実現できること\u003C\u002Fstrong>\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>Save to Notionの詳細な使用方法\u003C\u002Fstrong>\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">\u003Cstrong>スマホからNotionにWebクリップする方法\u003C\u002Fstrong>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fsave-to-notion\u002Fldmmifpegigmeammaeckplhnjbbpccmm?hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Save to Notionのダウンロードはこちら\u003C\u002Fa>\u003C\u002Fstrong>\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=\"#save-to-notionで実現できること\" class=\"toc-link text-sm text-black6 font-bold\">\n                Save to Notionで実現できること\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notion-web-clipperについて\" class=\"toc-link text-sm text-black6 \">\n                Notion Web Clipperについて\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#save-to-notionの使用方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                Save to Notionの使用方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step-1-chromeウェブストアからインストール\" class=\"toc-link text-sm text-black6 \">\n                STEP 1. Chromeウェブストアからインストール\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step-2-保存用データベースを作成\" 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=\"#step-3-save-to-notionのフォーム設定を行う\" class=\"toc-link text-sm text-black6 \">\n                STEP 3. Save to Notionのフォーム設定を行う\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#step-4-実際にwebクリップする\" class=\"toc-link text-sm text-black6 \">\n                STEP 4. 実際にWebクリップする\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#スマートフォンからwebクリップする方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                スマートフォンからWebクリップする方法\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          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#save-to-notionで実現できること\" id=\"save-to-notionで実現できること\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Save to Notionで実現できること\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Save to Notionを利用することで、効率的にWebページのURLをNotionのデータベースのURLプロパティにブックマークでき、記事本文も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]\">画像もクリップしてくれるので、ギャラリービューなどで表示すると美しく、わかりやすいですね。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-1.jpg\" alt=\"Save to Notionでクリップした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]\">Save to NotionでクリップしたWebページをギャラリービューで表示\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notion-web-clipperについて\" id=\"notion-web-clipperについて\" 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 Web Clipperについて\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fnotion-web-clipper\u002Fknheggckgoiihginacbkhaalnibhilkk?hl=ja\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">「Notion Web Clipper」\u003C\u002Fa>というNotion公式から出ているChrome拡張も存在します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こちらもシンプルで使いやすいのですが、プロパティを保存できるSave to 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]\">私の場合、普段のブックマークはSave to Notionで。\u003Cbr>いつもと違うデータベースにサクッと保存したい場合はシンプルなNotion Web Clipperといった使い分けをしています。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\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=\"notion-web-clipper\">\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=notion-web-clipper\" 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=\"#save-to-notionの使用方法\" id=\"save-to-notionの使用方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Save to Notionの使用方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">では実際にSave to Notionの使い方・手順を説明していきます。\u003C\u002Fp>\u003Ca href=\"#step-1-chromeウェブストアからインストール\" id=\"step-1-chromeウェブストアからインストール\" 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. Chromeウェブストアからインストール\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">以下のリンクから、「Chromeに追加」でインストールすることができます。\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\u002F2024-08-03-notion-web-clipper-2.gif\" alt=\"image\" class=\"border border-grayLight20 md:max-w-full 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=\"#step-2-保存用データベースを作成\" id=\"step-2-保存用データベースを作成\" 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]\">Save to NotionでWebページを保存するデータベースをNotionで作っておきましょう。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回は「ブックマークテストDB」というデータベースを作りました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-3.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=\"#step-3-save-to-notionのフォーム設定を行う\" id=\"step-3-save-to-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\">STEP 3. Save to Notionのフォーム設定を行う\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Save to Notionのアイコンをクリックすると、ポップアップが開きます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「Add a Form」→「Select a Page or Database」と進み、先ほど作成したWebページを保存するデータベースを選択しましょう。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-4.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]\">「Content」はデフォルトの「Empty」から「Webpage Content」に変更しておきましょう。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">これでWebページ内の情報（記事本文）もNotionに保存されるようになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-5.png\" alt=\"「Webpage Content」に変更\" 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]\">「Webpage Content」に変更\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">あとはお好みですが、「Add New Field」からタグなどのプロパティを追加することもできます。\u003Cbr>ここで特定のプロパティを入力しておくと、このフォームからページを保存するとき毎回そのプロパティで保存されるようになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-6.png\" alt=\"「Add New Field」からプロパティを追加\" 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]\">「Add New Field」からプロパティを追加\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ここでは「Notion」タグを選択し、Notion関連の情報をブックマークする用のフォームにしてみます。\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\u002F2024-08-03-notion-web-clipper-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]\">「Save & Go Back」でフォームの設定が完了です。\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]\">異なるフォーム（保存設定）を作りたい場合は、次の画面の「Add New Form」から作成できます。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Ca href=\"#step-4-実際にwebクリップする\" id=\"step-4-実際に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\">STEP 4. 実際にWebクリップする\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">実際に保存したいページ上でSave to Notionアイコンをクリックし、作ったフォームを選びましょう。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-8.png\" alt=\"Save to 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]\">Save to Notionフォーム選択画面\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]\">これでよければ「Save Page」をクリック。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-9.png\" alt=\"Save to 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]\">Save to Notionでページを保存\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]\">このように、用意したデータベースに本文やURLプロパティも含め、保存できていることが確認できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-10.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=\"#スマートフォンからwebクリップする方法\" id=\"スマートフォンからwebクリップする方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">スマートフォンからWebクリップする方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Save to NotionはChrome拡張機能なので、スマホでは使えません。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ですが、スマホ版NotionアプリにはWebクリッパーが組み込まれており、iOSやAndroidなどの\u003Cstrong>スマホからでも簡単にWebページを保存することができます\u003C\u002Fstrong>。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-11.png\" alt=\"[Notion公式サイトより引用](https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Fweb-clipper)\" 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]\">\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Fweb-clipper\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Notion公式サイトより引用\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\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公式アプリをインストールして、ログインしておきましょう。\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>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-08-03-notion-web-clipper-12.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>\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notion Web Clipperと同様、タグなどのプロパティは自動で保存出来ないので手動で入力する必要があります。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\n\n\n\n",[46,50,54,57,60,63,66,69,72],{"id":47,"text":48,"type":49},"save-to-notionで実現できること","Save to Notionで実現できること","heading_2",{"id":51,"text":52,"type":53},"notion-web-clipperについて","Notion Web Clipperについて","heading_3",{"id":55,"text":56,"type":49},"save-to-notionの使用方法","Save to Notionの使用方法",{"id":58,"text":59,"type":53},"step-1-chromeウェブストアからインストール","STEP 1. Chromeウェブストアからインストール",{"id":61,"text":62,"type":53},"step-2-保存用データベースを作成","STEP 2. 保存用データベースを作成",{"id":64,"text":65,"type":53},"step-3-save-to-notionのフォーム設定を行う","STEP 3. Save to Notionのフォーム設定を行う",{"id":67,"text":68,"type":53},"step-4-実際にwebクリップする","STEP 4. 実際にWebクリップする",{"id":70,"text":71,"type":49},"スマートフォンからwebクリップする方法","スマートフォンからWebクリップする方法",{"id":73,"text":74,"type":53},"スマホでのwebクリップの手順","スマホでのWebクリップの手順",{"id":76,"name":77,"image":42,"descriptionHTML":78,"SNSHTML":79},"ee018de1-6ec8-4b1e-a645-9702282647d1","円谷","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>",[],[],1793080895264]