2022年3月第2週号 1位は、中国語と英語でのアプリUIの違いの考察、気になるネタは、LAN用メッセンジャー「IP Messenger」に初の商用版Pro

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2022年2月28日～3月6日の間に見つけた記事のベスト5です。

中国語と英語でのアプリのUIの違いについて考察した記事です。英語に比べて中国語UIではホワイトスペースが少なめで詰め込まれたものが好まれるとのこと。また、カラフルな配色が多いなど中国のUIの傾向は日本に近いと感じました。

以下の項目で中国語と英語でのUIの違いを解説しています。

Flexboxでアイテムとアイテムの間に区切り線を付けるテクニックを紹介しています。スマホサイズではアイテムが縦に並んで水平線の区切り、デスクトップサイズでは横に並んで縦線での区切りとなるCSSが意外と簡単に記述できます。

なお、余談ながらTailwind CSSではFlexbox、Gridでのアイテム間の区切り線を簡単に付けることができて便利です。

画像を使わずCSSだけで領域間の区切りを斜めにしたり、区切り部分に図形を追加する方法を解説した記事です。

簡単に区切り用のCSSを生成できるジェネレーターも紹介しています。

コンタクトページ（連絡先ページ）のデザインの参考になるサイトを多数紹介しています。

良いコンタクトページを作る上で気をつける点もまとめていました。

CSSのプログラム言語的な部分にスポットを当てて、条件分岐や繰り返し、計算式などの記述方法を解説した記事です。

この記事で「* + *」をOwl Selectorと呼ぶことを知りました。確かにフクロウの顔に似てますね。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

シャープ、Box上の文書・画像をコンビ二でプリントできる新サービス | TECH+
事前にBoxからネットワークプリントのクラウド上にデータを登録するようなので、容量制限などはネットワークプリントの仕様通りなのだと思います
Instagram、動画で字幕の自動生成を可能に--日本語にも対応 - CNET Japan
自動字幕は日本語を含む17の言語で利用可能です
TikTok、最大10分までの動画をアップロード可能に - CNET Japan
動画の上限は15秒→60秒→3分→10分と段階的に増えています

先週の気になるツール／サービス

SNSの投稿を背景色付きの画像に変換してダウンロードできるサービスです。Twitter、Facebook、Instagram、YouTubeの投稿に対応しています。

投稿のリンクを入れて背景色を選びます。色は自由に選べますが、グラデーションは用意されたものから選ぶだけです。生成される画像は正方形だけで、サイズのカスタマイズもできません。

Chrome拡張機能からも使えます。SNSの投稿を別のSNSで紹介する場合など、ただスクリーンショットを撮るよりも見映えの良い画像が作れて便利だと思います。

IP Messengerの商用版が1ユーザあたり年額1,980円で登場しました。Pro版としてログ監査機能などがついています。

わたしは会社員時代にIP Messengerを使っていたことがあります。20数年前なはずです。昔話としてIP Messengerの話題が出ることはありますが、新製品としてIP Messengerの話題に触れる日が来るとは思っていませんでした。

LAN内で使うツールなのでリモートワーク時代にはそぐわないですが、シンプルで使いやすいところから今でも社内でのチャットツールとして人気があるようです。有料版が登場したことは、今後も開発が続いていく安心感を与える効果もあると思います。