#58 お品書き

「知っておくと得をする(かもしれない)SVGの基礎とviewBox！」にご参加いただきありがとうございます。本日のお品書きです。

初めてご参加の方は、先に以下の「参加方法」をご確認くださいね！

はじめに

WP ZoomUP のご案内

タイムテーブル

  • 20:50：開場
  • 21:00：開始
  • 21:00 〜 21:10：導入（運営からの挨拶とsli.doでのアンケート）（10分程度）
  • 21:10 〜 21:40：セッション本編（前半30分）
  • 21:40 〜 21:55：（運営CMタイム＆休憩）
  • 21:55 〜 22:25：セッション本編（後半30分）
  • 22:25 〜 22:30：sli.doに質問を書いたり投票したりする時間
  • 22:30 〜 22:55：質問への回答タイム（25分）
  • 22:55 〜 23:00：締め（アンケートお願い・次回予告・記念撮影）
  • 23:00 〜 23:05：5分休憩
  • 23:05〜：懇親会開始（別のURLをご案内しております）

本日専用のリンク

Sli.do

操作方法は「sli.doの操作方法」をご覧ください。

UDトーク

セッションの様子を、文字データとしてリアルタイムで見ることができます。

Zoomでのご利用方法
  • Zoom の画面下のボタン「字幕」の横にある「^」をクリックして「サブタイトルを表示」を選択

UDトークのアップデートでブラウザから表示できるようになりました！！

あなたもUDトークの編集に参加してみませんか？

UDトークは話している言葉をリアルタイムで文字起こしするソフトウェアです。精度はかなり高いのですが、それでも音声の条件などによって間違って文字起こしされることがあります。その編集は手作業で修正できますので、試しにやってみませんか？

編集のためのアプリケーションのダウンロードはこちら
ダウンロード
iOS/Android版UDトークはマルチプラットフォームアプリです。アプリの接続方法や使い方はこちらを参照してください。UDトーク for iOSUDトーク for AndroidUDトーク for A…
udtalk.jp
編集方法はこちら
https://udtalk.jp/post-3712/

リアクション（反応）

Zoomの「反応」という機能を使うと、話せないときでも拍手などを自分が映るエリアに表示することができます。

スクリーンキャプチャ。Zoomの「反応」ボタンをクリックすると、拍手などのリアクションボタンが表示される。
お好きなリアクションでぜひ盛り上げてください〜！

本編・#58 WP Zoom UP 知っておくと得をする(かもしれない)SVGの基礎とviewBox！

勧告から15年以上を経て、ようやく脚光を浴びはじめた遅咲きの画像フォーマット「SVG」。 マルチデバイス対応が当たり前となった今、アクセシビリティやパフォーマンス、コンテンツファーストといった、ビジュアルそのものとはまた別の視点での「デザイン」が重要視されるようになってきました。「画像」もそのひとつで、ベクターグラフィックであり汎用性の高いSVGの利用が表現の幅を広げてくれるようになりました。

SVGならではの特徴、利点、基礎的概念を包括的に知っていただいたうえで、使いこなすためにもっとも重要な概念「viewBox」について重点的に解説します。

  • SVGはどう使われている？
  • SVGの特徴・メリット
  • WordPressとSVG
  • viewBoxを理解しておく

【登壇者ご紹介】

松田 直樹 さん

株式会社まぼろし

ゲーム業界にて企画開発に従事した後、ウェブ業界に転身。ウェブサービス・アプリ、管理画面等の情報・構造設計、UI設計を得意として数多くのデザインを手がける。SVGが好き。 主な著書に 『これからのWebサイト設計の新しい教科書』（MdN・共著）、 『Web制作者のためのIllustrator＆ベクターデータの教科書』（インプレス・共著）、 『Webサイト、これからどうなるの? キーワードから探るWeb制作の未来像』（MdN・共著） などがある。

ご厚意により無償でご出演いただいております。ありがとうございます！！

21:10 〜 21:40

【本編・前編】SVGとは？SVGの基礎

  • SVGはどこに使われている？
  • SVGの基礎
  • SVGとWordPress

など

セッション内容への質問はこちらへ！！

途中21:40頃からCMタイムと5分程度の休憩をいただきます。
  • メンバー紹介
  • 「支える会」について紹介
21:55 〜 22:25

【本編・後編】viewBoxとビューポート

  • viewBoxと座標系
  • SVGとアニメーション

など

セッション後に、5分程度 sli.do に質問を書いたり投票したりする時間をとります

セッション内容への質問はこちらへ！！

22:30 〜 22:55

質問への回答タイム

  • より多くの質問を取り上げるため、時間によっては途中で次の質問に移る場合があります。

終わりに

22:55頃

アンケートのお願い

#58開催後アンケート

告知

WP ZoomUPのリンク集