CeeBeeDeeCSS Nite / DTP Transit
リアルタイムでコードを共創できるオンラインエディターCodePenを活用しよう

PAST EVENT

リアルタイムでコードを共創できるオンラインエディターCodePenを活用しよう

2024年4月26日開催

HTML/CSS/JavaScriptを書きながら、リアルタイムで結果をプレビューできるオンラインエディター「CodePen」にフォーカス。相原 典佳さんに解説いただきます。

60分のショート版でお送りします。

セッション内容

「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります!

アーカイブ購入について

本イベントのアーカイブはサブスクメンバーのみに共有します。
まずは無料のユーザー登録を行い、その後、サブスクに加入なさってください。

CodePen

コーディングのテクニック紹介記事を見ているとよく出てくる「CodePen」、見たことはあるけれど使ったことがないという方が多いのではないでしょうか? 

「CodePen」は、HTML/CSS/JavaScriptを書きながら、リアルタイムで結果をプレビューできるオンラインエディターです。

本セミナーでは、紹介記事経由でのCodePenを利用する方法や、ちょっとしたHTML/CSSコーディングを試したいときの利用方法をうハンズオン形式で解説します。

また、抑えておきたいオンラインエディタとして、GitHubでも活用できるオンライン版「Visual Studio Code」についても紹介します。

以下の内容を紹介・解説します。

  • CodePenとは
  • CodePenの使い方
  • CodePen以外のオンラインエディタ
  • オンライン版Visual Studio Code

講演者プロフィール

相原 典佳

相原 典佳

DTP、Webアシスタントディレクター業務を経たのち、2010年にフリーランスとして独立。ディレクションからデザイン、構築まで、一貫したWebサイト制作を提供している。

現場での経験や知識をもとに、デジタルハリウッド、ロクナナワークショップ、Schooなどで講師・授業を担当するほか、「Web初心者を抜けた人たち」向けコミュニティ、Beans Collegeの運営を行っている。

共著書として『初心者からちゃんとしたプロになる HTML+CSS標準入門』(MdN刊)、『Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン』(インプレス刊)などがある。

X(旧「Twitter」) ↗

イベント情報・アーカイブ案内

関連イベント

同じトピックや登壇者の講座から。

2023年11月2日

#朝までマークアップ

木達 一仁、綿貫 佳祐、たにぐち まこと、久保 知己、保坂 修平、鹿野 壮、飛田 心、森川 結子、半田 惇志、柴田 宏仙、倉又 美樹(まるみ)、小山田 晃浩、長谷川 広武(ハム)、せきゆおう、倉科 宏行、森 和恵、相原 典佳、安田 祐平、宇井 陸登、ゆうてん、カイト、沖 良矢、タムショー(田村 章吾)、長谷川 喜洋、池田 泰延

内容・アーカイブ案内を見る →

2023年3月18日

#朝までイラレ 2(25人のイラレ使いによる狂宴)

カイシトモヤ、コネクリ、すぴかあやか、茄子川 導彦、ヨーグル、野島 裕史、北沢 直樹、今 聖菜、masa、シオザワヒロユキ、hamko、カワココ、石川 智規、倉又 美樹、An、タマケン、伊達 千代、高橋としゆき、後藤 修、コモモ先生、crema、ものかの、ヤマダイ、渋谷 瞳、相原 典佳、クチイマスミ、鷹野 雅弘

内容・アーカイブ案内を見る →
過去コンテンツをすべて見る →開催予定のイベントを見る →