BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:Coder's High 2022 (Part 3) X-WR-CALNAME:Coder's High 2022 (Part 3) 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:876327@techplay.jp SUMMARY:Coder's High 2022 (Part 3) DTSTART;TZID=Asia/Tokyo:20221125T210000 DTEND;TZID=Asia/Tokyo:20221125T230000 DTSTAMP:20260403T230108Z CREATED:20221004T060018Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/87632 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nnoteにてアー カイブ（スライド・動画）を販売しています。「アー カイブを見たい方」「申し込みそびれてしまった方」 はご利用ください。https://note.com/cssnite/n/n5a46fd6e1b67\n\n 毎年開催しているコーディング特集の第3弾としてショ ートセッション4組にて構成します。\n\n\n脱IE時代のイ マドキCSS／鹿野 壮（マネーフォワード）\n構造化デー タマークアップ2022／サトウ ハルミ（FLAT）\n開発でト ラブルに合わないためのhuskyとGitHub Actionsとソースコー ドレビューの取り組み／関口 勇樹（HAMWORKS）\nWebで3Dを 使う／綿貫 佳祐（Qiita）\n\n\nセッション概要\n\n4つの ショートセッションで構成します。\n\n脱IE時代のイマ ドキCSS\n\n2022年6月、MicrosoftはIE11のサポートを終了しま した。モダンブラウザに比べてCSSの対応が遥かにすく なったIE11の終了により、これまで使えなかった便利な CSSをたくさん使えるようになりました。\n\nしかし、開 発の現場ではいまだにIE対応のための冗長なコードを 書いている事例が多く見られます。長ったらしくて読 みづらいコードは、バグを引き起こし、アプリの品質 を下げ、開発者の生産性を引き下げる原因になります 。\n\n本セッションでは、IE時代に必要だったレガシー なCSSを、イマドキはどうやって書くのかを解説します 。一例として、次のようなことを紹介します。\n\n\n上 下左右中央揃えは2行でOK\nスムーススクロールはCSSだ けで実現できる\n要素のアスペクト比指定に padding-top は使わない\nスマートフォンのヒーローイメージには 1 00vh ではなく 100sh を使う\nその他\n\n\n\n\n\n\n\n\n各項目 については、IE時代のレガシーコードを引き合いに出 し、ライブコーディングでモダンなCSSに書き換えなが ら解説します。\n\n\n\n\n\n\n\n本セッションを通して、脱 IE時代を戦い抜くモダンなCSSの知識を習得し、安全で 高速な開発に役立てましょう。\n\n鹿野 壮（かの・た けし）株式会社マネーフォワードビジネスカンパニー 経理財務プロダクト本部会計開発部副部長 兼 UIテクノ ロジーグループリーダー九州大学でメディアアートを 学んだ後、ウェブ制作会社にてウェブページ制作やモ バイルアプリ開発に携わる。現在は株式会社マネーフ ォワードで、フロントエンドチームのリーダーをして いる。最新のフロントエンド技術を駆使したコンテン ツづくりが好きで、暇があればコードを書いている。T echFeed公認エキスパート。近著に『JavaScript コードレシ ピ集』（技術評論社）がある ウェブサイト Qiita Twitte r CodePen \n\n構造化データマークアップ2022\n\nGoogle検索 結果にリッチリザルトとして表示される「構造化デー タ」について、みなさまの制作現場ではどのように対 応されていますでしょうか。\n\nセマンティック・ウェ ブの概念に沿った、マシンリーダブルな構造化データ マークアップを行いましょう。\n\n構造化データの概念 ついての説明と、実際のサイトを例にGoogle Developersが 推奨する「リッチリザルト」をわかりやすく解説しま す。\n\n\n\nサトウハルミ株式会社 FLAT 代表取締役フロ ントエンド／コーディング専門制作会社プロジェクト マネジメント／マークアップエンジニア受託制作会社 でコーダーとして勤務後、2016年にフロントエンド専門 の株式会社FLATを設立。フロントエンドやバックエンド のエンジニアが在籍し、WebアプリケーションやWebサイ トの制作を行う。FLATではプロジェクトマネジメントと チームマネジメントを担当。エンジニア経験を活かし て若手エンジニアの育成にも力を入れている。実践的 なマークアップ技術全般が得意分野。夫とミニチュア シュナウザーのスパン/コロンと仲良く暮らす。典型的 なO型。Web Designing（2020年12月号）一歩先ゆく「Adobe XD」 使い方ガイド初心者からちゃんとしたプロになる HTML+C SS実践講座（2020年8月）WordPressで作る 今日からはじめ るウェブサイト（2014年4月）Twitter／Facebook／SlideShare／Q iita／GitHub\n\n開発でトラブルに合わないためのhuskyとGit Hub Actionsとソースコードレビューの取り組み\n\nソース コードの品質チェックは、自動化していますか？\n品 質チェックは、プロジェクトをリリースするために必 要な工程です。\nこれらのチェックを手動（人の目視 ）で行う場合、表記揺れ・バグを見落とす可能性があ ります。\n\nそれらを未然に防ぐために husky と GitHub Act ions をご紹介します。\nhuskyは、コミットやプッシュの タイミングでコマンドを実行できるツールです。\nGitHu b Actionsは、GitHubが提供するワークフローの自動化が行 えるサービスです。\nこれらのサービスやツールを導 入することで、ソースコードレビュー（品質チェック ）の自動化ができます。\n\nソースコードレビューを受 けることは、コード品質・実装揺れ・バグの発見など を未然に防ぐことができます。\n\n決まったルールを出 来る限り自動化することで、レビューにかかる時間を 最小限にできます。\n本セッションでは、husky や GitHub Actions を活用した品質チェックの自動化とソースコー ドレビューの取り組みやポイントを解説します。\n\n関 口 勇樹（せきぐち・ゆうき）株式会社HAMWORKSフロント エンドエンジニア2016年から株式会社HAMWORKSに入社。Mova ble Typeを用いたサイトのテンプレート設計・実装を得 意としている。主な業務はフロントエンド全般を担当 し最近では JavaScript を用いたWebアプリなどを React・Vue を利用した実装にも携わっている。好きなことは自宅 の庭作りをしたり植物を育てたりすることで、SNSでは 園芸用のハッシュタグ #園ジニア #園芸エンジニア と して日々公開中https://twitter.com/redamoonhttps://www.instagram.co m/redamoon/https://www.instagram.com/explore/tags/園ジニア/著書プ ロフェッショナルWebプログラミング Vue.js https://amzn.to/3 dZp87j\n\nthree.js + Blenderで3DCGを実装する\n\n「今年のウェ ブトレンド」などでよくとりあげられる3DCGですが、具 体的な実装方法を教えてくれるコンテンツはさほど多 くありません。\n今回は簡単な3DCGのコンテンツをハン ズオン形式で実装します。\n\nthree.jsとBlenderを用いて、 できるだけ簡単に3DCGを実装する方法をお届けします。 \n\n\nthree.jsとはブラウザ上で3DCGを描画できるJavaScriptの ライブラリです。コミュニティが大きく、たくさんの チュートリアルが存在しています。\nBlenderとは3DCGソフ トで、モデリングやアニメーションなど大抵の制作が 可能です。非常に多機能ですが、オープンソースで作 られているので無料で使えます。\n\n\n当日は以下の動 画で示したものを制作します。\n\n\n\n専門的に取り組 むと非常に難しい3DCGですが、要点を押さえれば最初の 一歩はクリアできます。このセッションが、表現の幅 を広げるのに役立てられれば幸いです。\n\n綿貫 佳祐 （わたぬき けいすけ）Qiita株式会社2017年に株式会社エ イチームに入社。クレジットカード、ライフエンディ ング、住宅ローン、家計の節約、不動産、自動車…… と各種サービスを担当。2020年よりグループ会社である Qiita株式会社にてQiitaの開発に携わっています。TwitterGi tHubQiita\n\nイベント概要\n\n\n開催日：2022年11月25日（金 ）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://chotto-maint.com/online-yog a\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\nFAQ（よく聞かれる質問と、その回答）\n\nスマホ でも見られますか？\n\nもちろん可能ですが、スライド などの画面の細かいところが見えにくいと思います。\ n\n参加資格はありますか？\n\nありません。お仕事内容 にかかわらず、興味があれば、どなたでもご参加くだ さい！\n学生や休職中、求職中の方も歓迎です。\n\nTwit ter/note/YouTubeをフォローください！\n\nセミナー前後に 関連情報をお出しすることがありますので、Twitter/note/ YouTube/LINEをフォローくださいますと幸いです。\n\n\nTwit ter\nnote\nYouTube\nLINE\n\n\nCSS Nite（シーエスエス・ナイト ）は、ウェブ制作に関わる方のためのセミナーイベン ト。2005年10月にスタートし、2021年10月で丸16年。\n\nこ れまでに、800回を超える関連イベントを通して、のべ7 5\,000名を超える方にご参加いただいています（2021年10 月現在）。\n\n\nCSS Nite公式ウェブサイト\n\n\n協賛\n\nCSS Niteは下記の企業に協賛、協力をいただいています。\n\ n\nKDDIウェブコミュニケーションズ レンタルサーバー 「CPI」、簡単ホームページ作成「ジンドゥー」など提 供\nWebクリエイター能力認定試験（サーティファイ） 　年間受験者数15\,000人以上\nWebフォント・サービス FON TPLUS\n\n\nまた、多くの制作会社に協賛いただいていま す。\n\n LOCATION:オンライン URL:https://techplay.jp/event/876327?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR