開発コラボレーションのヒント from Atlassian Blogs(55) (goodnews) 新しいエモーティコンと改善されたエモーティコン

私たち HipChat チームはエモーティコンを重要視しています。一日の仕事の大半をインターネット上のちっぽけな画像の細部の論議に費やすのは本当におかしなことです。しかし、そのちっぽけな画像がどれほどユーザーを楽しませているかが分かるとやり甲斐があります。本日は、改良された HipChat のエモーティコンについてお伝えしたいと思います。

(allthescreens) 対応エモーティコン

HipChat のグローバルエモーティコンは、Apple の Retina ディスプレイや Android の高いピクセル密度設定などのすべて高解像度ディスプレイに対応するようになりました。この変更で、長い間多くの賛同を得ていたユーザーのリクエストにお応えしました。

新しい画像はすべて最大 4 倍 (将来のディスプレイの進化に備えて) の高解像度サイズで作成しましたので、ご利用の最新の高解像度ディスプレイでも職場のアップグレードされないままの旧型モニターでもきれいに表示することができます。これまで数週間に渡って Retina エモーティコンを公開してきました。今後も随時、微調整を続けていきます。詳細は下記の変更履歴でご確認ください。

アトラシアンのお気に入りをシェア

今回の最新リリースには私たちのお気に入りのエモーティコンもいくつか含まれています。(whoa) キアヌなどの多くのエモーティコンはユーザーの皆様からのフィードバックを受けて追加されたものです。その他にも、アトラシアンでとても頻繁に使われているもので内輪にとどめておくのはもったいないと思う (disappear) や (salute) などのエモーティコンを加えました。

それから、それぞれのチーム用に独自のカスタムエモーティコンをアップロードできます。これからは、グローバルセットに (whoa) が搭載されるのを待つ必要はなく、独自キアヌを持ち込み可能です (Bring Your Own Keanu)。

ひとつのサイズでほぼ全対応

グローバルセットの Retina 化に加え、エモーティコンのアップローダーも改良しました。管理者は新しい高解像度のエモーティコンをアップロードできるようになりました。さらに、それぞれの画像を自動でスケール調整します。オリジナル画像は 120 ピクセル (最新の最大サイズ) 程度にすることを推奨します。画像はエモーティコンアップローダーの機能を通過してスケール調整された後、効果的な 30 ピクセルの画像となります。

私たちは Retina 画像の処理法について話し合いを重ね、この自動スケーリング手法を選択しました。作成・維持する必要があるのはひとつのサイズだけなので、新規エモーティコンのアップロードや既存エモーティコンのアップデートが格段に容易だからです。

プロ向けヒント: アップロードした画像はすべて 4 分の 1 に縮小されるので、低解像度モニターでは 1 ピクセル幅の線は見づらくなることにご注意ください。この件で線画のエモーティコンがどれだけ大きな影響を受けるのか私たちは痛い程思い知らされました。下記の変更履歴の中に「線幅増加」が数多くある理由です。また、ご利用のオリジナル画像の縦横サイズが共に 4 の倍数だと役立ちます。例えば、116 ピクセル幅 (116/4=29) は役立ちますが、115 ピクセル幅 (115/4=28.75) は役に立ちません。

これまでの古いカスタムエモーティコンは Retina モニターでは見るに耐えない状態となっています。古いエモーティコンを削除してサイズの大きな新バージョンをアップロードすることで既存のカスタムエモーティコンを再アップロードできます。今後もエモーティコンのグローバルセットを改良し、追加していきます。

その他の「エモーティコン」

小さな顔マークのセットもアップデートしました。上述の Retina エモーティコンの場合と同様に、現在対応可能な解像度よりも高い解像度の画像を求めました。加えて、アトラシアン独自の新セットも追求しました。

私たちはまず、アイデアを得るために絵文字セットに目を向けました。できるだけ頻繁に HipChat のロゴのスマイルマークを使用するなど HipChat ブランド風の細かいデザインを加えました。そして、私たちが心から気に入るセットが完成しました。他のすべてと同様にあれこれ反復利用していくので、いつか絵文字のフルサポートが実現するかもしれません。

それから、以前の生気のない淡青色 (アイスブルー) の親指マークは死滅し埋葬されました。ご希望であれば墓から掘り起こしてください: (corpsethumb)。Apple 絵文字の親指での賛成・不賛成マークの色違いペアは新しいペアと交換しました。Facebook のマークとはまったく違うものとなっています。(badpokerface)

hipchat.com/emoticons で新しいエモーティコンをすべて確認し、チーム内で使ってみてください! そして今後も help.hipchat.com にフィードバックをお寄せ下さい。