アプリゲームUIデザイン

「カウンター・アームズ -終焉武装少女-」漫画の展開の中でプレイヤーの名前を聞くので没入感が高かった

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「カウンター・アームズ -終焉武装少女-」でのプレイヤーの名前を決めるフローのデザインを紹介します。 該当の画面はこちらです！ 「カウンター・アームズ -終焉武装少女-」ではプロローグが漫画調でデザインされているのですが、その流れの中にプレイヤーの名前入力が挿入されていました。 流れを紹介すると、このような流れです。 実に漫画調です。 ストーリーの途中にプレイヤーの名前を入力するゲームのパターンと言えば、主に以下の2…

2021/07/31 23:58

「イドラ ファンタシースターサーガ」ヘルプ画面で画像を多く採用しているデザイン例紹介

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「イドラ ファンタシースターサーガ」でのヘルプを見返すことが出来る機能を紹介します。 該当の機能がある画面はこちらです！ 動きで見るとこんな感じです。 文字だけではなく、画像があるのが特徴的です。文字だけだと画面の中にある情報の全てを説明することが困難です。 例えばボタンやアイコンなど、グラフィックの情報は図説したほうが直感的に理解できます。また、視線誘導を利用して情報の優先度を付けることもできます。 ヤコブ・ニール…

2021/07/30 23:58

「ポップリンクス」最近は見かけなくなったけど、スタミナの消費量を増して時短を図る機能の紹介！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ポップリンクス」でのスタミナの消費量を増して時短を図る機能を紹介します。 該当の機能がある画面はこちらです！ゲームを開始する前の画面で設定することができます。 この部分ですね。スタミナ消費倍率が1倍から3倍まで選択できます。 消費数に応じて獲得できるマニー、CP、ファンがアップ とも書かれています。 スタミナ消費の設定機能にアクセスするための前後の画面を確認すると、こんな感じです。 画面下部にあるこちらのボタンを押…

2021/07/29 23:58

「ポップリンクス」色覚多様性対応のためと思われるオプションが用意されていました

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ポップリンクス」での色覚多様性対応の事例を紹介します。 ちなみに色覚多様性とは以下のようなものです。 UIをデザインする上では必要な情報かと思いますので、まずは存在だけでも覚えておいていただけると嬉しいです。 ”色”の見え方は人それぞれ違う！？『色覚多様性』とは メガネハット（株式会社アーバン） 色を感じる細胞、錐体細胞の働きによって様々な色を感じるわけですが、中には特定の錐体細胞の働きが弱い方や、機能していな…

2021/07/28 23:57

「IDOLY PRIDE アイドリープライド」ヘッダー画像をぼかしたり、ぼかさなかったりする理由を考えてみた

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の画面をスクロールした際のヘッダー画像の処理について紹介します。 言葉だけでは伝わりづらいと思いますので、さっそくですが画面を紹介します。該当の画面はこちらです！ こんな感じで画面をスクロールするとヘッダーの画像がすこしボケます。 アニメーションで見るとこんな感じです。スクロールする程度によってボケ具合も変わっています。 より分かりやすくするために該当部分を拡大しました。…

2021/07/27 23:50

「IDOLY PRIDE アイドリープライド」ハッシュタグを利用して登場人物を紹介するデザイン

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のストーリーに登場する人物紹介のデザインについて紹介します。 最近のソシャゲではストーリー内で誰が登場するか、予め分かるように情報を外に出しているケースがあります。 過去に紹介したゲームの例を挙げると 「プロジェクトセカイ カラフルステージ！ feat.初音ミク」 「ブラックスター -Theater Starless-」 「ヒプノシスマイク-A.R.B-」 などがあります…

2021/07/26 23:50

「エヴァンゲリオン バトルフィールズ」操作性をカスタムするためのオプション紹介！判定範囲編

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エヴァンゲリオン バトルフィールズ」から操作性を切り替えるオプションに関する機能を紹介いたします。 「エヴァンゲリオン バトルフィールズ」はアクション性のあるゲームです。アクション性の高いゲームでは操作性が重要です。 アクションゲームや音ゲーなど、アクション性が高いゲームにおいて、操作性を調整するオプションはしばしば用意されています。「エヴァンゲリオン バトルフィールズ」でもそういった操作性を調整するオプションが用…

2021/07/25 23:50

「エヴァンゲリオン バトルフィールズ」アニメのデザインをゲームに取り入れて、ユーザーの学習コストを下げるデザインの事例

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エヴァンゲリオン バトルフィールズ」からカウントダウンタイマーのデザインを紹介いたします。 該当の画面はこちらです！ こちらはバトル中の画面です。画面上部に数字がカウントダウンされているのがわかるかと思います。 分かりやすくするために数字の部分を大きくします！ このようにデジタル書体が採用されており、小数点第二位まで表示していることが特徴です。 公式のデザインも見てみます。制作時期によってデザインが異なりますが、新…

