BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:Coder's High 2022 (Part 2)
X-WR-CALNAME:Coder's High 2022 (Part 2)
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:870412@techplay.jp
SUMMARY:Coder's High 2022 (Part 2)
DTSTART;TZID=Asia/Tokyo:20221014T210000
DTEND;TZID=Asia/Tokyo:20221014T230000
DTSTAMP:20260404T060701Z
CREATED:20220819T060014Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/87041
 2?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nnoteにてアー
 カイブ（スライド・動画）を販売しています。「アー
 カイブを見たい方」「申し込みそびれてしまった方」
 はご利用ください。https://note.com/cssnite/n/n9ebcb2d8afeb\n\n
 毎年開催しているコーディング特集の第2弾としてショ
 ートセッション4組にて構成します。\n\n\nTailwind CSSを参
 考に自分用のユーティリティCSSを作る／田村 章吾（ま
 しじめ）\n【快適】フロントエンド開発環境をwebpack で
 便利にしてみよう／宇井 陸登（アップルップル）\nIoni
 c × Capacitor × React / Web技術で作るスマホネイティブア
 プリ／佐藤 あゆみ（necco）\n相関関係から見るGoogleに
 理解されやすいコーディング／長谷川 喜洋（How to Use
 ）\n\n\nセッション概要\n\n4つのショートセッションで
 構成します。\n\nTailwind CSSを参考に自分用のユーティリ
 ティCSSを作る\n\nTailwind CSSを使っていますか？\n\nTailwind
  CSSはマニュアルも充実しており、CSSプロパティの早見
 表として使うこともできます。\n直接案件で使う機会
 がなくても、仕組みを追ってみると学びがあります。\
 n\n今回は、Tailwind CSSの状態管理の「hover:」や、レスポ
 ンシブユーティリティの「sm:」などと同じような仕組
 みをSassのMixinで作る方法を紹介します。\n\nTailwind CSSの
 良いところを知ることで、今の案件に役立つことも多
 いはずです。\nMixinのサンプルコードを用意しています
 ので、ぜひCSSの勉強やご自身のユーティリティツール
 を作るきっかけにしてください！\n\n田村章吾（たむら
 ・しょうご）ましじめ株式会社代表物の構造やバック
 グラウンドを見ることが好きで、自動車整備士の道へ
 進む。その後デジタルハリウッドでweb制作を学び制作
 会社へ転職。2021年にましじめ株式会社を設立。CSS設計
 に関する著書の経験があり、メンテナンス・運用のし
 やすいwebサイトの構築を得意とする。受託では主にHTML
 ・CSSから、CMSを利用したwebサイトの制作を担当。また
 、焼き菓子を販売する「あしかクッキー」の運営も行
 なっている。Twitter：@tamshow_\n\n【快適】フロントエン
 ド開発環境をwebpackで便利にしてみよう\n\n便利で効率
 的なWebサイトの開発環境を構築するためにはビルドツ
 ールが必要になります。ビルドツールの中でもwebpackは
 The State of JS 2021にて最も利用率が高く、人気のあるビ
 ルドツールとして紹介されています。\n\n一方で、設定
 が複雑であり、慣れるまでは、どう設定してよいのか
 わからない…という状況に陥ることの多いツールでも
 あります。本セッションではwebpackの設定に毎回悩んで
 いるという方に向けて、開発時に便利な設定やプラグ
 インを紹介します。\n\n次のような方に聞いていただけ
 ると嬉しいです。\n\n\nWeb上の記事を参考にして、なん
 とかSCSSをCSSに変換してWebサイトに適用できるようにな
 ったけど、なぜか<style>タグで出力されてしまう…。本
 当は、いつものように<link>タグで読み込みたいのに…\
 n何人かのチームでWebサイトのコーディングをしている
 が、人それぞれコードの書き方が異なっているため、
 チームメンバーが書いたコードをメンテナンスすると
 きに時間がかかってしまう。どうにかチーム内でコー
 ドの書き方を統一したいんだけど…\nwebpackを活用した
 開発には少しなれてきて、今度はwebpackを活用したパフ
 ォーマンス・チューニングにも挑戦してみたいと思っ
 ている\n\n\nその他、ソースコードの品質や、パフォー
 マンスの向上などに効果のあるものなど、便利な設定
 をモリモリ紹介します。\n\nwebpackを理解してより快適
 なコーディングライフを目指してみませんか？\n\n宇井
  陸登（うい・りくと） 2021年に有限会社アップルップ
 ルに入社。1年間受託制作を担当した後、現在は、自社
 プロダクトである a-blog cms の開発・運用に携わってい
 る。最近の興味は、自作のReactライブラリをnpmに公開
 すること。MDNの翻訳活動もしています。Twitter: @uidev1116
 blog: https://uidev.jpcompany: https://www.appleple.com\n\n\nIonic × Cap
 acitor × React / Web技術で作るスマホネイティブアプリ\n\n
 スマホアプリを自作したり、「スマホアプリ作れませ
 んか？」と聞かれたことはありませんか。  スマホア
 プリを作るためには、iOSならSwift、AndroidならKotlinなど
 のプログラミング言語を新しく習得する必要がありま
 す。つまり、iOSとAndroidの両ストアで配信したい場合に
 は2つの言語を覚えなければなりません。  \n\nこのセッ
 ションでは、HTML、CSS、JavaScriptをベースにネイティブ
 アプリを作る流れやポイントを紹介します。\n\n\nウェ
 ブ＆ネイティブアプリに対応したUIフレームワーク「Io
 nic」\nウェブサイトをネイティブアプリに変換する仕
 組み「Capacitor」\n\n\nあなたのスキルをスマホアプリの
 世界で活かしてみませんか？ どんなアプリを作れるの
 ？と思われた方は、Ionic x Capacitor を利用して制作した
 アプリ『つくる人』のための計算メモ帳 kanauをご覧く
 ださい。\n\n 佐藤 あゆみ（さとう・あゆみ）株式会社n
 eccoCTO | フロントエンドエンジニア2014年12月より、屋号
 「PentaPROgram（ペンタプログラム）」にてフリーランス
 として独立。ウェブ専業ではない多様な業界の実情を
 見ながら、中小企業で「ウェブ担／パソコン担当さん
 」として業務を続けてきた経験を活かし、その後の運
 用を見据えたECサイトやコーポレートサイトの構築、
 技術サポートを行う。2018年より、ismおよびCSS Nite、Bau-
 yaなどにてフロントエンド技術に関するテーマで登壇
 。 2019年、書籍『HTMLコーダー&ウェブ担当者のためのWeb
 ページ高速化超入門』（技術評論社）出版。 2022年4月
 、株式会社neccoのCTO/取締役に就任。Twitter: @PentaPROgram\n\
 n相関関係から見るGoogleに理解されやすいコーディング
 \n\nSNS上では、日々「正しいマークアップ」について侃
 々諤々と意見が飛び交っています。h1はロゴか見出し
 か複数使用するのかという話題などを見たことがない
 でしょうか。\nGoogle検索では2021年8月のアップデートか
 ら、検索結果に表示されるタイトルの書き換えが非常
 に多く見られるようになり、この対策として「titleタ
 グとh1タグの内容を揃える」という手法が広まりまし
 た。\n少し視点を変えると、コーディングで優先する
 項目が変わってくるというわかりやすい事例です。\n\n
 このセッションでは、コンテンツをGoogleにより正しく
 理解してもらうためのコーディングについてご紹介し
 ます。\n例えばdescriptionについて、Googleはランキング要
 素ではないと明言していますが、適切なdescriptionの設
 定は有意な結果を示すケースが多く見られます。\nこ
 こでは直接のランキング要素ではないdescriptionなどを
 相関関係と定義して、事例とデータから紐解いていき
 ます。\n\n「検索エンジンがページの内容をより適切に
 認識できるように」とGoogleが明言している構造化デー
 タについても、VSCode用のスニペットをご用意していま
 すので、ぜひ実践してみてください！\n\n長谷川 喜洋
 （はせがわ・よしひろ）株式会社How to Use CTO/株式会社
 ステラクリエイト CEO/総合webサービス タダフラ 代表/
 デジタルハリウッドSTUDIO大阪・京都芸術デザイン専門
 学校 講師/星のソムリエ®知財を扱うスタートアップで
 システム開発・Webサイト制作・アプリ開発を担当。フ
 リーランスとしてWeb制作も行う。EC時代に天体望遠鏡
 を販売していた経験から、星空事業を主とした法人を2
 020年6月に設立。GitHub: https://github.com/hiroghap1Twitter: @hiro_
 ghap1Instagram: @chocolat_street\n\nイベント概要\n\n\n開催日：2
 022年10月14日（金）21:00 - 23:00\n\n\n（最大24:00までアフタ
 ートーク）\n\n形式：オンライン（Zoomウェビナー）\n主
 催：CSS Nite\n共催：DTP Transit\n備考：UDトークにて字幕を
 ご用意しています。\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、および、その他の
 案内事項は、カウントダウンメールにてお知らせするN
 otionのフォローアップページに記載しています（終了
 後、スライドやリンク集、セミナー内容の補足などを
 掲載します）。\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-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\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/870412?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR