TECH PLAY

2025/12/19(金)21:00 〜 23:00
Bookmark Icon

Webディレクタヌ1幎生に送る「コヌディングの倖泚」で倱敗しないための基瀎知識

オンラむン

むベント内容

本むベントは終了しおいたす。「アヌカむブ動画を芋たい方」「スラむドをダりンロヌドしたい方」はSTORESからお求めください。

本日珟圚12月19日[金]、151本のアヌカむブが芋攟題になる定額制サブスクも甚意しおいたす。

動画だけでなく、スラむドや補足なども含たれたす。

Webディレクタヌが「コヌディングの倖泚」を行う䞊での基瀎知識に぀いお、女屋 貎幞さんに解説いただきたす。

「リアルタむム芖聎は無料」スタむルで開催したすが、アヌカむブチケット賌入やサブスク登録でサポヌトくださいたすず助かりたす

Webディレクタヌ1幎生に送る「コヌディングの倖泚」で倱敗しないための基瀎知識

デザむンや進行管理は䜕ずなくわかっおいおも、「コヌディング」──しかも“倖泚”ずなるず戞惑うこずはありたせんか

「どんな指瀺を出せばいいのか」「修正䟝頌はどう䌝えたらいいのか」「䜕をチェックすればいいのか」──。
こうした迷いは、誰もが通る“Webディレクション1幎目の壁”です。

本セミナヌでは、Webディレクタヌが倖郚パヌトナヌず円滑に連携しながらコヌディング指瀺を出すために必芁な基瀎知識を、実際の珟堎事䟋を亀えおわかりやすく解説したす。

扱う内容

  • コヌディングを「倖泚」するための基瀎知識自分でコヌドを曞くための技術HTML/CSS/JSの曞き方ではなく、Webディレクタヌずしお制䜜パヌトナヌに指瀺を出し、品質を管理するために必芁な「構造の理解」ず「準備」に焊点を圓おたす。
  • Webサむトが衚瀺される仕組みの理解Webサむトが圹割の異なる耇数のファむルHTML, CSS, JS, 画像などで構成されおいるこずや、ブラりザがそれらを読み蟌んでペヌゞを衚瀺する流れを孊びたす。
  • 「パスPath」ず「ディレクトリ構造」の完党理解衚瀺厩れやリンク切れの䞻な原因ずなる「パス」の抂念盞察パス、ルヌト盞察パス、絶察URLを培底解説したす。たた、運甚しやすいディレクトリ構造や、ファむル名・フォルダ構成assets蚭蚈のルヌルに぀いおも孊びたす。
  • URLずドメむンの正しい知識プロトコルhttps、ドメむン、サブドメむン、ディレクトリの違いなど、URLを構成する芁玠を分解しお解説したす。たた、SEOやシステム連携で重芁ずなる「URLの正芏化リダむレクトやcanonical」の考え方に぀いおも觊れたす。
  • 倖泚時のトラブル回避策パスの指定ミスやHTTPS化の䞍備など、制䜜珟堎でよくある事故のパタヌンを知り、ディレクタヌずしお事前に回避するためのポむントを習埗したす。

扱わない内容

  • 具䜓的なコヌディング手法コヌドの蚘述方法
  • 特定のCMSやツヌルの操䜜方法
  • 制䜜費甚に関する話

こんな方におすすめです

  • Webディレクタヌ1幎生の方
  • コヌドは曞けないが、゚ンゞニアずスムヌズに䌚話できるようになりたい方
  • 制䜜進行における「構造䞊のトラブル」を未然に防ぎたい方

女屋 貎幞 おなや・たかゆき

株匏䌚瀟マむンズ

株匏䌚瀟マむンズ執行圹員。デゞタルマヌケティング・ストラテゞストディレクタヌデザむナヌ。

倧孊圚孊䞭にWebデザむンを独孊で身に぀け、卒業ず同時にフリヌランスで掻動を開始。その埌すぐにECコンサルティング䌚瀟に所属し、耇数のECサむトの構築・運甚に携わる。2011幎にWebプロモヌション䌚瀟ぞ転職。音楜アヌティストの公匏サむト、ファンクラブサむト、キャンペヌンサむトなど数倚くのプロゞェクトを手掛ける。

2014幎、株匏䌚瀟マむンズに入瀟。珟圚はマヌケティングコミュニケヌション戊略の策定をはじめ、プロモヌション䌁画・構成、UXデザむン、DX支揎、ディレクション、システム蚭蚈、Web解析・運甚コンサルティングなど幅広い業務に埓事しおいる。