2021/07/24 23:50

「魔界戦記ディスガイアRPG」過去のADVパートでは旧版のグラフィックが採用されていた

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」から過去作品の紹介をする機能とその中の会話シーンを紹介いたします。 該当の画面はこちらです！ キャラクターに注目してみると、色の塗り方や各パーツのデザインがちょっと古い印象を受けますが、実際古いデザインです。 「魔界戦記ディスガイアRPG」の通常の会話シーンで使われているグラフィックはこちらです。 新旧のキャラデザを比較するとこんな感じですね。こちらが旧デザインです。 こちらが新デザイン…

2021/07/23 23:56

「魔界戦記ディスガイアRPG」あやしげな演出を盛り上げる、遊び心のある映像表現

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」からキャラクターの転生演出を紹介いたします。 該当の画面と演出はこちらです！ このように転生演出の間に静止画が挿入されるデザインが特徴的です。 また、静止画では伝わりませんが、この演出の最中にはドリルなどの機械的なSEやキャラクターの絶叫を模したようなSEが流れています。 このキャラクターが持っている機械類の駆動音をイメージしていただくと分かりやすいかもしれません。 背景は全体的に怪しい…

2021/07/22 23:50

「魔界戦記ディスガイアRPG」ボタンのマイクロコピー。分かりやすさだけではなく世界観を取り入れたデザイン

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」からボタンの中にある世界観を取り入れたマイクロコピーの事例を紹介いたします。 該当の画面はこちらです！召喚結果画面です。通常の召喚結果画面と異なる点として、何度でもやり直しができる点があげられます。 分かりやすいように該当部分を拡大します。 このように 「OK」 「キャンセル」 のボタンの中のテキストが… 「OKッス」 「やり直したいッス」 となっているのが特徴です。 文章を読まなくても…

2021/07/21 23:58

「魔界戦記ディスガイアRPG」チェックボックスの見た目をしているのにラジオボタンの挙動になっていると誤解を招きやすい！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」でチェックボックスの見た目なのにラジオボタンの挙動になっている箇所があったので、アンチパターンの事例として紹介いたします。 該当の画面はこちらです！ フィルタ画面にあるチェックボックスのUIパーツに注目です！ 分かりやすくするために拡大します。昇順、降順と並んでいます。 一見すると気づかないかもしれませんが、よく考えてみると昇順と降順は同時には選択できません。選べるのはどちらかひとつだけ…

2021/07/20 23:54

「魔界戦記ディスガイアRPG」ゲーム起動直後の注意喚起画面にて世界観が含まれたデザインの事例紹介

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」のゲーム起動直後に表示される、ゲームをプレイする上での注意喚起画面のデザインを紹介いたします。 こちらが該当の画面です。ゲーム起動直後に表示されます。 内容としては以下の文言が書かれています。 ご注意 このアプリは基本無料で遊べますが、一部有料でアイテムを購入することができます。 未成年（20歳未満の方へ）有料アイテムを購入する場合は必ず保護者の許可をもらうか一緒に購入するようにしてくだ…

2021/07/19 23:57

「白夜極光」キャラクターがメッセージを入力中であることが伝わるチャット画面

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」のキャラクターとのチャット画面のデザインを紹介いたします。 最近、特に中国系のゲームに多い気がするのですが、キャラクターとショートメッセージをやりとりできる要素が実装されています。 「白夜極光」の場合はこのような画面でした。 動きで見るとこんな画面です。 特にここのUIが良いと感じました。相手がメッセージを入力している様子が伝わり、実際にキャラクターとやりとりしている印象を強く与えます。 また、その際、ユ…

2021/07/18 23:50

「白夜極光」ユーザーのことを世界観に合わせた呼び方をしている事例の紹介

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」のゲーム内のユーザーの呼び方を紹介いたします。 このブログではしばしば紹介しているのですが、いくつかのゲームでは、ユーザーのことをゲームの世界観にあわせて呼んでいることがあります。 「白夜極光」の場合は「ナビゲーター」と呼んでいました。 分かりやすいように部分抜粋します。こちらですね。 運営からだけではなく、仲間からもナビゲーターと呼ばれています。 「白夜極光」は世界観が重視されるゲームです。 ユーザーの…

2021/07/17 23:50

