【無料テンプレ配布】Notion AIとSave to Notionで飲食店リストを作成する
こんにちは、 チャベス と言います。
今回は以下の画像のように Notion に自分のお気に入りの飲食店リストを作成する方法について解説します。
飲食店の画像がギャラリー表示となっていて見やすく、店舗情報（電話番号、営業時間、駐車場の有無など）を一覧で確認することができてとても便利です（スマホでも見やすいです）。
飲食店リストをただ作成するのであれば、Chrome 拡張機能の「Save to Notion」を使えばとても簡単に作成することができますが、今回工夫したのはギャラリービューに店舗情報を 自動で表示 するという点です。自動で表示するために Save to Notion で保存した Web サイトの情報から Notion AI で情報を抽出しています。
記事の最後にテンプレートを配布しているので、Notion AI を使っている方はぜひ試してみてください。
Notion AI の基本的な使い方や活用事例について知りたいという方は以下の記事を参考にしてみてください。
▼ Notion AI の公式リンクはこちら
Save to Notion で簡単に飲食店リストを作る方法
Save to Notion という Chrome 拡張機能を使えば、お気に入りの飲食店のホームページや食べログ、ぐるなびのページから数クリックで飲食店リストに保存することができます。
方法については以下の YouTube がわかりやすいので参考にしてみてください。
Save to Notion だけでは飲食店の情報は表示できない
Save to Notion を使えば飲食店リストを簡単に作成することができますが、ギャラリービューに 自動で表示できる情報 は Web サイトの URL のみで、電話番号や営業時間などの店舗情報は自動で表示することはできません。
そこで店舗情報を自動で表示するために Notion AI を使用します。
Notion AI で店舗情報を抽出する
Save to Notion を使うと、Notion のページ内に Web サイトの情報が保存されます。例えば、食べログのページを Save to Notion で保存すると、以下のような店舗情報が表形式で保存されています。
これらの情報を Notion AI を使ってデータベースのプロパティに抽出します。例えば、ジャンルを抜き出したい場合、AI プロパティに以下のようなプロンプトを入力します。
.png)
上記のプロンプトで以下のように情報が抽出できています。
他の店舗情報も同様の方法でギャラリービューに表示しています。
Notion AI と関数プロパティを組み合わせてもっと便利に
Notion AI と関数プロパティを組み合わせてさらに便利な使い方もできます。例えば今回は、Notion AI を使って店舗名を以下のように抜き出しました。
そして抜き出した店舗名を使って関数プロパティで Google Map の URL を作成することで、この URL をブラウザに貼り付けるだけで その店舗の Google Map を開くことができます（以下の関数の prop("GoogleMap検索用") に Notion AI で抜き出した店舗名が入っています。URL には空白や括弧などの記号を入れることができないので、上記のプロンプトで削除するように指示しています。
"https://www.google.co.jp/maps/search/" + prop("GoogleMap検索用")これで Notion からワンクリックで目的の店の Google Map を開くことができます。
ちなみにスマホでもいい感じに開くことができます。
関数プロパティだけでもできる
ちなみに、上記では Notion AI を使って店舗名を抜き出しましたが、関数プロパティのみでも対応可能です。ただし、以下のように複雑な関数になってしまうので、Notion AI を使った方が簡単で便利です。
"https://www.google.co.jp/maps/search/" + replaceAll(replaceAll(replaceAll(replaceAll(prop("名前"), " ", ""), "/", ""), "（", ""), "）", "")店舗情報を抽出できる Web サイト
店舗情報は 食べログ から抽出できます（Notion AI のプロンプトを食べログに最適化しているため）。食べログ以外のサイト（例えばぐるなび）から情報を抽出したい場合は、上記に書いた要領で Web サイトの構成に合わせてプロンプトを修正する必要があります。
Notion Web Clipper でも使用可能
上記では Save to Notion を使った説明をしましたが、Notion 公式の Chrome 拡張機能「 Notion Web Clipper 」でも今回の方法は可能です。お好きな拡張機能をお使いください。
おわりに（テンプレート配布）
今回は Notion AI と Save to Notion を使った便利な飲食店リストの作り方を紹介しました。今回紹介した内容と同じ内容のテンプレートを公開しているので、興味があればぜひ試してみてください。