2018年8月第5週号 1位は、日本のウェブデザインの10の特徴、気になるネタは、イープラス「チケット購入アクセスの9割がbotだった」――アカマイの検知システムで判明

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

日本のウェブデザインの特徴を実例とともに紹介しています。

Yahoo! JAPANに代表されるような情報を詰め込んだ日本的なウェブデザインが話題になったこともありますが、この記事ではカッコイイ日本のサイトが取り上げられていました。

クリエイティブな自己紹介（About me⁠）⁠／会社案内（About us）ページを作るためのヒントをまとめた記事です。

デザインの参考になるサイトや、素材やツールを入手できるサイトが、項目別にまとめられたリンク集です。

UIの参考／アイコン＆イラスト／フォント／ビデオ素材／写真素材／カラー＆グラデーションのツールやファイル／ワイヤーフレームツール／モックアップテンプレート／PSD＆Sketch素材／UIキット／デザインガイドライン／デザインツール／プロトタイピングツール、などが掲載されています。

2つのアイコンが切り替わるアニメーションを、2つのSVGファイルから生成できるツールです。ホバー／クリックのどちらかの状態でアニメーションするよう設定できます。

2つの同じ大きさのSVGファイルをアップするだけで、自動でアニメーションが作られます。切り替え効果はスケール（1つ目の画像がちょっと小さくなって2つ目と入れ替わる）と回転を切り替えられます。

ダウンロードしたSVGファイルにJavaScriptが入った状態になっています。

個人的に注目しているブログプラットフォームのGhostが2.0にアップデートしました。以前は左右2分割画面でマークダウンをリアルタイムプレビューする編集画面でしたが、MediumやnoteのようなWYSIWYGの編集方法に変わりました。

Mediumインスパイア系のUIですが、さすがに後発だけあって、見た感じ使いやすそうです。

GhostはWordPressのUIチームに関わっていた人が立ち上げた次世代ブログプラットフォームで、KickStarterで3000万円以上の資金を集めたことでも話題となりました。今はホスティングサービスがメインのようですが、自分でサーバーにインストールして使うこともできます。

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

ピクシブ運営のPawoo、40万ユーザー突破 - ITmedia NEWS
Twitterのアカウント凍結騒ぎなどでマストドンがまた話題となっているようです
話題や絵文字に合わせてフォントを自動変換するシステム、DNPが開発 - ITmedia NEWS
Instagramのストーリーにテキストを入れるときなど、いろいろ応用ができそうです
YouTube、「⁠スキップ不可の動画広告」を全パートナーに開放へ - ITmedia NEWS
動画広告を「視聴者がスキップすると、クリエイターには広告料は入らない」んですね

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

ウィザード形式でロゴを作成できるサービスです。ネットショップのプラットフォームとして世界No.1のシェアの「Shopify」が提供しています。

業種を選ぶ、ビジュアルのスタイルを選ぶ、ロゴにしたい名称とスローガンを入力するといったステップで、ロゴの候補が表示されます。候補から選び、そこからフォント、色、アイコン、レイアウトをカスタマイズできます。

カスタマイズといっても、基本的には候補から選んでいくだけで、たとえばレイアウトを自分で調整するといったことはできません。その分、フォントを名称から選ぶような面倒なことをせずに直感的に選んでいけるところが、誰でも使えるツールとしてよくできているところだと思います。

チケット販売サイトにbot検知システムを導入したことで、チケット買い占め問題を改善できたそうです。ある先行販売チケットの発売日30分間では、チケット購入のアクセスの9割超がbotだったとのこと。

キー入力やマウスの動きなどの「ふるまい」を機械学習してbotと人を識別する仕組みで、かなりの精度のようです。今後bot側も対策をしてきて、いたちごっこになっていく気もしますが、この対策法に期待したいです。

チケット転売問題は、転売されている段階での対策を考えがちだと思うのですが、こういう対処法もあったんですね。bot検出の仕組みは、ネット投票での組織票対策などいろいろなところに応用できそうですね。