【無料テンプレ配布】Notionで「スマホでも使いやすい英単語帳」テンプレートを作成した

公開日 2023-07-30 最終更新日 2024-04-02

2024年5月〜 Schoo さんでの講座が始まります → 詳しくはこちら

Notion のアカウントを作成する → 作成はこちら（無料）
法人さま向け導入支援・構築代行の依頼 → お問い合わせ

▼ Notion ラボで公開中の無料テンプレートまとめ記事はこちら

Notion ラボ独自の厳選された無料テンプレートをカテゴリーごとにまとめました。それぞれのテンプレートは、仕事のタスクやプロジェクトの管理から、日常の振り返り、習慣の形成、学びの記録などさまざまなユースケースに対応しています。すべて無料で配布しておりますので、気に入ったものがあれば複製してお使いください。

https://notion-lab.jp

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

今回は「スマホでも使いやすい英単語帳」テンプレートを Notion で作成したので、その内容を紹介します。

記事の最後でテンプレートも配布しているので興味のある方はぜひ使ってみてください。

テンプレートの構成テンプレートの特徴スマホでも使いやすいように 1クリックで Google 翻訳を開き発音の確認ができるページ内には好みの情報を好きなだけ入力英単語はランダムに表示される Notion AI を使えばさらに便利に【参考】テンプレート内で使用した関数ランダムに表示するための関数 Google 翻訳をクリックして表示するための関数おわりに（テンプレート配布）

テンプレートの特徴

スマホでも使いやすいように

PC のみでなく、スマホでも使いやすいようにギャラリービューで単語帳を作成しています。スマホで使う場合は、「ENG→JPN」「JPN→ENG」を使うことで単語帳っぽく使うことができます。チェックボックスにチェックを入れることで、英語や日本語の表示、非表示を切り替えることができます。

1クリックで Google 翻訳を開き発音の確認ができる

関数を使って Google 翻訳のリンクを作り、ギャラリービューに表示しておくことでワンクリックで Google 翻訳を開くことができます。Google 翻訳では英文を読み上げる機能があるので、英単語や例文の発音を確認したいときに便利です。

ページ内には好みの情報を好きなだけ入力

Notion のオリジナル単語帳の良いところは、任意の好きな情報を好きなだけ詰め込めることです。例えば、テンプレート内の cat の単語帳のページ内を見てみてください。画像、例文、リンクなどを好きなだけメモすることができます。

Notion AI を使えばさらに便利に

Notion AI を使えば、さらに単語帳を便利にすることができます。例えば、下のようなプロンプトを AI プロパティに記載しておくと、Notion AI が自動で単語帳の英単語を使って例文を考えてくれ、日本語に翻訳もしてくれます。

{Word} の英単語を使用して、20語以内の英文を箇条書きで3個アウトプットしてください。

Example のプロンプトの例

{Example} の英文を日本語に翻訳してください。

Example_日本語のプロンプトの例

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

Notion AI とは？使い方やChatGPTとの違いを徹底解説

▼ Notion AI の公式リンクはこちら

Notion (ノーション)AI

【参考】テンプレート内で使用した関数

今回のテンプレートには、ランダムに単語カードを表示するための関数と、Google 翻訳を1 クリックで表示するための関数を使用しています。以下では、それぞれの関数の作成方法を説明します。

ランダムに表示するための関数

ランダムに単語カードを表示するために、ランダムな数字を生成する関数を作成し、生成された数字を大きい順に並び替えることでランダムに表示する仕組みを実現しています。

ランダムな数字を生成する方法は以下のページを参考にさせていただきました。

一定時間ごとにページ順をランダムに並び替えるには

ただし注意点として、上記のページの関数をそのまま貼り付けるとページが並び変わりませんでした（1 分に 1回入れ替えの場合は並び変わりましたが、1時間に 1回はダメでした）。

確認してみると、そのまま貼り付けただけでは一番外側の「かっこ」が外れてしまい、以下の状態になっていました。

floor(timestamp(now()) / 3.6e+6) * toNumber(replaceAll(id(), "[^0-9]", "")) % 1000

以下のように、自分で「かっこ」を追加することで解決しました。

(floor(timestamp(now()) / 3.6e+6) * toNumber(replaceAll(id(), "[^0-9]", ""))) % 1000

Google 翻訳をテーブルビューでクリックして表示するためには、関数で表示される文字列が URL の形式に変換されている必要があります。しかし、URL に含む英文には「空白」や「カンマ」、「ピリオド」などが含まれており、これらを URL に使える文字列に変換する必要があります。（正確には、「ピリオド」は URL に含むことができますが、「ピリオド」を含んでいるとクリックで Google 翻訳を開くことができなかったため、「ピリオド」を「!」に変換して対応しました）。

Google 翻訳を表示するための関数は以下です。

"https://translate.google.com/?hl=ja&sl=en&tl=ja&text=" + replaceAll(replaceAll(replaceAll(replaceAll(replaceAll(prop("Example"), " ", "%20"), "'", "%27"), "\"", "%22"), ",", "%2C"), "\\.", "%21")