趣味は矎味しいお酒ずそれに合う肎を探すこず。倏はビヌル、冬は日本酒、ずきどきりむスキヌ。日々、ベストペアリングを远い求めおいたす。

聞き手、MC進行

鷹野 雅匘CeeBeeDee/CSS Nite/DTP Transitが“聞き手”を担圓し、リアルタむムでチャットでの質問などを拟っおいきたす。

鷹野 雅匘たかの・たさひろ

株匏䌚瀟スむッチ

グラフィックデザむン、゚ディトリアルデザむン、りェブ制䜜の分野で、デザむン、オペレヌション、蚭蚈・ディレクションなど、25幎以䞊、第䞀線で手を動かし続けおいる。そのノりハりをテクニカルラむティングや講挔に萜ずし蟌み、「制䜜→執筆→講挔」のサむクルを回す。

2015幎から倧阪芞術倧孊 客員教授。2017幎からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラむンセミナヌのオヌガナむザヌずしお䌁画・制䜜・配信なども担圓。

著曞に『10倍ラクするIllustrator仕事術』改蚂第3版ほか倚数

むベント抂芁

YouTube Liveでラむブ配信したす。

お申し蟌みず参加費

  • リアルタむムの芖聎は無料です。
  • 参加にはお申し蟌みが必芁です。受け付けは終挔時刻たで。

フォロヌアップアヌカむブ

有料チケットには次が含たれたす。これを「フォロヌアップ」ず呌んでいたす。

  • アヌカむブ動画
  • スラむド
  • リンク集や補足
  • サンプルファむルなどプログラムにより

フォロヌアップアヌカむブは、アヌカむブ賌入サブスクの方限定のコンテンツです。

  • アヌカむブ動画の芖聎期限はありたせん。ずっず芋られたす。
  • 法人およびフリヌランスで事業決枈される方は「法人向け」をお求めください。

フォロヌアップアヌカむブの賌入

次の3぀の方法がありたす。いずれかを遞択なさっおください。

  • 終挔時刻たでDoorkeeper
  • 終挔時刻以降STORES
  • サブスクを登録する

Doorkeeperの堎合、終挔時刻にメヌルをお送りしおいたす。メヌルの送信元は、info@doorkeeper.jp です。 メヌルに䟝存しないSTORESやサブスクであれば、メヌル関連のトラブルから開攟されたす。

賌入方法皮別フォロヌアップの受け取り備考
個人個人、
フリヌランス
法人
Doorkeeper
単品
2,200円
終挔時刻たで
5,500円11,000円

終挔時刻にメヌルを送信info@doorkeeper.jpから送信されたす

「圓日の芖聎のみ」のチケットを申し蟌たれた方は、いったん、キャンセルしお「アヌカむブ芖聎付き」のチケットを申し蟌んでください。
STORES
単品
3,300円5,500円11,000円賌入するずダりンロヌドできるテキストファむルに、アヌカむブ動画や特兞を掲茉予定のペヌゞぞのリンクがありたすアヌカむブ動画や特兞の掲茉はむベント終了埌ナヌザヌ登録しおから申し蟌むず、マむペヌゞの賌入履歎から、埌からダりンロヌドできたす。
サブスク3ヶ月35ドルメンバヌ限定セクションのフォロヌアップアヌカむブから本むベントのNotionにアクセスしおください。法人は別途詳现
幎パス130ドル

領収曞

個人向けのチケットは領収曞発行しおいたせん。
むンボむス察応の領収曞は、次のチケットのみ察応したす。

  • 個人フリヌランススラむド、アヌカむブ芖聎付き ※経費ずしお
  • 法人スラむド、アヌカむブ芖聎付き

NotionからPDFをダりンロヌドしおご利甚ください。

賌入方法区分参加費領収曞入手方法
Doorkeeper
単品
個人2,200円
発行むンボむス非察応Doorkeeper
個人フリヌランス5,500円むンボむス察応の
領収曞を発行
Notion
法人11,000円
STORES
単品
個人3,300円非察応-
個人フリヌランス5,500円むンボむス察応の
領収曞を発行
Notion
法人11,000円
  • 「法人スラむド、アヌカむブ芖聎付き 」のチケットを賌入いただいおいる堎合のみ、蚘名入りの領収曞に察応いたしたす。フォヌムからご連絡ください。

配信に関しおのあれこれ

各URLは、YouTubeの抂芁欄にも掲茉しおいたす。

  • チャットやスタンプ、ツむヌトなど「参加型」でお楜しみください
  • 「音声のバランスが悪い」など、䜕かお困りの堎合、コメントなどで教えおください

配信URL

YouTube Liveで配信したす。

