株式会社TEMPのロゴ画像

【無料テンプレ配布】Notion AIとSave to Notionで飲食店リストを作成する

こんにちは、チャベスと言います。

今回は以下の画像のようにNotionに自分のお気に入りの飲食店リストを作成する方法について解説します。

Notionに作成した自分のお気に入りの飲食店リスト

Notionに作成した自分のお気に入りの飲食店リスト

飲食店の画像がギャラリー表示となっていて見やすく、店舗情報(電話番号、営業時間、駐車場の有無など)を一覧で確認することができてとても便利です(スマホでも見やすいです)。

飲食店リストをただ作成するのであれば、Chrome拡張機能の「Save to Notion」を使えばとても簡単に作成することができますが、今回工夫したのはギャラリービューに店舗情報を自動で表示するという点です。自動で表示するためにSave to Notionで保存したWebサイトの情報から Notion AI で情報を抽出しています。


記事の最後にテンプレートを配布しているので、Notion AIを使っている方はぜひ試してみてください。

Notion AIの基本的な使い方や活用事例について知りたいという方は以下の記事を参考にしてみてください。

目次

Save to Notionで簡単に飲食店リストを作る方法

Save to NotionというChrome拡張機能を使えば、お気に入りの飲食店のホームページや食べログ、ぐるなびのページから数クリックで飲食店リストに保存することができます。

方法については以下のYouTubeがわかりやすいので参考にしてみてください。

Save to Notionだけでは飲食店の情報は表示できない

Save to Notionを使えば飲食店リストを簡単に作成することができますが、ギャラリービューに自動で表示できる情報はWebサイトのURLのみで、電話番号や営業時間などの店舗情報は自動で表示することはできません。

そこで店舗情報を自動で表示するためにNotion AIを使用します。

{{CURRENT_MONTH}}月限定のお得なご案内

もっと Notion を学びたい方へ

Notion大学の会費が初月半額(年間払いの場合は9,000円オフ)となるお得なクーポンを期間限定で発行中。 Notion大学は、2025年{{CURRENT_MONTH}}月時点で会員数は500名以上のオンラインコミュニティです。

  • 分からないことは24時間チャットツールでいつでも質問可能
  • 月に20回以上開催される限定勉強会で最新情報が学べる
  • 1日15分から学べる Notion 学習ロードマップで初心者からでも学習可能
  • Notion 大学限定の学習動画が100本以上
  • 過去の有料記事・有料テンプレートが全て閲覧可能

お得なこの機会に、ぜひ入学をご検討ください。

Notion AIで店舗情報を抽出する

Save to Notionを使うと、Notionのページ内にWebサイトの情報が保存されます。例えば、食べログのページをSave to Notionで保存すると、以下のような店舗情報が表形式で保存されています。

食べログのページをSave to Notionで保存すると店舗情報が保存されている

食べログのページをSave to Notionで保存すると店舗情報が保存されている

これらの情報をNotion AIを使ってデータベースのプロパティに抽出します。例えば、ジャンルを抜き出したい場合、AIプロパティに以下のようなプロンプトを入力します。

ジャンルを抜き出すAIプロパティ

ジャンルを抜き出すAIプロパティ

上記のプロンプトで以下のように情報が抽出できています。

Notion AIでジャンルを抽出して表示

Notion AIでジャンルを抽出して表示

他の店舗情報も同様の方法でギャラリービューに表示しています。

Notion AIと関数プロパティを組み合わせてもっと便利に

Notion AIと関数プロパティを組み合わせてさらに便利な使い方もできます。例えば今回は、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を開くことができます。

image

image

ちなみにスマホでもいい感じに開くことができます。


関数プロパティだけでもできる

ちなみに、上記では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を使った便利な飲食店リストの作り方を紹介しました。今回紹介した内容と同じ内容のテンプレートを公開しているので、興味があればぜひ試してみてください。


参考:【比較表DL可】楽天の運営代行業者22選 | 元楽天社員が厳選 | Finner株式会社