ウィジェットの作り方

2022年4月19日 17:35

このnoteでは、推し活アプリOshibana（オシバナ）でウィジェットを作る方法についてご紹介していきます💁‍♀️💛

ウィジェットとは

ウィジェットはiPhoneのホーム画面に設置できるショートカット💨のような機能で、アプリを開かなくても様々な情報を確認することができます🙌

Oshibanaでは、以下のようにかんたんな3ステップで、ウィジェットを使うことができます。

ステップ1🍎　Oshibanaアプリで推しを登録する → 登録方法はこちら
ステップ2🍎🦍　推しの詳細画面で、ウィジェットを作成する（この記事で解説します）
ステップ3🍎🦍🎺　iPhoneのホーム画面にウィジェットを設置する → 設置方法はこちら

※まだダウンロードしてない場合はこちら▽

では、早速ウィジェットをひとつ作ってみましょう🙌　Oshibanaで作成できるウィジェットの種類は色々ありますが、ここでは推し始めてからの日数をカウントしてくれる「推し始めてウィジェット」を例にして解説します🤙🎶

Oshibanaの推し一覧画面から、ウィジェットを作りたい対象の推しをタップします。推しの一覧の表示方法は、カード型でも一覧型でも大丈夫です。

推しの詳細画面に入ったら、［ウィジェット］のパネルをタップして開きます。

「ウィジェット一覧」の画面に入りました。左下にある［＋追加］ボタンをタップしましょう。

ウィジェットの種類を選ぶ画面になりますので、作りたいウィジェットをタップします。この記事では「推し始めて」ウィジェットを例にして進めますが、他にも色々なウィジェットがあります😘

作りたいウィジェットのパネルをタップすると、サイズ選択の画面が出てきます。ここでは例として「小」を選び、［ウィジェットを作成］ボタンをタップしましょう。

ちなみに、それぞれのサイズの詳細はこんな感じですので、参考にしてください🥳

「ウィジェットを編集」画面になりました。まずはウィジェットに表示させる画像を選択します。［画像を変更］をタップしてください。

画像が選択できない場合は、Oshibanaが画像にアクセスできるよう許可の設定が必要です🙏

画像を選択すると「画像を編集」画面になります。写真の表示位置とサイズを設定できますので、2本の指を使って調整してください✌️　終わったら、右上の［完了］をタップします。

ウィジェット用の画像をきれいに登録するための最適サイズは、以下のとおりです📝

小サイズのウィジェット：横幅300〜400px
中/大サイズのウィジェット：横幅600〜800px　

もし大きい画像しか持っていない場合は、こんなサービスを使ってサイズ変更することができますので、ぜひお試しください👩🏻‍🎨

次に、推し始めた日付を設定しましょう。「日付」入力欄の右側にある［未設定］をタップして開き❶、推し始めた年月日を選んだら❷、［決定］をタップします❸。

ここまでの作業で、ウィジェットの編集が一通り完了しました。画面右上の［保存］をタップして、保存しましょう。お疲れさまでした！

ここで作成したウィジェットをホーム画面に表示させる方法は、別のnoteで解説します。