https://youtube.com/live/vYtfSJnu6eQ?feature=share

XTwitterにお同時配信も行っおいたすが、YouTube Liveにおコメントも含めおお楜しみください。

配信トラブルでURLが倉曎になるこずがありたす。その堎合、次のようにお知らせしたす。

YouTube関連

  • YouTubeチャットを掻甚ください スパム回避のため、YouTubeチャンネル登録者のみがコメント可胜にしおいたすので、事前にチャンネル登録をお願いしたす。
  • スヌパヌチャットスパチャ投げ銭を利甚できたす。少額でも倧歓迎です いただいた党額を講挔者にお枡ししたす。
  • 質問がある堎合、YouTubeチャットで冒頭に★たたは【質問】を付けおコメントください。すべおは拟いきれたせん。「〜は〜ずいう意味です」「自分の珟堎ではこうやっおいる」など、芖聎される方からのサポヌト的なコメントを歓迎したす 䞀緒に堎を䜜っおくださいたすず嬉しいです!!

リアクションや質問

  • スクショ付きのツむヌト歓迎です。ぜひ、ハッシュタグ#コヌディング基瀎知識を付けおください。ただし、事䟋の郚分などでNGマヌクが぀いおいる箇所、講挔者からNGの指瀺のある箇所はご遠慮ください。
  • 終了埌、ぜひアンケヌトにお答えください 「フィヌドバックはギフト」。話しおくださった方の成長の材料になり、たた、むベントの改善に぀ながりたす。

その他

  • 120分のプログラムでは、60分前埌のキリのいいタむミングで䌑憩5-10分をはさみたす。
  • サンプルファむルや配垃資料、アヌカむブ動画のURLをSNSなどで再配垃するのは犁止です。
  • 開挔の30分前くらい前からテスト配信をスタヌトしたす。音声などが聞こえるかなど、チェックなさっおください。
  • スマホやタブレットで芖聎される方もいるず思いたすが、PCでの芖聎を前提ずしおいたす。なるべくPCでご芧ください
  • ご芧いただく回線状況によっおは、YouTubeの動画が止たっおしたったり、音声が途切れおしたうこずがありたす。その堎合には、ブラりザヌを再読み蟌みしたり、OSを再起動しおみおください。同時配信しおいるXTwitterの方が安定しおるこずがありたす。
  • 分単䜍で现かく緎られたカリキュラムではなく、少し緩めに進行したす。コメントを拟っお脱線するこずもありたす。蚀い換えるず孊習だけをされたい方には向いおいたせん。
  • 若干の延長など、ぎったり進行しないこずがありたす。

配信準備は念入りに行っおいたすが、本番になるず予期せぬトラブルが生じるのがラむブ配信です。それも含めお楜しんでください。

サブスク

CSS Nite、DTP Transitのオンラむンセミナヌのアヌカむブをリヌズナブルに、たた、管理しやすく利甚いただけるように「サブスク」定額サヌビスをご甚意しおいたすCircleずいうサヌビスを利甚しおいたす。

幎間で60回近く開催されたすので、1本あたり400円を切る蚈算です。

アヌカむブ動画だけでなく、スラむドのダりンロヌドも可胜ですので、ざっず内容を把握しおおきたい堎合にも適しおいたす。たた、自分のペヌスで手元のスラむドPDFを芋ながらの芖聎が可胜です。

サブスクの登録方法

次の手順でお申し蟌みください。

  1. Circleでナヌザヌ登録自動返信メヌルを確認しお完了です
  2. Stripeで決枈

オンラむン怅子ペガ

本むベントはコモモ先生 @komomoaichi のオンラむン怅子ペガ付きです

  • 開挔前
  • 䌑憩時間適宜

䞀緒に「ちょっずメンテ」したしょう。
https://chotto-maint.com/online-yoga

協力䌁業のご玹介

本むベントには、䞋蚘の䌁業の協賛、協力をいただいおいたす。

たた、倚くの制䜜䌚瀟に協賛いただいおいたす。

通幎で協賛を募集しおいたす。怜蚎くださいたすず幞いです。

お問い合わせ

問い合わせは
Doorkeeperのフォヌムからお送りください。

泚意事項

※ こちらのむベント情報は、倖郚サむトから取埗した情報を掲茉しおいたす。

※ 掲茉タむミングや曎新頻床によっおは、情報提䟛元ペヌゞの内容ず差異が発生したすので予めご了承ください。

※ 最新情報の確認や参加申蟌手続き、むベントに関するお問い合わせ等は情報提䟛元ペヌゞにおお願いしたす。

Doorkeeper