iOS14のWidget機能を活用!ホーム画面のカスタマイズとNotionの便利な使い方

Notion Advent Calendar 14日目の記事になります。iOS14で進化したWidget機能を活用し、ホーム画面をカスタマイズ!NotionのWidgetを使って、ページをワンタップで開く方法やおすすめの活用術を紹介。

はじめに

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

iOS14で進化したWidget機能とは

Widgetには天気予報や直近のスケジュール、ニュースなど簡単な情報が表示できます。
iOS13以前は、ホーム画面の最も左のページのみWidgetの表示が行える仕様でした。
iOS14では、ついにホーム画面にWidgetを表示することができるようになり、ホーム画面のカスタマイズ性・利便性が向上しました!
Apple公式サイトより https://www.apple.com/jp/ios/ios-14 | Apple公式サイトより https://www.apple.com/jp/ios/ios-14
Apple公式サイトより https://www.apple.com/jp/ios/ios-14 | Apple公式サイトより https://www.apple.com/jp/ios/ios-14
Widgetの基本的な使い方は以下のドキュメントが参考になります🍎

NotionでのWidget活用について

NotionのWidgetを使用することの1番のメリットは、目的のページをホーム画面からワンタップで起動出来ることです。
インタラクティブに起動する点もユーザー体験が良いなって感じています。
現在は、3種類のWidgetに対応しています。
  1. お気に入りとしてピン留めしているページ(
  1. 最近アクセスしたページ(
  1. 指定した特定の1ページ
また、のWidgetは2パターンのサイズに対応しています。
Widgetをホーム画面に追加後、長押しすることでワークスペースやページなどを設定することが出来ます。
以下は、「3. 指定した特定の1ページ」に表示するページを設定している様子です。
ホーム画面に追加後の様子 | ホーム画面に追加後の様子
ホーム画面に追加後の様子 | ホーム画面に追加後の様子
長押し時の様子 | 長押し時の様子
長押し時の様子 | 長押し時の様子
「ウィジェットを編集」をタップします。
「ウィジェットを編集」をタップ時の様子 | 「ウィジェットを編集」をタップ時の様子
「ウィジェットを編集」をタップ時の様子 | 「ウィジェットを編集」をタップ時の様子
Widgetとして設定したいを選択します。
指定したページがWidgetとして表示されている様子 | 指定したページがWidgetとして表示されている様子
指定したページがWidgetとして表示されている様子 | 指定したページがWidgetとして表示されている様子
このように簡単にセットアップ出来るので、ぜひお気軽にお試しください!

さいごに

個人的にはiOS14の目玉機能といっても過言ではないWidgetに、Notionがすぐに対応したことは嬉しかったです😄
普段よく起動するアプリほどWidget活用の恩恵が大きいですね👍
 

小幡 十矛(Obata Tomu)|価値を共創するエンジニア
東京を拠点に、アプリ開発・新規事業立ち上げ・ブランドづくりに取り組んでいます。
2021年にサイバーエージェントへ新卒入社後、ABEMA Live や AmebaブログのiOSアプリ開発を担当
現在はフリーランスとして、複数の新規プロダクトやリアル店舗の立ち上げに挑戦中です。
🎯 Mission|人の挑戦を加速する仕組みをつくる ── アイデアを形にし、前に進める“土台”や“場”を共創する
📌 「リアルな場 × デジタル」の可能性を探求し、新しい挑戦が生まれる土壌を育てる
🔹 エンジニアリング × ビジネスの視点から、アイデアを形にし、成長を支えていく
🔹 実店舗オーナーを目指し、オーダースーツ・ドライヘッドスパ・セレクトショップの複合店舗の立ち上げにも挑戦中
👥 特に、社会人1〜5年目くらいで
「やりたい気持ちはあるけど、最初の一歩に迷っている」方へ。 「自分の可能性をもっと広げたい」 「モヤっとしたアイデアがあるけど、どう進めていいかわからない」 そんなフェーズにいる方と、一緒に考えたり、手を動かしたりできたら嬉しいです。
🌱 「挑戦したい20代」との出会いも、大切にしています。 「ちょっと話してみたいな」くらいの気持ちで、気軽に声をかけてもらえたら嬉しいです!🙌
📷 Instagram(リアルイベントや趣味の発信中心): https://www.instagram.com/tomu28creator
🌐 詳しいプロフィールはこちら https://obata-tomu.jp/