BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:Webディレクター1年生に送る「コーディングの 外注」で失敗しないための基礎知識 X-WR-CALNAME:Webディレクター1年生に送る「コーディングの 外注」で失敗しないための基礎知識 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:988809@techplay.jp SUMMARY:Webディレクター1年生に送る「コーディングの外注 」で失敗しないための基礎知識 DTSTART;TZID=Asia/Tokyo:20251219T210000 DTEND;TZID=Asia/Tokyo:20251219T230000 DTSTAMP:20260527T164126Z CREATED:20251110T060200Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98880 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n本イベント は終了しています。「アーカイブ動画を見たい方」「 スライドをダウンロードしたい方」はSTORESからお求め ください。個人向け（3\,300円）※領収書なし個人・フ リーランス（5\,500円）法人向け（11\,000円）本日現在（ 12月19日[金]）、151本のアーカイブが見放題になる定額 制（サブスク）も用意しています。3ヶ月ごと：35ドル1 2ヶ月ごと：130ドル動画だけでなく、スライドや補足な ども含まれます。\n\nWebディレクターが「コーディング の外注」を行う上での基礎知識について、女屋 貴幸さ んに解説いただきます。\n\n「リアルタイム視聴は無料 」スタイルで開催しますが、アーカイブチケット購入 やサブスク登録でサポートくださいますと助かります ！\n\nWebディレクター1年生に送る「コーディングの外 注」で失敗しないための基礎知識\n\nデザインや進行管 理は何となくわかっていても、「コーディング」── しかも“外注”となると戸惑うことはありませんか？\ n\n「どんな指示を出せばいいのか」「修正依頼はどう 伝えたらいいのか」「何をチェックすればいいのか」 ──。\nこうした迷いは、誰もが通る“Webディレクシ ョン1年目の壁”です。\n\n本セミナーでは、Webディレ クターが外部パートナーと円滑に連携しながらコーデ ィング指示を出すために必要な基礎知識を、実際の現 場事例を交えてわかりやすく解説します。\n\n扱う内容 \n\n\nコーディングを「外注」するための基礎知識：自 分でコードを書くための技術（HTML/CSS/JSの書き方）で はなく、Webディレクターとして制作パートナーに指示 を出し、品質を管理するために必要な「構造の理解」 と「準備」に焦点を当てます。\nWebサイトが表示され る仕組みの理解：Webサイトが役割の異なる複数のファ イル（HTML\, CSS\, JS\, 画像など）で構成されていること や、ブラウザがそれらを読み込んでページを表示する 流れを学びます。\n「パス（Path）」と「ディレクトリ 構造」の完全理解：表示崩れやリンク切れの主な原因 となる「パス」の概念（相対パス、ルート相対パス、 絶対URL）を徹底解説します。また、運用しやすいディ レクトリ構造や、ファイル名・フォルダ構成（assets設 計）のルールについても学びます。\nURLとドメインの 正しい知識：プロトコル（https）、ドメイン、サブド メイン、ディレクトリの違いなど、URLを構成する要素 を分解して解説します。また、SEOやシステム連携で重 要となる「URLの正規化（リダイレクトやcanonical）」の 考え方についても触れます。\n外注時のトラブル回避 策：パスの指定ミスやHTTPS化の不備など、制作現場で よくある事故のパターンを知り、ディレクターとして 事前に回避するためのポイントを習得します。\n\n\n扱 わない内容\n\n\n具体的なコーディング手法（コードの 記述方法）\n特定のCMSやツールの操作方法\n制作費用に 関する話\n\n\nこんな方におすすめです\n\n\nWebディレク ター1年生の方\nコードは書けないが、エンジニアとス ムーズに会話できるようになりたい方\n制作進行にお ける「構造上のトラブル」を未然に防ぎたい方\n\n\n女 屋 貴幸 おなや・たかゆき株式会社マインズ株式会社 マインズ執行役員。デジタルマーケティング・ストラ テジスト／ディレクター／デザイナー。大学在学中にW ebデザインを独学で身につけ、卒業と同時にフリーラ ンスで活動を開始。その後すぐにECコンサルティング 会社に所属し、複数のECサイトの構築・運用に携わる 。2011年にWebプロモーション会社へ転職。音楽アーティ ストの公式サイト、ファンクラブサイト、キャンペー ンサイトなど数多くのプロジェクトを手掛ける。2014年 、株式会社マインズに入社。現在はマーケティングコ ミュニケーション戦略の策定をはじめ、プロモーショ ン企画・構成、UXデザイン、DX支援、ディレクション、 システム設計、Web解析・運用コンサルティングなど幅 広い業務に従事している。趣味は美味しいお酒とそれ に合う肴を探すこと。夏はビール、冬は日本酒、とき どきウイスキー。日々、ベストペアリングを追い求め ています。株式会社マインズ𝕏（Twitter）：@TakayukiOnaya \n\n聞き手、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャッ トでの質問などを拾っていきます。\n\n鷹野 雅弘（た かの・まさひろ）株式会社スイッチグラフィックデザ イン、エディトリアルデザイン、ウェブ制作の分野で 、デザイン、オペレーション、設計・ディレクション など、25年以上、第一線で手を動かし続けている。そ のノウハウをテクニカルライティングや講演に落とし 込み、「制作→執筆→講演」のサイクルを回す。2015年 から大阪芸術大学 客員教授。2017年からAdobe Community Evan gelist。CSS NiteやDTP Transitのオンラインセミナーのオーガ ナイザーとして企画・制作・配信なども担当。著書に 『10倍ラクするIllustrator仕事術』（改訂第3版）ほか多 数Twitter：@swwwitch\n\nイベント概要\n\nYouTube Liveでライブ 配信します。\n\n\n開催日：2025年12月19日（金） 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（単品）3\,300円5\,500 円11\,000円購入するとダウンロードできるテキストファ イルに、アーカイブ動画や特典を掲載予定のページへ のリンクがあります（アーカイブ動画や特典の掲載は イベント終了後）ユーザー登録してから申し込むと、 ［マイページ］の［購入履歴］から、後からダウンロ ードできます。サブスク3ヶ月：35ドル［メンバー限定 ］セクションの［フォローアップ（アーカイブ）］か ら本イベントのNotionにアクセスしてください。法人は 別途（詳細）年パス：130ドル\n\n領収書\n\n個人向けの チケットは領収書発行していません。\nインボイス対 応の領収書は、次のチケットのみ対応します。\n\n\n個 人／フリーランス（スライド、アーカイブ視聴付き） ※経費として\n法人（スライド、アーカイブ視聴付き ） \n\n\nNotionからPDFをダウンロードしてご利用ください 。\n\n購入方法区分参加費領収書入手方法Doorkeeper（単 品）個人2\,200円発行（インボイス非対応）Doorkeeper個人 ／フリーランス5\,500円インボイス対応の領収書を発行N otion法人11\,000円STORES（単品）個人3\,300円非対応-個人／ フリーランス5\,500円インボイス対応の領収書を発行Noti on法人11\,000円\n\n\n「法人（スライド、アーカイブ視聴 付き） 」のチケットを購入いただいている場合のみ、 記名入りの領収書に対応いたします。フォームからご 連絡ください。\n\n\n配信に関してのあれこれ\n\n各URLは 、YouTubeの概要欄にも掲載しています。\n\n\nチャットや スタンプ、ツイートなど「参加型」でお楽しみくださ い！\n「音声のバランスが悪い」など、何かお困りの 場合、コメントなどで教えてください！\n\n\n配信URL\n\n YouTube Liveで配信します。\n\nhttps://youtube.com/live/vYtfSJnu6eQ ?feature=share\n\nX（Twitter）にて同時配信も行っています が、YouTube Liveにてコメントも含めてお楽しみください 。\n\n配信トラブルでURLが変更になることがあります。 その場合、次のようにお知らせします。\n\n\nTwitter（現 「X」）\n配信が停止したYouTubeプログラムのコメント欄 \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サンプルファイルや配 布資料、アーカイブ動画のURLをSNSなどで再配布するの は禁止です。\n開演の30分前くらい前からテスト配信を スタートします。音声などが聞こえるかなど、チェッ クなさってください。\nスマホやタブレットで視聴さ れる方もいると思いますが、PCでの視聴を前提として います。なるべくPCでご覧ください！\nご覧いただく回 線状況によっては、YouTubeの動画が止まってしまったり 、音声が途切れてしまうことがあります。その場合に は、ブラウザーを再読み込みしたり、OSを再起動して みてください。同時配信しているX（Twitter）の方が安 定してることがあります。\n分単位で細かく練られた カリキュラムではなく、少し緩めに進行します。コメ ントを拾って脱線することもあります。言い換えると 学習だけをされたい方には向いていません。\n若干の 延長など、ぴったり進行しないことがあります。\n\n\n 配信準備は念入りに行っていますが、本番になると予 期せぬトラブルが生じるのがライブ配信です。それも 含めて楽しんでください。\n\nサブスク\n\nCSS Nite、DTP Tr ansitのオンラインセミナーのアーカイブをリーズナブ ルに、また、管理しやすく利用いただけるように「サ ブスク」（定額サービス）をご用意しています（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\nCircleでユーザー登録（自動返 信メールを確認して完了です）\nStripeで決済\n\n\n\n3ヶ 月ごと：35ドル\n年パス：130ドル\n\n\nオンライン椅子ヨ ガ\n\n本イベントはコモモ先生 @komomoaichi のオンライン 椅子ヨガ付きです！\n\n\n開演前\n休憩時間（適宜）\n\n\ n一緒に「ちょっとメンテ」しましょう。\nhttps://chotto-m aint.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\nHAMWORK S\nS-FACTORY\nnecco\nFLAT\nましじめ\nグローバルデザイン\nエ イチツーオー・スペース\nGear8\nマジカルリミックス\nON iWA\nさきがけデジタル\nr360studio\n\n\n\n\n通年で協賛を募 集しています。検討くださいますと幸いです。\n\nお問 い合わせ\n\n問い合わせは\nDoorkeeperのフォームからお送 りください。 LOCATION:オンライン URL:https://techplay.jp/event/988809?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR