<p>絵文字から始まる文字を並び替えて、QoLをアップさせました✨️</p><p>これまで、絵文字を活用して一覧の視認性をUPさせていましたが、解決しないまま放置していた問題があります。それが、「絵文字の順番がなんか変」というもの</p><p><br></p><p>フィールドの頭が絵文字だと、思ったような順番に並ばないんですよね。</p><p>🟢 稼働中<br></p><p>🟥 遊休<br></p><p>⬛️ 廃棄<br></p><p>の順番で並んでほしいのに、実際には</p><p>🟥 遊休→🟢 稼働中→⬛️ 廃棄の順に...</p><p>この場合、逆にしても無意味なんです。</p><p><br></p><p>今回はその解決法を共有しちゃいます！</p><p>「絵文字のUnicodeを知る」→「Unicode順になるように並び替える」</p><p>で解決です！</p><p><br></p><p>たとえば、私がよく使っている単色はこの並び順！</p><p><br></p><table><tbody><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A0?action=edit&amp;redlink=1">🟠</a></div></td><td><div>U+1F7E0</div></td><td><div>LARGE ORANGE CIRCLE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A1?action=edit&amp;redlink=1">🟡</a></div></td><td><div>U+1F7E1</div></td><td><div>LARGE YELLOW CIRCLE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A2?action=edit&amp;redlink=1">🟢</a></div></td><td><div>U+1F7E2</div></td><td><div>LARGE GREEN CIRCLE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A3?action=edit&amp;redlink=1">🟣</a></div></td><td><div>U+1F7E3</div></td><td><div>LARGE PURPLE CIRCLE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A4?action=edit&amp;redlink=1">🟤</a></div></td><td><div>U+1F7E4</div></td><td><div>LARGE BROWN CIRCLE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A5?action=edit&amp;redlink=1">🟥</a></div></td><td><div>U+1F7E5</div></td><td><div>LARGE RED SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A6?action=edit&amp;redlink=1">🟦</a></div></td><td><div>U+1F7E6</div></td><td><div>LARGE BLUE SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A7?action=edit&amp;redlink=1">🟧</a></div></td><td><div>U+1F7E7</div></td><td><div>LARGE ORANGE SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A8?action=edit&amp;redlink=1">🟨</a></div></td><td><div>U+1F7E8</div></td><td><div>LARGE YELLOW SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%A9?action=edit&amp;redlink=1">🟩</a></div></td><td><div>U+1F7E9</div></td><td><div>LARGE GREEN SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%AA?action=edit&amp;redlink=1">🟪</a></div></td><td><div>U+1F7EA</div></td><td><div>LARGE PURPLE SQUARE</div></td></tr><tr><td><div><a rel="mw:WikiLink" href="https://ja.wikipedia.org/wiki/%F0%9F%9F%AB?action=edit&amp;redlink=1">🟫</a></div></td><td><div>U+1F7EB</div></td><td><div>LARGE BROWN SQUARE</div></td></tr></tbody></table><p>今回は、🟥と🟢の順番が逆になってくれたらOKなので、形は違いますが🟢を🟩に交換。</p><p>これでUnicode上の順位が逆転するので、おもったように並んでくれます！</p><p>⌛️砂時計や⏰️時計など、種類が増えてくると順番もややこしいですが、行き当たりばったりに絵文字を変えまくるよりは、だいぶんスマートではないでしょうか？</p><p>これまでなんとなく放置していた方がいれば、この機会にぜひ絵文字の種類見直しちゃってください✨️</p><p><br></p><p>kintoneでも並び順はUnicode準拠なのでは？と仮定するに至った先人の知恵はこちら</p><h1 style="line-height: 1.2"><a href="https://silme.zelo-loop.com/mxt/Notes/%F0%9F%A7%B0%E7%B5%B5%E6%96%87%E5%AD%97%E3%82%BD%E3%83%BC%E3%83%88%E9%A0%86%E3%81%AE%E5%AE%9F%E8%B7%B5%E7%A0%94%E7%A9%B6">🧰絵文字ソート順の実践研究</a></h1><p>Unicodeの並びを詳しく知るにはWikipediaのこちらの記事がちょうどいいです！</p><h1 style="line-height: 1.375"><a href="https://ja.wikipedia.org/wiki/Unicode%E3%81%AEEmoji%E3%81%AE%E4%B8%80%E8%A6%A7">UnicodeのEmojiの一覧</a></h1>

絵文字から始まる文字を並び替えて、QoLをアップさせました✨️

これまで、絵文字を活用して一覧の視認性をUPさせていましたが、解決しないまま放置していた問題があります。それが、「絵文字の順番がなんか変」というもの

フィールドの頭が絵文字だと、思ったような順番に並ばないんですよね。

🟢 稼働中

🟥 遊休

⬛️ 廃棄

の順番で並んでほしいのに、実際には

🟥 遊休→🟢 稼働中→⬛️ 廃棄の順に...

この場合、逆にしても無意味なんです。

今回はその解決法を共有しちゃいます！

「絵文字のUnicodeを知る」→「Unicode順になるように並び替える」

で解決です！

たとえば、私がよく使っている単色はこの並び順！

🟠	U+1F7E0	LARGE ORANGE CIRCLE
🟡	U+1F7E1	LARGE YELLOW CIRCLE
🟢	U+1F7E2	LARGE GREEN CIRCLE
🟣	U+1F7E3	LARGE PURPLE CIRCLE
🟤	U+1F7E4	LARGE BROWN CIRCLE
🟥	U+1F7E5	LARGE RED SQUARE
🟦	U+1F7E6	LARGE BLUE SQUARE
🟧	U+1F7E7	LARGE ORANGE SQUARE
🟨	U+1F7E8	LARGE YELLOW SQUARE
🟩	U+1F7E9	LARGE GREEN SQUARE
🟪	U+1F7EA	LARGE PURPLE SQUARE
🟫	U+1F7EB	LARGE BROWN SQUARE