2021年5月第3週号 1位は、UIデザインに色を適用するための初心者向けガイド、気になるネタは、日本のQRコード普及、海外に遅れコロナ禍で利用場面拡大も

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

UIデザインに色を適用するための初心者向けガイドです。白黒の状態から色を選んでいく過程を丁寧に解説した、チュートリアル形式になっています。

テキストの要素ごとに細かくグレーを使い分けるための、明度の違う複数のグレーの作り方や、UIに一貫性を持たせるための色味を付けたグレーを使う方法など、地味ながら有用なテクニックを紹介していました。

HTMLのちょっとしたテクニック集です。昔はJavaScriptを使わないとできなかったことが、今はHTMLだけで簡単にできたりします。

プルダウンで候補も選べて文字入力もできる検索窓が、HTMLだけで簡単に作れることは知りませんでした。

役に立つランディングページの7つの要素をまとめた記事です。

CSSとJavaScriptを使ってテキストを3D風に扱う効果をまとめた記事です。

上品で落ち着いたものから、インパクトのあるアニメーションまで、いろいろな効果を紹介していました。

Tailwind CSSについて、この記事の作者が思うところをまとめています。Ahmad Shadeedさんの記事はとても参考になるものばかりです。これまでも何度もこの連載で取り上げてきました。

Tailwind CSSについての問題点を指摘している部分が多いですが、良いところや目指すところもちゃんと踏まえた冷静な意見です。

多言語のWebサイトには適してないという指摘は、わたしは考えたこともなかったので勉強になりました。

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

Windows 10、Windows 95から使われてきたアイコンがついに新デザインに | TECH+
スマートフォンなど画面が小さいデバイスでも認識しやすいものになるとのこと
アドビ、法人向け「Creative Cloud Proエディション⁠」⁠--Adobe Stockに無制限アクセス - CNET Japan
写真、イラスト、ベクターのAdobe Stock標準コレクションへの無制限アクセスなので、動画は含まれないようです
Facebook、「⁠記事を読まずにシェアしようとすると警告表示」のテスト開始 - ITmedia NEWS
Twitterにも正式採用されたこの機能、結構効果があるようですね

先週の気になるWebサービス

Ducklyはブラウザ上でチームで共同作業ができるようにするサービスです。Webページを共有すると、Figmaのようにチームメンバーのカーソルが色分けされて表示されます。

ビデオ通話の機能もあり、話をしながらNotionなどのWebサービスを共同編集できます。VSCodeなどからコードを共有して、ペアプログラミングを行うことも可能です。

共有はURLで行い、アカウントなしで参加できるそうです。フリープランは1回につき60分までで参加者の上限6人の制限があり、時間無制限で20人までの月10ドルのプランもあります。

QRコードに関する調査結果によると、日本は欧米や中国に比べQRコードの普及が遅れているそうです。QRコードを使ったことがあると答えた人が日本では約60％で、約70～90％の欧米や中国比べて低い数字になっています。

ほかの設問でQRコード決済に関するものがあるのですが、QRコード＝QRコード決済の意味で使っているわけではなさそうでした。日本で開発されてガラケー時代から使われてきたQRコードなのに、60％の普及率は少なすぎると感じますね。

QRコードは日本の自動車部品メーカーのデンソーが発明したもので、工場での部品管理のために開発されました。その技術が優れていることはもちろん、使用料を取っていないこともあって、世界に広く普及したようです。