iOS14のWidget機能を活用しよう in iPhone

NotionAdvent Calendar
Tomu Obata
📅2020/12/14

Notion Advent Calendar 14日目の記事になります。

目次

はじめに

本記事では、iOS14のWidget機能について書いていきます

Notion Advent Calendar 2020 - Adventar
Notion](https://www.notion.so/)のAdvent Calendarになります。 All-in-one workspaceの便利な使い方について紹介していきます。
https://adventar.org/calendars/6140

iOS14で進化したWidget機能とは

Widgetには天気予報や直近のスケジュール、ニュースなど簡単な情報が表示できます。

iOS13以前は、ホーム画面の最も左のページのみWidgetの表示が行える仕様でした。

iOS14では、ついにホーム画面にWidgetを表示することができるようになり、ホーム画面のカスタマイズ性・利便性が向上しました！

An image from Notion
Apple公式サイトより

Widgetの基本的な使い方は以下のドキュメントが参考になります🍎

iPhone や iPod touch でウィジェットを使う
ウィジェットを使えば、お気に入りの App の情報をタイムリーに一目で確認できます。 iOS 14 では、ホーム画面でウィジェットを使えるようになったので、気になる情報をいつでもチェックできます。また、ホーム画面やロック画面を右にスワイプして、「今日の表示」でもウィジェットを使えます。 ホーム画面で、ウィジェットまたは何も表示されていない部分を長押しし、App ...
https://support.apple.com/ja-jp/HT207122

NotionでのWidget活用について

NotionのWidgetを使用することの1番のメリットは、目的のページをホーム画面からワンタップで起動出来ることです。

インタラクティブに起動する点もユーザー体験が良いなって感じています。

現在は、3種類のWidgetに対応しています。

  1. お気に入りとしてピン留めしているページ（FAVORITES）
  2. 最近アクセスしたページ（Recent pages）
  3. 指定した特定の1ページ

また、FAVORITESとRecent pagesのWidgetは2パターンのサイズに対応しています。

Widgetをホーム画面に追加後、長押しすることでワークスペースやページなどを設定することが出来ます。

以下は、「3. 指定した特定の1ページ」に表示するページを設定している様子です。

ホーム画面に追加後の様子
ホーム画面に追加後の様子
長押し時の様子
長押し時の様子

「ウィジェットを編集」をタップします。

「ウィジェットを編集」をタップ時の様子
「ウィジェットを編集」をタップ時の様子

Widgetとして設定したいWorkspace・Pageを選択します。

指定したページがWidgetとして表示されている様子
指定したページがWidgetとして表示されている様子

このように簡単にセットアップ出来るのでぜひお気軽にお試しください！

さいごに

個人的にはiOS14の目玉機能といっても過言ではないWidgetに、Notionがすぐに対応したことは嬉しかったです😄

普段よく起動するアプリほどWidget活用の恩恵が大きいですね👍

15日目の記事は「Notionのページ内埋め込みに適したコンテンツ紹介①WeatherWidget」になります。

Notionのページ内埋め込みに適したコンテンツ紹介①WeatherWidget
Notion Advent Calendar Notion Advent Calendar 15日目の記事になります。Apption・レスポンシブお天気Widgetの紹介をしています。 12日目の「 Notionのページ内埋め込み徹底解説！ 」ではスラッシュコマンドからページ内埋め込み出来るコンテンツをメインにご紹介しました。 今回は、Notionのページ内埋め込みに適したコンテンツについて書いていきます📝 Apption はNotion埋め込みに適したコンテンツを一覧で見ることがサービスになります。 様々なコンテンツを一覧で見ることが出来るので非常に便利です！ ジャンル検索も可能👌 まずは、WeatherWidgetというページ内に綺麗にお天気情報を埋め込むことが出来るサービスを紹介します。 Notionに埋め込む際に必要な手順についてご紹介していきます。 以下 にアクセスし表示したい内容を設定した後、「GET CODE」をClickしHTMLコードを取得します。 WeatherWidget の特徴： テーマなどカスタマイズ可能な内容が多い点が嬉しいです😄 Settingが終了した後は、「GET Code」をClickしHTMLコードを取得します。 以下サイトにアクセスし、手順1で取得したHTML Codeをペースト後、 Generate URL ボタンをClickします。 以下のスラッシュコマンドを使い Embed link に生成したURLを入力します。 一例として、 https://apption.co/embeds/phu293 を埋め込んだ場合は以下のように表示されます。 今回は、Notionのページ内埋め込みに適したコンテンツ紹介 その1ということでWeatherWidgetを取り上げてご紹介しました🌤️ 16日目の記事は「 Notionのページ内埋め込みに適したコンテンツ紹介その②Comments for Notion, Link Copy 」になります。
https://tomu28.jp/tech-blog/introduction-to-content-suitable-for-embed-in-notion

SHARE

スポンサーリンク