「教えてフォントおじさん! 〜Webフォントとアクセシビリティなど〜」にご参加いただきありがとうございます。本日のお品書きです。
初めてご参加の方は、先に以下の「参加方法」をご確認くださいね!
はじめに
WP ZoomUP のご案内
タイムテーブル
- 20:50:開場
- 21:00:開始
- 21:00 〜 21:10:導入(運営からの挨拶とsli.doでのアンケート)(10分程度)
- 21:10 〜 21:40:セッション本編(前半30分)
- 21:40 〜 21:55:(スポンサーさまCM、運営CMタイム&休憩)
- 21:55 〜 22:25:セッション本編(後半30分)
- 22:25 〜 22:30:sli.doに質問を書いたり投票したりする時間(5分)
- 22:30 〜 22:55:質問への回答タイム(25分)
- 22:55 〜 23:00:締め(アンケートお願い・次回予告・記念撮影)
- 23:00 〜 23:05:5分休憩
- 23:05〜:懇親会開始(別のURLをご案内しております)
本日専用のリンク
Sli.do
操作方法は「sli.doの操作方法」をご覧ください。
- 今回用のSli.do にアクセス
- または https://www.sli.do/ にアクセス
→「Enter event code」に「 62wpzoomup 」と入力 - または下のQRコードを読み込む
UDトーク
セッションの様子を、文字データとしてリアルタイムで見ることができます。
Zoomでのご利用方法
- Zoom の画面下のボタン「字幕」の横にある「^」をクリックして「サブタイトルを表示」を選択
UDトークのアップデートでブラウザから表示できるようになりました!!
- ブラウザで下記のURLへアクセス
https://live.udtalk.jp/42cbae9f5e24eb9400c30f7d07c520554f6cea8b665ee3f452013e25641f88b7 - またはスマホで下のQRコードを読み込む
あなたもUDトークの編集に参加してみませんか?
UDトークは話している言葉をリアルタイムで文字起こしするソフトウェアです。精度はかなり高いのですが、それでも音声の条件などによって間違って文字起こしされることがあります。その編集は手作業で修正できますので、試しにやってみませんか?
編集のためのアプリケーションのダウンロードはこちら
編集方法はこちら
https://udtalk.jp/post-3712/- スマートフォンの場合は以下のURLへ直接アクセス
- PCのアプリケーションの場合は「編集用URL」欄に以下のURLをペースト
https://service.udtalk.jp/redirect.php?token=68OZoTFyH4rN6xu2%2FXJpMu29zb8gBJV0HQkqm3oru9bBPM2%2B%2BqDMLjpng6vkaiTS%0D%0ACxDqXobjQqlITsxIh%2FWey64S9JY%2B4q3D0OWfLjSEoOm6L1QFi6jAuqEvb5QcOXzj%0D%0AA%2FneyBBjCzW8fi1rrcEh9kj3%2BuSeu512ol2JNptukz9B7YO0GqsLDMPOkTukE8aT%0D%0AehBnTohr8zML35okRRAzaf2vMO7IIz8vZjt7kXYskd%2FPXhkVoceVlDsdi4b64cZQ%0D%0Azf8gDNC46FUXGdGDvBPNVWULOATSiUfdZ%2BF8yZreIi8%3D
リアクション(反応)
Zoomの「反応」という機能を使うと、話せないときでも拍手などを自分が映るエリアに表示することができます。
本編・#62 教えてフォントおじさん! 〜Webフォントとアクセシビリティなど〜
今日の WPZoomUP はついにフォントおじさんが登壇!!
この数年、文字やフォントに関する特集番組がテレビで放送されたり、タイポグラフィや文字に関する書籍が多数、発売されています。
日常生活の中でなくてはならない文字の存在。従来、印刷物や看板で目にすることが多かった文字が、インターネット、パソコンやスマートフォンの普及で、昨今、画面上で見る時間のほうが多くなったのではないでしょうか。
オンスクリーン(画面上)で表現される「フォント」のことを、この機会に改めて、じっくり考えてみませんか。
みなさんからの質問もお待ちしております。
Webコンテンツにおけるフォントの役割は、アクセシビリティ、ブランディング、デザイン性等の観点からとても重要です。
また、それらを実現する手法としてWebフォントがあります。文字数が多い日本語環境における課題、表示速度、データ容量、レンダリング品質などに関心があるのではないでしょうか。それらの疑問にもお答えします。
実際の企業におけるWebフォント導入事例もたくさん紹介します。オンスクリーンにおけるフォントのこと、一緒に楽しく、学びましょう。
【登壇者ご紹介】
関口 浩之 さん(フォントおじさん)
- SBテクノロジー株式会社 Webフォントエバンジェリスト
- @HiroGateJP
- ウィッシュリスト
1960年生まれ。群馬県桐生市出身。1984年4月、電子機器メーカーに入社。プリンタや日本語ワープロの製品開発に携わる。Windows95発売の1995年10月、ソフトバンク技研(現 SBテクノロジー)へ転職し、新規事業開発を担当。転職した年の12月にYahoo! JAPAN立ち上げプロジェクトの検索エンジンデータベースのコンテンツプロデューサに指名される。3ヶ月間という短い開発期間の中、300名の大学生ネットサーファーと手入力作業で3万件の検索エンジンデータベース(ディレクトリ・サービス)を構築。インターネット黎明期の歴史が動いた現場を経験。その後、大規模ECモール、EC決済センターのシステム構築と運営責任者を担当。
2010年、国内外の主要フォントメーカー書体が使えるWebフォントサービス「FONTPLUS」を事業立案。現在、14フォントメーカー3,500書体以上が使える世界最大級のWebフォントサービスに育てた。数年前から世の中から広く「フォントおじさん」と呼ばれるようになる。文字の楽しさを伝えるフォント愛ダダ漏れの伝道師をライフワークとしている。文字とデザインのイベント「FONTPLUS DAY」を主宰し、毎月、オンラインイベントを開催。
マイナビ IT Search+、MdN Design Interactive、インプレスWeb担当者Forum、翔泳社CreatorZine、日刊デジタルクリエイターズ「もじもじトーク」等のWebメディアや専門誌雑にフォントに関する記事を多数寄稿。2021年2月、BNNより『オンスクリーン タイポグラフィ』が出版された。Schoo(スクー)等のオンライン動画に多数出演。CSS Niteベスト・セッション2017にて「ベスト10セッション」「ベスト・キャラ」を受賞。2018年および2019年も「ベスト10セッション」を受賞。
小さい頃から電子機器やオーディオ(真空管やトランジスタの頃から)のDIY、天体観測や天体写真が好き。テニス歴40年。
21:10 〜 21:40
【本編・前編】フォントおじさんとフォントとの関わり
- フォントの基礎
- 一般的なWebフォントの利用例
- WebフォントとWordPress
- Webフォントのアクセシビリティ 基本の「キ」
など
セッション内容への質問はこちらへ!!
途中21:40頃からCMタイムと5分程度の休憩をいただきます。
- スポンサーさまCMタイム
- 本日のスポンサーCMは『Vektor』さま!
- メンバー紹介
- 「支える会」についてご紹介
- 休憩タイム
21:55 〜 22:25
【本編・後編】質問に答えながらフォントのさらに深い話
- 書体選び
- 明朝・ゴシック
- 小田原市のサイトのいいところ
- 効果的なWebフォントのつかいどころって?
など
セッション後に、5分程度 sli.do に質問を書いたり投票したりする時間をとります
セッション内容への質問はこちらへ!!
22:30 〜 22:55
質問への回答タイム
- より多くの質問を取り上げるため、時間によっては途中で次の質問に移る場合があります。
終わりに
22:55頃
アンケートのお願い
告知
WP ZoomUPのリンク集
- ウェブサイト
- connpass
- Twitter
- ハッシュタグ #wpzoomup
- Facebookグループ
- Facebookページ
- YouTubeチャンネル
- Slack(参加用リンク)
- SUZURI(”WP ZoomUPをささえる会”によるグッズ販売。収益はWP ZoomUPの運営費になります。)