「白夜極光」ゲーム内のオプションが視覚障害者への配慮を感じた

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」のゲーム内のオプションが視覚障害者への配慮を感じたため、紹介いたします。 該当の画面はこちらです。左から順に ブリリアント ノーマル カラーアシスト と並んでいます。 この設定を変更することによって、バトル中のパネルデザインが変更できます。 各種デザイン紹介！ 色を決める際に判断しやすいように！ 色を中心としたゲームをデザインする際の参考に！ 各種デザイン紹介！ それぞれの見た目はこのようになっています。…

2021/07/16 23:58

「白夜極光」プレイヤーの経験値の情報はビジュアルで見せても問題ないのかもしれない

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」のプレイヤーの経験値ゲージのデザインに新しさを感じたため、紹介いたします。 該当の画面はこちらです。 数字の中がゲージになっている！ プレイヤーの経験値はそこまで重要な情報ではないのかも？ 数字の中がゲージになっている！ 画面全体を見せても分かりづらいですよね。分かりやすく見せるため、拡大表示します！ 一見すると数字のデザインに見えますが、中のオレンジ部分が獲得した経験値になっています。この場合は8割程度…

2021/07/15 23:50

「白夜極光」アイテムが不足しているとアイテムアイコンが震えて伝えるデザイン

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」から施設の解放に必要なアイテムが不足していることを、より強調して伝えるUIデザインを紹介いたします。 ソシャゲでは何かを強化したり、解放する際にアイテムを消費することは一般的です。汎用性の高いシーンかと思いますので参考になりやすいかな、と思います。 該当の画面はこちらです。施設を解放する際の確認ダイアログです。 不足しているとアイテムアイコンが震える！ アイテムが不足している場合、どのように伝えるかも考え…

2021/07/14 23:55

「IDOLY PRIDE アイドリープライド」ボタンが押しやすい位置にあるダイアログ！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のダイアログのデザインを紹介します。 「IDOLY PRIDE アイドリープライド」で実装されているダイアログはソシャゲで一般的に使われがちな画面中央に表示されるデザインではありません。いくつか実装されている場面を紹介します。 例えばこちらの画面です！ 縦画面の場合、画面中央にOKボタンが寄ってしまうことがある… 指が届きやすい位置にボタンが配置されているため、操作しやす…

2021/07/13 23:58

「IDOLY PRIDE アイドリープライド」汗の表現が素晴らしい！アイドル達の存在感が増す表現！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のアイドルの汗の表現について紹介します。 「IDOLY PRIDE アイドリープライド」ではアイドルが踊ると汗をかく演出が実装されています。汗が確認できる場面はいくつかあるのですが、事例となる画面をひとつ紹介します。 こちらです！こちらはライブ中の画面です。 ライブ途中で汗の表現が！ リザルトやホーム画面でも汗の表現が見れます！ ユーザーの反応も良い！ CEDEC2021…

2021/07/12 23:58

「IDOLY PRIDE アイドリープライド」ホーム画面に設定したキャラに合わせてライブボタンのデザインを変化させているのは、短時間でゲームの世界観を訴求したかったから？

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のホーム画面に設定したキャラクターによって一部ボタンのデザインが変化することについて紹介します。 該当の画面はこちらです！ホーム画面ですね。 キャラに合わせてライブボタンのデザインが変化している！ UIパーツと通じて視覚情報による単純接触効果を期待したのかも？ ゲームの世界観を訴求するためのUIパーツをデザインする際の参考になれば！ キャラに合わせてライブボタンのデザイン…

2021/07/11 23:50

「IDOLY PRIDE アイドリープライド」見出しのUIアニメーションが小気味良かったので紹介！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の見出しのテキストのアニメーションについて紹介します。 該当の画面はこちらです！ショップ画面ですね。 こちらのショップ画面の見出しですが、子階層に遷移した際、親階層の見出しが小さく残り、子階層の見出しが表示されるようなアニメーションになっています。 実際の挙動はこちらです。 こちらは「ショップ画面」から「メインライブクリアパックの画面」に遷移した時のアニメーションです。 …

2021/07/10 23:57

「IDOLY PRIDE アイドリープライド」通知バッジのデザインに変化をつけることで、より強く訴求したい情報とそれ以外の情報に優先度を付けたいという意図が感じられる

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のライブ中に通知バッジのデザインについて紹介します。 ここで言うところの「通知バッジ」とは、ボタンなどの上に表示される、情報に更新があったことを示すマークのことを指しています。 例えばこちらの画面で使われたりしています。これはストーリーのTOP画面です。 これは未読のストーリーがあることを示しています。概ねどのゲームも誘目性を優先してか、赤系のマークを採用するデザインにな…

2021/07/09 23:59

