Tier表(ランキング)作成・共有メーカー
手持ちの画像を複数アップロードするか、テキストを入力して、ドラッグ&ドロップで「S・A・B・C・D」の各ランクに仕分けるだけで、プロ顔負けのTierリスト(ランキング表)を作成できます。
📥 アイテムを追加する
Tier行の配色カスタマイズ
左側の各ラベルブロックの背景色は、ダブルクリックによる編集時に自動で以下のような標準のTier配色パターンを適用可能です。色の調和を取ることで美しいランキング表に見せられます。
※ 各行のラベルをクリックすると、テキストだけでなく、カラーを変更できます。
Tier表(ランキング)作成・共有メーカーの魅力とSNSでの拡散効果
ゲームの最強キャラランキング、アニメの神回格付け、購入したガジェットの満足度評価など、ネット上では「自分独自の基準で物事をランク付けする」行為が爆発的な人気を博しています。これを表したものが「Tier表(ティアリスト)」です。本ツールは、わざわざ重い画像編集ソフトを使わなくても、ブラウザ上に画像をドラッグ&ドロップするだけで、驚くほど整ったプロ仕様のTierリストを一瞬で作れる無料ウェブアプリケーションです。
HTML5 Drag and Drop API による快適なVanilla JS操作
当ツールは、動作の重いReactなどのフレームワーク用サードパーティパッケージに依存せず、HTML5標準の「ドラッグ&ドロップAPI」を高度に最適化した純粋なバニラJavaScriptで動作します。そのため、ページの読み込みが圧倒的に速く、ボタンクリックや画像移動時の入力遅延(INP)が極限まで抑えられています。PCでは直感的なマウスドラッグ、スマートフォンやタブレット環境ではタッチ操作でのスワイプによる快適な分類動作をサポートしています。
Canvas API による超高精細な画像ダウンロード(html2canvas不要)
SNS(特にX - 旧Twitter)で「自分の最強Tier表」を投稿する際、綺麗な画像ファイル(PNG)は拡散の最重要トリガーです。一般的なツールでは、Webページを強引にコピーする `html2canvas` などの重いスクリプトを読み込みますが、これは文字がぼやけたり、レイアウトが激しく崩れたりするトラブルが多発します。当ツールは、HTML5 Canvas API を用いて配置された各アイテムとテキスト、背景色、S〜D行のグリッドを仮想キャンバス上にピクセル単位で直接精密描画する自製エンジンを搭載しています。これにより、ボタンを押した瞬間に、一切のぼやけがない完全にくっきりとした美しいフルHDのランキング画像がミリ秒単位で生成・ダウンロードされます。
一瞬で拡散される「クラウド保存 & 共有URL発行」機能
表を作成して「共有リンクを発行」ボタンを押すと、あなたが配置した表データ(行の文字、色、各アイテムの位置など)がMySQL/SQLiteのクラウドデータベースに安全に保存され、一意の短い共有キーが生成されます。発行された共有URLを開くと、クエリパラメータを通じて配置が完全に再現され、他のユーザーがそれを元に「自分バージョンに再編成」してさらにシェアすることも可能です。この「自分の考えた最強のランキング」のURL拡散力はSNS上で凄まじい爆発力を持ち、1つの共有URLから数万インプレッション(PV)を生み出し、AdSense広告の露出とインプレッション収益を急増させる強力な起爆剤になります。