スマホでTier表を作る方法 - タップ配置と操作のコツ

専用アプリを入れずにブラウザから始める

SortpiaはWebサービスなので、まずスマホのブラウザでサイトを開きます。閲覧だけなら共有URLから入り、作成や保存を行う場合はログインして編集画面へ進みます。スマホとPCで同じアカウントを使えば、保存済みのTier表を別の端末から開くこともできます。

SafariとChromeでは、共有メニューやファイル選択などOS依存の画面が異なります。すべての端末で表示や操作が完全に同一とは限らないため、画像を大量に追加する作業や細かな並べ替えはPC、思いついた項目の追加や大まかな配置はスマホ、という使い分けも有効です。

ホーム画面への追加は起動を短くする機能

対応ブラウザでは、メニューの「ホーム画面に追加」からSortpiaのアイコンを置けます。追加後の表示方法はOSとブラウザの仕様に左右され、独立した画面で開く場合もあれば、通常のブラウザに近い表示になる場合もあります。

Service Workerは画面を構成するファイルや画像の一部をキャッシュしますが、Tier表の取得・保存・公開には通信が必要です。オフライン編集を保証する機能ではありません。通信が不安定な場所では、保存完了を確認してから画面を閉じてください。

長押ししてからドラッグする

タッチ操作では、アイテムに触れて約0.2秒待ってから動かすとドラッグが始まります。短くタップした場合はアイテムの選択、縦方向に通常どおり動かした場合はページのスクロールとして扱われます。

ドラッグ中は元のアイテムが薄く表示されるため、どの項目を移動しているか確認できます。指で移動先が隠れる場合は、いったん指を離し、次の「クイック配置」を使うほうが確実です。共同編集では、ほかの参加者が操作中のアイテムはロックされ、同時操作による衝突を避けます。

クイック配置ならドラッグせずに移動できる

アイテムを短くタップすると選択状態になり、選択項目のパネルに各ランクの丸いボタンが表示されます。移動先のランク名を押すと、そのランクへ配置されます。すでに配置済みのアイテムには「パレットに戻す」ボタンも表示されます。

基本手順は「未配置アイテムをタップ→ランク名をタップ」です。長い距離をドラッグする必要がないため、ランク数が多い場合や小さい画面で特に役立ちます。現在いるランクのボタンは選択済みとして表示され、同じ場所への重複操作を防ぎます。

未配置パレットを横にスクロールする

未配置のアイテムは編集画面下部のパレットに並びます。パレットは画面下端に追従し、中のアイテムは横方向へスクロールできます。見えていない項目を探すときは、ページ全体ではなくパレット内を左右に動かしてください。見出し横の数値は未配置件数です。

パレット下部には `safe-area-inset-bottom` に応じた余白が設定されており、対応端末ではホームインジケータとの重なりを抑えます。ただし、端末・ブラウザ・文字サイズの組み合わせをすべて保証するものではありません。操作部が隠れる場合は、ブラウザの表示倍率を戻すか、画面を縦向きにして再読み込みしてください。

スマホ編集で失敗しにくい順番

最初にタイトルとランクを決め、次に画像を追加し、最後に配置すると画面の往復を減らせます。大量の画像を使う場合は数回に分け、追加後に件数とラベルを確認してください。

配置はクイック配置で大まかに分け、同じランク内の順番だけドラッグで調整すると効率的です。公開前にはプレビューで画像切れ、未配置項目、タイトル、公開範囲を確認します。共同作成中は通信切断や他参加者の操作もあり得るため、保存状態を確認してからブラウザを閉じましょう。

よくある質問

さっそくTier表を作ってみよう

Sortpiaなら、登録から公開まで5分。無料で何個でも作れます。

Tier表を作る →

関連記事

• Tier表のランク色を変更する方法 - プリセットと見やすい配色 — 実装されている14色とカスタム色の設定手順、読みやすさを保つ確認点を説明します。
• Tier表エディタのキーボード操作 - DeleteとEscの使い方 — 実装済みの3キーと削除時の注意点を、未対応の操作と分けて解説します。
• Sortpiaのアクセシビリティ対応状況｜確認済み実装と既知の制限 — 確認済みのアクセシビリティ実装、既知の制限、支援技術ごとに必要な動作確認を整理。