2019年8月第2週号 1位は、レスポンシブWebデザインのデザインパターン5つ、気になるネタは、不正ログイン続出の「7pay」、わずか3カ月で終了

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

レスポンシブWebデザインのデザインパターンを5つ紹介しています。

ワイヤーフレームのような図で、画面サイズでの変化を上、左下、右下の3種類紹介しています。3つあわせて1つの画像になっているので、3つの状態ということがわかりにくいのでご注意ください。

CSSを書く上での致命的なミスを10個解説した記事です。

Google、マイクロソフト、Appleなどが公開しているデザインシステムを、合計10種類紹介しています。

デザインのガイドラインや使用するコンポーネントなどをまとめたものがデザインシステムです。

ネットショップサービスのShopifyのデザインシステムの名前が、Polaris（＝北極星）というのがしゃれています。基準、指針とするものなので、北極星に見立てているんですね。

アイソメトリックイラストを使ったWebデザインの事例を8つまとめています。

斜め上からの視点「アイソメトリックビュー」で描かれたもので、一般的にX軸、Y軸をそれぞれ水平線から30度傾けた状態で作図します。

アイコンフォントサービスのFont Awesomeの一部のアイコンが「デュオトーン」に対応しました。

1つのアイコンに半透明の部分があることで、2色のように見えます。また、CSSで指定することで2色の別の色を設定することも可能です。

なお、このデュオトーンのアイコンを使えるのは、有料版のユーザーのみとなっています。

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

クラウド上のデザインツールFigmaがプラグインとそのAPIをローンチ | TechCrunch Japan
以前から発表されていたプラグインが正式リリースされました
1プッシュで商品届く「Amazon Dash Button⁠」⁠、8月末でサービス終了 - ITmedia NEWS
ダッシュボタンの端末の販売はすでに終了していましたが、サービス自体も終了し、今後はバーチャルダッシュを使いましょうということのようです
audiobook.jpがポッドキャスト配信者のマネタイズを支援、「⁠課金システム」を提供開始 | TechCrunch Japan
「⁠聴き放題プラン」「⁠単品販売」の2種類でロイヤリティが得られるとのことです

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

WebShotsはウェブサイトのスクリーンショットを、スケジュールを設定して自動で撮ってくれるサービスです。競合サイトのチェックや自社サイトのアーカイブ、SNSのフォロワー数の確認、ランキングサイトのチェックなどの用途が考えられます。

URLを指定して、スクリーンショットを撮るインターバルを毎時／毎日／毎週／毎月などから設定します。オプションとして、スクリーンショットの画面サイズやUser Agentも選べます。

月額24ドルのプランと、スクリーンショットを撮った数によって金額が変わるプランがあります。月に100枚までだと4ドルというお手軽な値段で使えます。月額24ドルのプランではスクリーンショットを無制限で取得でき、150サイトまで設定できて、5ユーザーまで使用できます。

不正ログインの被害が相次いで、世間を騒がせた7payですが、9月30日での終了が発表されました。ネットをずいぶん騒がせましたが、徐々に忘れられるのでしょう。

不正ログイン被害の原因については「リスト型攻撃の可能性が高い」とのことで、複数端末からのログイン対策や二要素認証などの防御方法が十分でなかったことが影響しているようです。

○○Payを使っていないわたしですが、そもそもコンビニやスーパーで買い物をほとんどしないからだと最近気づきました。一方でPayPalはよく使っています。