BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:Coder's High 2022 (Part 1) X-WR-CALNAME:Coder's High 2022 (Part 1) X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:867162@techplay.jp SUMMARY:Coder's High 2022 (Part 1) DTSTART;TZID=Asia/Tokyo:20220916T210000 DTEND;TZID=Asia/Tokyo:20220916T230000 DTSTAMP:20260405T114850Z CREATED:20220722T140035Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/86716 2?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nnoteにてアー カイブ（スライド・動画）を販売しています。「アー カイブを見たい方」「申し込みそびれてしまった方」 はご利用ください。https://note.com/cssnite/n/n1242224e19e7\n\n 当日参加できない方も、こちらにお申し込みいただけ れば後日アーカイブ（録画）を視聴いただけます。\n\n 毎年開催しているコーディング特集。ショートセッシ ョン4組にて構成します。\n\n\nサイト高速化入門 ペー ジ表示速度の計測とフォントのサブセット化／相原 典 佳\nNext.jsで始めるモダンウェブ制作／西畑 一馬（トゥ ーアール）\nWAI-ARIAから学ぶHTMLが面白くなる話／平尾 ゆうてん（ディーゼロ）\ndialog要素でつくるモーダル ダイアログ／小山田 晃浩（ピクセルグリッド）\n\n\nな お、Part 2を10月14日(金)に予定しています。\n\nセッショ ン概要\n\n4つのショートセッションで構成します。\n\n サイト高速化入門 ページ表示速度の計測とフォントの サブセット化\n\nはじめてWebサイト表示高速化に取り組 んでみたい、という方向けのセッションです。\n\nWebペ ージ計測ツールの「PageSpeed Insights」を使って、何も対 策をしていないWebページの表示速度と、対策済みの表 示速度を比較して、どのくらいの差があるのかを確認 してみましょう。\n\nwebpとjpg、pngの比較、Google Fontsと サブセット化したフォントの比較、jQueryと素のJSの比 較などを見ていきます。また、それらを実装するため の方法もご紹介。\n\n相原 典佳（あいはら・のりよし ）DTP、Webアシスタントディレクター業務を経たのち、2 010年にフリーランスとして独立。ディレクションから デザイン、フロントエンド構築まで、一貫したWebサイ ト制作を提供している。また、2011年からデジタルハリ ウッドにて講師を担当。共著者として『初心者からち ゃんとしたプロになる Adobe XD基礎入門』、『初心者か らちゃんとしたプロになる HTML+CSS実践講座』、『初心 者からちゃんとしたプロになる HTML+CSS標準入門』（い ずれもMdN刊）がある。\n\nNext.jsで始めるモダンウェブ 制作\n\n話題のフレームワーク「Next.js」はWebアプリケ ーションの開発だけではなくWebサイトの制作でも力を 発揮できるツールです。\n\n本セッションではReactなど の他のJavaScriptフレームワークとの違いや、WordPressなど の従来のCMS開発との違いなどとともにNext.jsの魅力を紹 介します。\n\nまた、Next.jsを利用する上でのメリット ・デメリットや注意点の解説も行います。\n\n西畑 一 馬（にしはた・かずま）株式会社トゥーアール2016年2 月にフロントエンド専門のWeb制作会社「株式会社トゥ ーアール」を設立し、ReactなどのJavaScriptフレームワー クを利用したWebアプリケーションやWebサイトの受託開 発を行っている。「初心者からちゃんとしたプロにな る JavaScript基礎入門」や「Web制作の現場で使うjQueryデ ザイン入門」などの執筆著書多数。\n\nWAI-ARIAから学ぶH TMLが面白くなる話\n\nHTMLの要素の選び方、根拠を普段 マークアップするときにしっかりと持っていますか？ 迷っていたり、気分で書いたりしていませんか？ \n多 少のブレは許容するとしても、業務ではしっかりと品 質として一貫性を持っていたいものです。\n\nそんなと きに拠り所にする要素としてWAI-ARIAという仕様があり ます。WAI-ARIAを学んでからHTMLについてもう一度向き合 ってみませんか？\n\n平尾 ゆうてん株式会社ディーゼ ロウェブアクセシビリティ専門家 アクセシビリティを ベースに情報設計・広義のデザインから、実装、テス ト、運用までのアドバイスやレビューを中心としたコ ンサルティングを行っている。また、社内では品質の 管理やガイドラインの整備など「仕組み」による改善 に取り組んでいる。HTMLリンター「markuplint」の開発者 。HTMLのプロ。ウェブサイトTwitter\n\ndialog要素でつくる モーダルダイアログ\n\nモーダルUIを用意するとき、こ んな悩みはありませんか？\n\n\n「カスタマイズしづら く、毎回同じ見た目で妥協している」\n「z-indexで重な りがおかしくなってしまう」\n「ReactやVueで、PortalやTel eportに頼っている」\n\n\nしかし、を使えばJSの知 識がほとんど不要で、CSSでカスタマイズしやすく、z-in dexの重なり順考慮も不要です。このセッションではの利用方法、カスタマイズ方法、仕組みを解説し、 みなさんの「モーダルめんどくさい」を克服します。\ n\n小山田 晃浩（おやまだ・あきひろ）株式会社ピクセ ルグリッドフロントエンド・エンジニア大規模Webサイ トの壊れにくいHTML／CSS設計及び実装を経験し、SVG・Can vas・WebGLの扱いも得意としている。外部に向けたアウ トプットも積極的に行っており、カンファレンスでの 講演などを多数こなしている。three.jsのCSS3DRendererのコ ントリビューター。2011年から2020年まで10連続でMicrosoft MVP for IEを受賞。@yomotsu\n\nイベント概要\n\n\n開催日：20 22年9月16日（金）21:00 - 23:00\n\n\n（最大24:00までアフタ ートーク）\n\n形式：オンライン（Zoomウェビナー）\n主 催：CSS Nite\n共催：DTP Transit\n参加費（お一人）：\n\n\n5\ ,000円（経費で参加）\n3\,000円（自腹で参加）\n\n「協賛 企業枠」のチケットは、CSS Niteに年間で協賛してくだ さっている企業向けです。\n\n\n参加資格などはありま せん\n\nお仕事内容にかかわらず、興味があれば、どな たでもご参加ください！\n学生や休職中、求職中の方 も歓迎です。\n\n当日の進行などに関して\n\n\n開演の30 分前くらい前（20:30くらい）からテスト配信をスター トしますので、音声などが聞こえるかチェックされて ください。\n開演の15分前から「椅子ヨガ」を行います 。\n終演時間は若干の延長の可能性があります。\n途中 に5-10分程度の休憩をはさみます。\n\n\nツイートなどの 発信やスクショに関して\n\n\n配信URL、および、その他 の案内事項は、カウントダウンメールにてお知らせす るNotionのフォローアップページに記載しています（終 了後、スライドやリンク集、セミナー内容の補足など を掲載します）。\nツイートされる方はハッシュタグ を付けてください！\nスクショ（スクリーンショット ）は自由にどうぞ！（事例の部分などでNGマークがつ いている箇所はご遠慮ください）\nスクショされると き、講演者の顔が入ってもOKです。\nツイートされたり 、ブログに掲載されてもOKです。\nサンプルファイルや 配布資料をそのまま再配布するのは、ご遠慮ください 。\n\n\nその他\n\n\n開催前に「カウントダウンメール」 、開催後に「フォローアップメール」をお送りします 。こちらを必ずご一読ください。\n本セミナーのタイ トルや内容は調整されることがあります。\n\n\nオンラ イン椅子ヨガ\n\n今回のCSS Niteはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！\n\n\n20:45-20:58　開演 まで\n21:55-22:05　休憩時間（前後することがあります） \n\n\n一緒に「ちょっとメンテ」しましょう。\nhttps://cho tto-maint.com/online-yoga\n\n\n\nタイムテーブル\n\nタイムテー ブルはあくまでも目安で、状況に応じて調整しながら 進めます。\n\n時刻コンテンツ20:30配信開始20:45「椅子 ヨガ」21:00番組開始、オープニング21:10頃本編開始22:00 前後休憩（椅子ヨガ）23:00終了予定23:10アフタートーク 24:00完全に終了\n\n後日の視聴\n\n当日見られなかった方 、および、改めて見返したい方には、5日後（翌月曜日 ）に発行するフォローアップメールにて視聴URLをお知 らせします。\n\nお振込の方\n\n会社から複数名にて参 加される場合には、まとめてお振込いただき、振り込 み後にご一報ください。\n\nパブリックビューイング（ 宮崎）\n\n宮崎県のKIW MIYAZAKI TRUNKにてCoder’s High 2022 パ ブリックビューイングが行われます。\n\n宮崎在住の方 で、わいわい楽しみたいという方は、ぜひ、検討なさ ってください！\n\n\n\nFAQ（よく聞かれる質問と、その 回答）\n\nスマホでも見られますか？\n\nもちろん可能 ですが、スライドなどの画面の細かいところが見えに くいと思います。\n\n参加資格はありますか？\n\nあり ません。お仕事内容にかかわらず、興味があれば、ど なたでもご参加ください！\n学生や休職中、求職中の 方も歓迎です。\n\nTwitter/note/YouTubeをフォローください ！\n\nセミナー前後に関連情報をお出しすることがあり ますので、Twitter/note/YouTube/LINEをフォローくださいます と幸いです。\n\n\nTwitter\nnote\nYouTube\nLINE\n\n\nCSS Nite（シ ーエスエス・ナイト）は、ウェブ制作に関わる方のた めのセミナーイベント。2005年10月にスタートし、2021年 10月で丸16年。\n\nこれまでに、800回を超える関連イベ ントを通して、のべ75\,000名を超える方にご参加いただ いています（2021年10月現在）。\n\n\nCSS Nite公式ウェブ サイト\n\n\n協賛\n\nCSS Niteは下記の企業に協賛、協力を いただいています。\n\n\nKDDIウェブコミュニケーション ズ レンタルサーバー「CPI」、簡単ホームページ作成「 ジンドゥー」など提供\nWebクリエイター能力認定試験 （サーティファイ）　年間受験者数15\,000人以上\nWebフ ォント・サービス FONTPLUS\n\n\nまた、多くの制作会社に 協賛いただいています。\n\n LOCATION:オンライン URL:https://techplay.jp/event/867162?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR