HTML/CSS/JavaScriptを書きながら、リアルタイムで結果をプレビューできるオンラインエディター「CodePen」にフォーカス。相原 典佳さんに解説いただきます。
「当日の視聴は無料」スタイルで開催します。ぜひ、ご参加ください！
コーディングのテクニック紹介記事を見ているとよく出てくる「CodePen」、見たことはあるけれど使ったことがないという方が多いのではないでしょうか？
「CodePen」は、HTML/CSS/JavaScriptを書きながら、リアルタイムで結果をプレビューできるオンラインエディターです。
本セミナーでは、紹介記事経由でのCodePenを利用する方法や、ちょっとしたHTML/CSSコーディングを試したいときの利用方法をうハンズオン形式で解説します。
また、抑えておきたいオンラインエディタとして、GitHubでも活用できるオンライン版「Visual Studio Code」についても紹介します。
以下の内容を紹介・解説します。
相原 典佳（あいはら・のりよし）DTP、Webアシスタントディレクター業務を経たのち、2010年にフリーランスとして独立。ディレクションからデザイン、フロントエンド・WordPress構築まで、一貫したWebサイト制作を提供しているほか、2011年からデジタルハリウッドにて講師を担当。
共著書として『初心者からちゃんとしたプロになる HTML+CSS実践講座』、『初心者からちゃんとしたプロになる Figma基礎入門』（いずれもMdN刊）などがある。
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
株式会社スイッチ
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。 2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
YouTube Liveでライブ配信します。
スライドなどのフォローアップ（アーカイブ）は、サブスクの方限定のコンテンツです。
CSS Nite、DTP Transitのオンラインセミナーのアーカイブを管理しやすく利用いただけるように、2024年2月の開催分から次のように変更します。
「サブスク」（定額サービス）の仕組みによってコスパよく利用いただけます。 ライブ配信は、従来通り「当日の視聴は無料」スタイルを継続します。「サブスク」の加入にかかわらず、誰でも見られます。
なお、Circle、STORESにおいて、CSS NiteとDTP Transitの両方をカバーするブランド名として「CeeBeeDee（シー・ビー・ディー）」を使いはじめます。
サブスクの有無にかかわらず、開催情報などをCircleに集約していきます。
各URLは、YouTubeの概要欄にも掲載しています。
YouTube Liveで配信します。
https://youtube.com/live/QtY_e6FWtG4?feature=share
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
「オンラインセミナー」や「ウェビナー」というより「オンラインイベント」的なニュアンスです。
本イベントには、下記の企業の協賛、協力をいただいています。
また、多くの制作会社に協賛いただいています。
通年で協賛を募集しています。検討くださいますと幸いです。
問い合わせはDoorkeeperのフォームからお送りください。
CSS Nite（シーエスエス・ナイト）は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...
メンバーになる