セミナーアーカイブ:Coder's High 2022 (Part 1)(2022年9月16日開催)
毎年開催しているコーディング特集。
ショートセッション4組にて構成します。
サイト高速化入門 ページ表示速度の計測とフォントのサブセット化
はじめてWebサイト表示高速化に取り組んでみたい、という方向けのセッションです。
Webページ計測ツールの「PageSpeed Insights」を使って、何も対策をしていないWebページの表示速度と、対策済みの表示速度を比較して、どのくらいの差があるのかを確認してみましょう。
webpとjpg、pngの比較、Google Fontsとサブセット化したフォントの比較、jQueryと素のJSの比較などを見ていきます。また、それらを実装するための方法もご紹介。
相原 典佳
共著者として『初心者からちゃんとしたプロになる Adobe XD基礎入門』、『初心者からちゃんとしたプロになる HTML+CSS実践講座』、『初心者からちゃんとしたプロになる HTML+CSS標準入門』(いずれもMdN刊)がある。
Next.jsで始めるモダンウェブ制作
話題のフレームワーク「Next.js」はWebアプリケーションの開発だけではなくWebサイトの制作でも力を発揮できるツールです。
本セッションではReactなどの他のJavaScriptフレームワークとの違いや、WordPressなどの従来のCMS開発との違いなどとともにNext.jsの魅力を紹介します。
また、Next.jsを利用する上でのメリット・デメリットや注意点の解説も行います。
西畑 一馬
2016年2月にフロントエンド専門のWeb制作会社「株式会社トゥーアール」を設立し、ReactなどのJavaScriptフレームワークを利用したWebアプリケーションやWebサイトの受託開発を行っている。「初心者からちゃんとしたプロになる JavaScript基礎入門」や「Web制作の現場で使うjQueryデザイン入門」などの執筆著書多数。
WAI-ARIAから学ぶHTMLが面白くなる話
HTMLの要素の選び方、根拠を普段マークアップするときにしっかりと持っていますか? 迷っていたり、気分で書いたりしていませんか?
多少のブレは許容するとしても、業務ではしっかりと品質として一貫性を持っていたいものです。
そんなときに拠り所にする要素としてWAI-ARIAという仕様があります。WAI-ARIAを学んでからHTMLについてもう一度向き合ってみませんか?
平尾 ゆうてん
株式会社ディーゼロ
ウェブアクセシビリティ専門家
アクセシビリティをベースに情報設計・広義のデザインから、実装、テスト、運用までのアドバイスやレビューを中心としたコンサルティングを行っている。また、社内では品質の管理やガイドラインの整備など「仕組み」による改善に取り組んでいる。HTMLリンター「markuplint」の開発者。HTMLのプロ。
dialog要素でつくるモーダルダイアログ
モーダルUIを用意するとき、こんな悩みはありませんか?
「カスタマイズしづらく、毎回同じ見た目で妥協している」
「z-indexで重なりがおかしくなってしまう」
「ReactやVueで、PortalやTeleportに頼っている」
しかし、<dialog>を使えばJSの知識がほとんど不要で、CSSでカスタマイズしやすく、z-indexの重なり順考慮も不要です。このセッションでは<dialog>の利用方法、カスタマイズ方法、仕組みを解説し、みなさんの「モーダルめんどくさい」を克服します。
小山田 晃浩
大規模Webサイトの壊れにくいHTML/CSS設計及び実装を経験し、SVG・Canvas・WebGLの扱いも得意としている。外部に向けたアウトプットも積極的に行っており、カンファレンスでの講演などを多数こなしている。three.jsのCSS3DRendererのコントリビューター。2011年から2020年まで10連続でMicrosoft MVP for IEを受賞。
@yomotsu
フォローアップに関しての注意事項
各セッションごとに動画を切り出しています。セッション前後の雑談や「椅子ヨガ」はカットされていることがあります。
開催前であれば、Doorkeeperの「アーカイブ視聴チケット」の方が少しお安くなっています。
動画の閲覧期限はありません。
動画上に表示されるコメントやスタンプはOFFにできません。
ツイートまとめ
ツイートはTogetterにまとめていきます。
フォローアップ
スライド、リンク集などはNotionにまとめています。
動画も掲載しています。
ここから先は
¥ 1,000
この記事が気に入ったらサポートをしてみませんか?