週刊Webテク通信
2020年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
ネットで見かけたWebテク
1. 5 Basic Types of Images in Web Design - Design4Usershttps://
Webデザインで使われる5つの基本の画像タイプを解説した記事です。
以下の項目ごとに使用される目的，
- ロゴ
- 写真
- イラスト
- マスコット
- 3Dグラフィックス
図1 Webデザインで使われる5つの基本の画像タイプ
2. Learn CSS Centeringhttps://
CSSによるセンター揃えの方法をまとめた記事です。
- 要素の水平方向センター揃え
- ブロック要素の水平方向センター揃え
- インライン要素の垂直方向センター揃え
- ブロック要素の水平方向センター揃え
- インライン要素の水平＆垂直方向センター揃え
- その他の要素の水平＆垂直方向センター揃え
お皿のイラストがセンター揃えされる図版がそれぞれあるのですが，
図2 CSSによるセンター揃えの方法いろいろ
3. The Beginner's Guide to Responsive Web Design in 2020 (Code Samples)https://
レスポンシブWebデザインの初心者向けガイドです。
- レスポンシブウェブデザインとは
- レスポンシブWebデザイン対アダプティブデザイン
- レスポンシブデザインが重要な理由
- WordPressサイトはレスポンシブか？
- レスポンシブWebデザインの構成要素
- レスポンシブの一般的なブレークポイント
- ウェブサイトをレスポンシブにする方法
- レスポンシブデザインのCSSユニットと値
- レスポンシブデザインの事例
図3 レスポンシブWebデザインの初心者向けガイド
4. A guide to minimalist design. The reign of white space. | by Inês Bernardino | Sep, 2020 | UX Collectivehttps://
ミニマリストデザインのガイドです。
以下の項目に分けて豊富な事例とともに解説しています。
- ホワイトスペース
- 色
- 写真とイラスト
- タイポグラフィと数字
- 形状とパターン
図4 ミニマリストデザインのガイド
5. 3D Icons Trend 2020 - Masterpicks - Design Inspirationhttps://
3Dで作られたアイコンセットをまとめています。UI8という素材配布サイトに3D Assetsというメニューが作られ，
色を変えるなどカスタマイズできる素材が多いです。画像ファイルとして提供しているものがほとんどですが，
図5 3Dアイコンセットいろいろ
そのほか，
- マイクロソフト，
海中データセンターを引き上げ--2年間の運用で故障率は地上の8分の1 - CNET Japan
「動作に必要な240KWの電力は，すべて風力と太陽光による発電でまかなった」 ってすごいですね - FacebookとInstagramを横断で活用できる中小ビジネス向け
「Business Suite」 開始 日本でも - ITmedia NEWS
FacebookページとInstagramに同時に投稿したり，広告を出したりできるようになるそうです - Zoom，
モバイルとデスクトップアプリでも2要素認証サポート - CNET Japan
Google Authenticatorのような認証アプリを利用するか，SMSか電話でコードを受け取るかが選べるとのことです
先週の気になるWebサービス
Wunderpresentation - Create presentation slides from any texthttps://
Wunderpresentationは，
スライドはマウス，
現在はベータ版でユーザー登録不要で使えます。マークダウンからプレゼンスライドを作るサービスは以前からありますが，
図6 Notionなどと連携してプレゼンスライドを作れるサービス
今週の気になるWebネタ
ペンにしか見えない全天球カメラ
リコーでTHETAを作った人が新会社ベクノスで開発した全天球カメラ
ペン型でスリムな形状で，
価格は税別2万9800円ですが，
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/
バックナンバー
週刊Webテク通信
- 2020年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
- 2020年9月第2週号 1位は，CSS Flexboxを使ったヘッダーの作り方，気になるネタは，“偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能
- 2020年9月第1週号 1位は，ウェブアニメーションの基本ルール，気になるネタは，MS監修，Officeみたいなアプリを搭載したパソコン玩具，タカラトミーが発売 「在宅勤務の親と同じことを」
関連記事
- 2020年5月第3週号 1位は，より柔軟なレスポンシブデザインが可能になるCSS関数のmin、max、clampを詳しく解説，気になるネタは，ビデオ会議などの自己紹介に役立つ「バーチャル名刺背景ジェネレーター」
- 2020年5月第2週号 1位は，成功するワイヤーフレームの作り方，気になるネタは，ビデオ会議ツール「Google Meet」が個人でも無料で利用可能に／Facebookがビデオ会議機能「Messengerルーム」発表
- 2020年4月第5週号 1位は，説得力のあるランディングページの作り方，気になるネタは，隔離生活で求められる自然発生的なコミュニケーションを生むソーシャルアプリ
- 2020年3月第1週号 1位は，悪意に満ちたダークUXパターン10個，気になるネタは，Apple Japan，「アニメに登場するMac」集めたCM公開 教育向けキャンペーンで
- 2020年1月第4週号 1位は，2020年に見ておくべき7つのUIトレンド，気になるネタは，Chromeアプリ，Windows，Mac，Linux向けは2020年12月にサポート終了