「IDOLY PRIDE アイドリープライド」ライブ中の演出が長押しで倍速に切り替わるUIデザイン

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のライブ中に長押しをすると倍速モード切り替わるデザインについて紹介します。 該当の画面はこちらです！ …と言っても動いてないと分からないですよね。アニメーションで紹介します！ こちらが等速の画面です。 上部にライブ映像が流れ、下部はライブ中に発生したスキルと獲得したスコアなどが上から下に流れて表示されています。 これくらい速度であれば、重要な情報は追えるかな、と感じます。…

2021/07/08 23:50

「IDOLY PRIDE アイドリープライド」撮影モード時に画面を分割するガイドが表示されるUIと撮影モードの位置付け

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の撮影モード時に画面を分割する枠が表示されるUIと撮影モードの位置付けについて紹介します。 該当の画面はこちらです。画面上に白い線が表示されているのが分かるかと思います。 この白い線は画面右下のボタンを押すと… このように表示と非表示を切り替えることができます。 「三分割構図」を取り入れやすくなる！ この白い線の意味は写真の構図を検討する際に補助線の役割を果たすようです。…

2021/07/07 23:53

「IDOLY PRIDE アイドリープライド」フルボイスのADVパートなら動画プレーヤーのようなUIだと没入感が増す！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のADVパートが動画プレーヤーのようなデザインをしていたので紹介します。 目新しさが感じられるかもしれませんが、それだけではなくしっかりと利便性も担保されているのが特徴的です。 具体的には 早送り、巻き戻しができる 会話ログが見れる 再生速度の切り替えができる 会話のテンポが良い といった点が良いと感じました。 さて、該当の画面を紹介します。該当の画面はこちらです。 まず…

2021/07/06 23:56

「IDOLY PRIDE アイドリープライド」ロードが挟まらず、遷移アニメーションもスムーズであると没入感が維持されたままゲームを楽しめる

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の画面遷移演出のデザインを紹介します。 該当の画面遷移演出は以下です。こちらはホーム画面です。 映像的に繋がっているため情報が補間され、切り替わった印象が軽減される！ 画面を左右にスワイプするとフッターメニューが切り替わります。アニメーションで見るとこのようになります。 フッターメニューで画面を切り替えているのですが、メニューが切り替わったことが意識されないデザインになっ…

2021/07/05 23:54

「IDOLY PRIDE アイドリープライド」外が見えなくても室内の光を工夫することで時間帯の表現が可能！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。 少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の部屋の様子が時間帯に合わせて変化しているデザインを紹介します。 「それってUIなの？」を感じるかもしれませんが、ボタンを作ったり、画面をレイアウトするだけではなく、ゲームの没入感を高めるのもUIの役割の一つです。 該当の画面はこちらです。メインコンテンツであればどこでも良いのですが今回は「アイドル」の画面を例にします。 昼夕夜の3パターンの時間差分！ 「IDOLY P…

2021/07/04 23:50

「IDOLY PRIDE アイドリープライド」キャラクターをフィルタする際に名前だけではなく顔グラフィックがあると分かりやすい！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。 少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のフィルタ画面にて、キャラクターの名前だけではなく、顔グラフィックがあるデザインを紹介します。 該当の画面はこちらです！ 見やすいように部分拡大しますね。 こんな感じで… チェックボックス 顔グラフィック アイドルの名前 といった情報で構成されています。 顔グラフィックがある方がストレスなく見分けることができる！ 「IDOLY PRIDE アイドリープライド」では最初か…

2021/07/03 23:50

「IDOLY PRIDE アイドリープライド」ユーザーの行動を誘導するための導線を設置してユーザーの学習を促す工夫

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」から今やれることを誘導してくれる導線を紹介します。 ソシャゲはやることが多いので、次になにをすればいいのか迷うこともあると思います。そういった時に「これをやると良いよ」と示すことによって、ユーザーの行動がデザインできます。 該当の画面はこちらです！メニュー項目が並んでいる中に導線が設置されています。 ナビキャラの顔アイコンもゲームの没入感を損なわないための工夫！ こちらの…

2021/07/02 23:49

「IDOLY PRIDE アイドリープライド」フリック操作でタブが切り替えられるのが超快適！

こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」からスワイプ操作でタブが切り替えられる挙動について紹介します。 該当の画面はこちらです！ミッション画面ですね。画面上部にタブがあることが分かりますでしょうか？ スワイプ操作によって快適にタブ切り替えができる！ アニメーションで見るとこんな感じです。左右にスワイプすることで、このようにタブを切り替えられます。 これ以上タブ切り替えができない場合のアニメーションもあります。…

2021/07/01 23:50