![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/a08e2211-649c-40b5-8737-097be22340c7/178887826-b4380bba-cd71-4c12-838c-414fda199dbd.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=8fca38733d4582a41766fb5f4bb9e4c5ba956fd6f28c428baf8e732951e77e22&X-Amz-SignedHeaders=host&x-id=GetObject)
2022/09/04にeasy-notion-blogで同期ブロックがサポートされたので取り込みました。
同期ブロックは使い方次第ではかなり便利な気がしており、サポートされたことに感動したので使い道を考えてみることにした。
同期ブロックのプルリクは以下のツイートのGitHubのリンクから飛べます。
同期ブロックの挙動を確認
まずは挙動を確認してみました。
Notion上で以下の赤枠で囲まれている部分が同期ブロックです。
この同期ブロックをコピーして、「同期先のブロック」と書いている下に貼り付けています。
![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/20eb241a-cee5-47bc-ab6d-6e342184c750/img1.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=8f5f2c2ad95daebfb92c9274a69b1eae05c3fb71e9a93d179e020d61cd2db08b&X-Amz-SignedHeaders=host&x-id=GetObject)
下記はeasy-notion-blogでの表示です。
同期ブロックの内容が表示されています。
もちろん同期ブロックの内容を変更すると、全ての同期ブロックに変更が反映されました。
見出しやリンク、コールアウトブロックも反映されました。
![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/e2eca521-46fa-4d24-b9d4-b1611e5ea4aa/img2.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=489204f770d4e1eef7d4ea83eb1074f50e5e227aede4b094b7d1f4642353b363&X-Amz-SignedHeaders=host&x-id=GetObject)
同期ブロックの使い方を考えてみる
同期ブロックは使い方次第でかなり便利になる気がしています。
本来ならコードを書かないと実現できないことが、同期ブロックを使うとノーコードで実現できることがあるかもしれません。
現状、あまりアイデアは思いついていませんが、ぱっと思いつくことを書いてみます。
定型文やお決まりのあいさつとして使う
記事内で毎回同じ文章を書いている場合、同期ブロックで管理しておくと内容を変更する際にかなり楽です。
例えば、easy-notion-blogの開発者のおとよさんは、記事の最後に毎回同じ内容を書いています。
![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/2711c005-d8a3-4905-940a-d4149b7e7f83/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=372b28a86c9028d8d19a65d696733d6b6cde95ef187ded5f44ed6951cbdfc600&X-Amz-SignedHeaders=host&x-id=GetObject)
上記の内容を同期ブロックで管理しておくと、内容やリンク先を変えたい場合にかなり楽になるかもしれません。
同期ブロックは記事とは別のページで管理ができるので、同期ブロックを管理する専用のNotionページを作っておくと管理しやすそうです。
ちなみに自分は別のブログでは(WordPress)、アフィリエイトのリンクなどを同期ブロックのような機能で管理しています。
デザインを変更したりリンクを修正する場合に、大元の内容を変更すると全ての記事に反映されるのでとても重宝しています。
ヘッダーやフッターのナビゲーションとして使う
記事の最初や最後にナビゲーションを付けたい場合、同期ブロックを使うと楽に管理ができます。
以下はNotionのページです。
記事の最初と最後に同期ブロックでナビゲーションを作っています。
![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/d216fee0-5f78-40a5-8ffd-3a0c1502c428/img4.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=5b81abd3cd58357de74a409e36553047422671143aca8ca528de026131529788&X-Amz-SignedHeaders=host&x-id=GetObject)
easy-notion-blogでは以下のように表示されます。
同期ブロックで管理しておくと、ナビゲーションのリンクを増やしたり変更したい場合に一か所の同期ブロックの内容を変更するだけで全ての記事のナビゲーションが変更できるのでとても楽です。
![画像が読み込まれない場合はページを更新してみてください。](https://prod-files-secure.s3.us-west-2.amazonaws.com/a0f002b4-eec2-4df2-8737-c6ae60d92dd2/f1e93417-4ff2-44e8-8e79-bc73368b994b/img3.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240725%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240725T231225Z&X-Amz-Expires=3600&X-Amz-Signature=36a1b695c3061e4c3cf80030fabea1c6b9ea9c258807097cf61a10e7d78bec35&X-Amz-SignedHeaders=host&x-id=GetObject)
サイドバーとして使う
Notion内で同期ブロックを自作のサイドバーとして使っている人もいるかもしれません。
例えば、Notionアンバサダーの円谷さんは以下のように自作のサイドバーを同期ブロックで作っています。
easy-notion-blogは記事ページにはすでにサイドバーがあるので不要ですが、horomiさんのように固定ページを作る場合、複数ページ間で共通のサイドバーは同期ブロックを使うことでコードを書く手間が省けるかもしれません。
終わりに
同期ブロックはアイデア次第でかなり便利に使える気がしています。
もし良い使い道があれば、Twitterで教えていただけると嬉しいです!