BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:【CeeBeeDee】デジタルお焚き上げ 2026！ Web制作 （コーディング）の常識をアップデート Part 2／長谷川 喜洋、相原 典佳 X-WR-CALNAME:【CeeBeeDee】デジタルお焚き上げ 2026！ Web制作 （コーディング）の常識をアップデート 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:993110@techplay.jp SUMMARY:【CeeBeeDee】デジタルお焚き上げ 2026！ Web制作（コ ーディング）の常識をアップデート Part 2／長谷川 喜 洋、相原 典佳 DTSTART;TZID=Asia/Tokyo:20260415T210000 DTEND;TZID=Asia/Tokyo:20260415T230000 DTSTAMP:20260416T020923Z CREATED:20260302T140149Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99311 0?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nWeb制作（コ ーディング）の現場で、いまでは前提が変わりつつあ る考え方や手法について、長谷川喜洋さん、相原典佳 さんに解説いただきます。好評だった2月の開催に続き 、続編として開催します。\n\n「リアルタイム視聴は無 料」スタイルで開催しますが、アーカイブチケット購 入やサブスク登録でサポートくださいますと助かりま す！\n\nデジタルお焚き上げ 2026！ Web制作（コーディン グ）の常識をアップデート Part 2\n\n日々の業務に追わ れていると、「気づけば知識をアップデートできてい ない」そんな状態になっていませんか？\n\n以前は当た り前だった慣習を、そのまま続けてしまっている。い つの間にか前提が変わっているのに、気づかないまま 使い続けている。経験を積んだ人ほど、「これで正し いはず」と思い込んでしまうことも少なくありません 。\n\nそこで本セミナーでは、いまの制作現場にそぐわ なくなった考え方や手法を「デジタルお焚き上げ」と して整理し、2026年に向けてWeb制作（コーディング）の 常識をアップデートしていきます。\n\n一度立ち止まり 、知識を棚卸しすることで、これからの制作をよりシ ンプルに、より安全に進めるヒントを持ち帰ってくだ さい。\n\n今回、取り上げる内容（予定）\n\n前回の残 り\n\n\nCopyrightと©両方入れたらお腹が腹痛じゃない？\n varなの？ なぜvarなの？\n\n\n新トピック\n\n\n今はもうdis play: none⇔blockもtransitionで扱えるよ\nスムーススクロー ルはCSSだけできるよ。\n.header .nav ul li a ←ブラウザは セレクタを右から読む\nmargin: 0 auto\;→margin-inlineもある が、そもそも左右センターのためだけに上下も指定す るのはナンセンス\n@media (hover:hover){} で:hover時のプロパ ティを書こう！\ninnerHTML より高速なinsertAdjacentHTML() を 使おう！\non('resize')イベントよりもmatchMedia使おうよ\non ('scroll')イベントよりもIntersection Observer使おうよ\niOSア プリのブラウザ、ChromeであろうとSafariであろうと中身 はwebkit（Safari）だよ！\nSearch Consoleを入れてURL検査！し て！ 絶対！\n\n\n対象（こんな人に聞いてほしい）\n\n\n 実務経験はあるものの、ここ数年のWeb制作の前提変化 を体系的に整理できていないと感じている方\n「昔か らこうしている」を一度リセットし、2026年基準でWeb制 作の常識をアップデートしたい方\n\n\n長谷川 喜洋 は せがわ・よしひろ株式会社How to Use株式会社ステラクリ エイト CEO/総合webサービス タダフラ 代表/ロクナナ・ デジタルハリウッドSTUDIO大阪・HAL大阪校・京都芸術大 学 講師/futureshop認定マイスター/だし・星のソムリエ® 大阪生まれ大阪育ち。 パチンコ店の店長からEC業界へ 。そののち、知財を扱うスタートアップでシステム開 発・Webサイト制作・アプリ開発を担当。フリーランス としてWeb制作も行う。EC時代に天体望遠鏡を販売して いた経験から、星空事業を主とした法人を2020年に設立 。𝕏（Twitter）：@hiro_ghap1\n\n相原 典佳 あいはら・の りよしDTP、Webアシスタントディレクター業務を経たの ち、2010年にフリーランスとして独立。ディレクション からデザイン、構築まで、一貫したWebサイト制作を提 供している。現場での経験や知識をもとに、デジタル ハリウッド、ロクナナワークショップ、Schooなどで講 師・授業を担当するほか、「Web初心者を抜けた人たち 」向けコミュニティ、Beans Collegeの運営を行っている。 共著書として『初心者からちゃんとしたプロになる HTM L+CSS標準入門』（MdN刊）、『Figmaで作るUIデザインアイ デア集 サンプルで学ぶ35のパターン』（インプレス刊 ）などがある。Beans College𝕏（Twitter）：@noir44_aihara\n\n 聞き手、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Tran sit）が“聞き手”を担当し、リアルタイムでチャット での質問などを拾っていきます。\n\n鷹野 雅弘（たか の・まさひろ）株式会社スイッチグラフィックデザイ ン、エディトリアルデザイン、ウェブ制作の分野で、 デザイン、オペレーション、設計・ディレクションな ど、25年以上、第一線で手を動かし続けている。その ノウハウをテクニカルライティングや講演に落とし込 み、「制作→執筆→講演」のサイクルを回す。2015年か ら大阪芸術大学 客員教授。2017年からAdobe Community Evangel ist。CSS NiteやDTP Transitのオンラインセミナーのオーガナ イザーとして企画・制作・配信なども担当。著書に『1 0倍ラクするIllustrator仕事術』（改訂第3版）ほか多数Twi tter：@swwwitch\n\nイベント概要\n\nYouTube Liveでライブ配信 します。\n\n\n開催日：2026年4月15日（水） 21:00 - 23:00\n 形式：オンライン（YouTube Live）\nMC：鷹野 雅弘（スイ ッチ）\n主催：CeeBeeDee\n共催：CSS Nite、DTP Transit\n協賛（ 制作会社）：ウェブライダー、LINICA、エンタミナ、コ ンセント、サービシンク、ビットエー、ヘルツ、アッ プルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか\n協賛：文賢（ブンケン）、デジ革（一般社団法 人デジタル経営革新協会） \n\n\nお申し込みと参加費\n\ n\nリアルタイムの視聴は無料です。\n参加にはお申し 込みが必要です。受け付けは終演時刻まで。\n\n\nフォ ローアップ（アーカイブ）\n\n有料チケットには次が含 まれます。これを「フォローアップ」と呼んでいます 。\n\n\nアーカイブ動画\nスライド\nリンク集や補足\nサ ンプルファイルなど（プログラムにより）\n\n\nフォロ ーアップ（アーカイブ）は、アーカイブ購入／サブス クの方限定のコンテンツです。\n\n\nアーカイブ動画の 視聴期限はありません。ずっと見られます。\n法人お よびフリーランスで事業決済される方は「法人向け」 をお求めください。\n\n\nフォローアップ（アーカイブ ）の購入\n\n次の3つの方法があります。いずれかを選 択なさってください。\n\n\n終演時刻まで：Doorkeeper\n終 演時刻以降：STORES\nサブスクを登録する\n\n\nDoorkeeperの 場合、終演時刻にメールをお送りしています。メール の送信元は、info@doorkeeper.jp です。 メールに依存しな いSTORESやサブスクであれば、メール関連のトラブルか ら開放されます。\n\n購入方法種別フォローアップの受 け取り備考個人個人、フリーランス法人Doorkeeper （単 品）2\,200円（終演時刻まで）5\,500円11\,000円終演時刻に メールを送信（info@doorkeeper.jpから送信されます）「当 日の視聴のみ」のチケットを申し込まれた方は、いっ たん、キャンセルして「アーカイブ視聴付き」のチケ ットを申し込んでください。STORES（単品）-5\,500円11\,00 0円購入するとダウンロードできるテキストファイルに 、アーカイブ動画や特典を掲載予定のページへのリン クがあります（アーカイブ動画や特典の掲載はイベン ト終了後）ユーザー登録してから申し込むと、［マイ ページ］の［購入履歴］から、後からダウンロードで きます。サブスク3ヶ月：35ドル［メンバー限定］セク ションの［フォローアップ（アーカイブ）］から本イ ベントのNotionにアクセスしてください。法人は別途（ 詳細）年パス：130ドル\n\n領収書\n\n個人向けのチケッ トは領収書発行していません。\nインボイス対応の領 収書は、次のチケットのみ対応します。\n\n\n個人／フ リーランス（スライド、アーカイブ視聴付き） ※経費 として\n法人（スライド、アーカイブ視聴付き） \n\n\nN otionからPDFをダウンロードしてご利用ください。\n\n購 入方法区分参加費領収書入手方法Doorkeeper（単品）個人 2\,200円発行（インボイス非対応）Doorkeeper個人／フリー ランス5\,500円インボイス対応の領収書を発行Notion法人1 1\,000円STORES（単品）個人3\,300円非対応-個人／フリーラ ンス5\,500円インボイス対応の領収書を発行Notion法人11\, 000円\n\n\n「法人（スライド、アーカイブ視聴付き） 」 のチケットを購入いただいている場合のみ、記名入り の領収書に対応いたします。フォームからご連絡くだ さい。\n\n\n配信に関してのあれこれ\n\n各URLは、YouTube の概要欄にも掲載しています。\n\n\nチャットやスタン プ、ツイートなど「参加型」でお楽しみください！\n 「音声のバランスが悪い」など、何かお困りの場合、 コメントなどで教えてください！\n\n\n配信URL\n\nYouTube L iveで配信します。\n\nhttps://www.youtube.com/watch?v=gqbZnMoqWaM\n \nX（Twitter）にて同時配信も行っていますが、YouTube Live にてコメントも含めてお楽しみください。\n\n配信トラ ブルでURLが変更になることがあります。その場合、次 のようにお知らせします。\n\n\nTwitter（現「X」）\n配信 が停止したYouTubeプログラムのコメント欄\nDoorkeeper経由 でのメッセージ（メール）\n\n\nYouTube関連\n\n\nYouTubeチ ャットを活用ください！　スパム回避のため、YouTubeチ ャンネル登録者のみがコメント可能にしていますので 、事前にチャンネル登録をお願いします。\nスーパー チャット（スパチャ＝投げ銭）を利用できます。少額 でも大歓迎です！　いただいた全額を講演者にお渡し します。\n質問がある場合、YouTubeチャットで冒頭に★ または【質問】を付けてコメントください。すべては 拾いきれません。「〜は〜という意味です」「自分の 現場ではこうやっている」など、視聴される方からの サポート的なコメントを歓迎します！　一緒に場を作 ってくださいますと嬉しいです!! \n\n\nリアクションや 質問\n\n\nスクショ付きのツイート歓迎です。ぜひ、ハ ッシュタグ（#デジタルお焚き上げ）を付けてください 。ただし、事例の部分などでNGマークがついている箇 所、講演者からNGの指示のある箇所はご遠慮ください 。\n終了後、ぜひアンケートにお答えください！　「 フィードバックはギフト」。話してくださった方の成 長の材料になり、また、イベントの改善につながりま す。\n\n\nその他\n\n\n120分のプログラムでは、60分前後 のキリのいいタイミングで休憩（5-10分）をはさみます 。\nサンプルファイルや配布資料、アーカイブ動画のUR LをSNSなどで再配布するのは禁止です。\n開演の30分前 くらい前からテスト配信をスタートします。音声など が聞こえるかなど、チェックなさってください。\nス マホやタブレットで視聴される方もいると思いますが 、PCでの視聴を前提としています。なるべくPCでご覧く ださい！\nご覧いただく回線状況によっては、YouTubeの 動画が止まってしまったり、音声が途切れてしまうこ とがあります。その場合には、ブラウザーを再読み込 みしたり、OSを再起動してみてください。同時配信し ているX（Twitter）の方が安定してることがあります。\n 分単位で細かく練られたカリキュラムではなく、少し 緩めに進行します。コメントを拾って脱線することも あります。言い換えると学習だけをされたい方には向 いていません。\n若干の延長など、ぴったり進行しな いことがあります。\n\n\n配信準備は念入りに行ってい ますが、本番になると予期せぬトラブルが生じるのが ライブ配信です。それも含めて楽しんでください。\n\n サブスク\n\nCSS Nite、DTP Transitのオンラインセミナーの アーカイブをリーズナブルに、また、管理しやすく利 用いただけるように「サブスク」（定額サービス）を ご用意しています（Circleというサービスを利用してい ます）。\n\n\n3ヶ月ごと：35ドル\n年パス：130ドル\n\n\n 年間で60回近く開催されますので、1本あたり400円を切 る計算です。\n\n\nサブスク対象イベントのリスト\n\n\n アーカイブ動画だけでなく、スライドのダウンロード も可能ですので、ざっと内容を把握しておきたい場合 にも適しています。また、自分のペースで手元のスラ イドPDFを見ながらの視聴が可能です。\n\n\n\nサブスク の登録方法\n\n次の手順でお申し込みください。\n\n\nCir cleでユーザー登録（自動返信メールを確認して完了で す）\nStripeで決済\n\n\n\n3ヶ月ごと：35ドル\n年パス：130 ドル\n\n\nオンライン椅子ヨガ\n\n本イベントはコモモ先 生 @komomoaichi のオンライン椅子ヨガ付きです！\n\n\n開 演前\n休憩時間（適宜）\n\n\n一緒に「ちょっとメンテ 」しましょう。\nhttps://chotto-maint.com/online-yoga\n\n\n\n協力 企業のご紹介\n\n本イベントには、下記の企業の協賛、 協力をいただいています。\n\n\n文賢（ブンケン）～文 章をより良くするための推敲・校閲・校正支援ツール\ nデジ革（一般社団法人デジタル経営革新協会） ネッ トとAIで経営に貢献できる人材になる\nJILLA（日本イラ ストレーション協会）　文芸美術国保への加入や交流 会などメリットいっぱい\ntr-tant 仕事を割り振っても次 から次へ仕事が舞い込む繁忙期にデザイナーの混み具 合が見えるデザイナー専用タスク管理ソフト \n\n\n\n\n また、多くの制作会社に協賛いただいています。\n\n\n ウェブライダー\nLINICA\nエンタミナ\nコンセント\nサー ビシンク\nビットエー\nトゥーアール（to-R）\nヘルツ\n アップルップル\nCODE54\nHAMWORKS\nS-FACTORY\nnecco\nFLAT\nまし じめ\nグローバルデザイン\nエイチツーオー・スペース \nGear8\nマジカルリミックス\nONiWA\nさきがけデジタル\nr3 60studio\n\n\n\n\n通年で協賛を募集しています。検討くだ さいますと幸いです。\n\nお問い合わせ\n\n問い合わせ はDoorkeeperのフォームからお送りください。 LOCATION:オンライン URL:https://techplay.jp/event/993110?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR