BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:CSS関数や変数とFigmaを連携！コーダーをダメに するFigmaデザインデータ X-WR-CALNAME:CSS関数や変数とFigmaを連携！コーダーをダメに するFigmaデザインデータ 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:979836@techplay.jp SUMMARY:CSS関数や変数とFigmaを連携！コーダーをダメにす るFigmaデザインデータ DTSTART;TZID=Asia/Tokyo:20250516T210000 DTEND;TZID=Asia/Tokyo:20250516T220000 DTSTAMP:20260528T024024Z CREATED:20250421T060148Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/97983 6?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n本イベント は終了しています。「アーカイブ動画を見たい方」「 スライドをダウンロードしたい方」はSTORESからお求め ください。個人向け（3\,300円）法人向け（11\,000円）月 額：1\,650円で2023年と2024年以降に開催の104本のアーカ イブが見放題になるサブスクも用意しています。\n\nFig maのデザインデータとCSS関数を組み合わせることでコ ーディング工数を削減できるデザインデータの作り方 についてせきゆおうさんに解説いただきます。\n\n2025 年1月に開催した#朝までマークアップ 2（CSS編）で好評 だったセッションの拡大版です。\n\n「当日の視聴は無 料」スタイルで開催しますが、アーカイブチケット購 入やサブスク登録でサポートくださいますと助かりま す！\n\nCSS関数や変数とFigmaを連携！コーダーをダメに するデザインデータの作り方／せきゆおう\n\nFigmaの開 発モードを活用するだけでもコーディングの工数は削 減できますが、効率化をさらに進めてみませんか？\n ローカルバリアブルの数値をCSS変数と統一し、「あるC SS関数」を取り入れることで、Figmaの開発モードで出力 されるスタイルがより実用的に仕上がります。また、 メディアクエリの数も減らせるので、コーディング工 数もさらに削減でき、より運用しやすいコードを実現 できます。FigmaのデザインデータとCSS関数を組み合わ せ、多くのスタイルをコピペで効率的に構築できる「 コーダーをダメにするFigmaデザインデータの作り方」 をご紹介します！\n\nせきゆおう 三重県出身。名古屋 造形芸術大学短期大学部で建築を専攻するも、当時熱 中していたオンラインゲームのギルドのHP制作を機に 、Web制作者としての道を志す。その後、複数のWeb制作 会社を経験した後、2020年にフリーランスとして独立。 受注から納品まで一貫して担当するジェネラリストタ イプ。独立した際にTwitterをスタートし、同年4月には 石油王アカウントを開設。現在のフォロワー数は2.3万 人に達する。2020年にWebクリエイター向けのオンライン コミュニティ「クリエイターズ・シナジーカフェ」の 共同運営を開始。2022年にはKADOKAWAドワンゴ情報工科学 院で半年間、コーディングの初級講師を務めた。2023年 にColosoで「ゼロから学ぶ実践的なコーディング＆スキ ルアップ講座」をリリース。Voicyにて「アブラジオ」 というラジオ番組も放送している。𝕏（Twitter）：@wurs t_design\n\n聞き手、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS N ite/DTP Transit）が“聞き手”を担当し、リアルタイムで チャットでの質問などを拾っていきます。\n\n鷹野 雅 弘（たかの・まさひろ）株式会社スイッチグラフィッ クデザイン、エディトリアルデザイン、ウェブ制作の 分野で、デザイン、オペレーション、設計・ディレク ションなど、25年以上、第一線で手を動かし続けてい る。そのノウハウをテクニカルライティングや講演に 落とし込み、「制作→執筆→講演」のサイクルを回す 。2015年から大阪芸術大学 客員教授。2017年からAdobe Comm unity Evangelist。CSS NiteやDTP Transitのオンラインセミナー のオーガナイザーとして企画・制作・配信なども担当 。10年ぶりの全面改定となる『10倍ラクするIllustrator仕 事術』（改訂第3版）を2024年10月に出版。Twitter：@swwwitc h\n\nイベント概要\n\nYouTube Liveでライブ配信します。\n\n \n開催日：2025年5月16日（金） 21:00 - 23:00\n形式：オンラ イン（YouTube Live）\nMC：鷹野 雅弘（スイッチ）\n主催： CeeBeeDee\n共催：CSS Nite、DTP Transit\n協賛（制作会社）： ウェブライダー、LINICA、エンタミナ、コンセント、サ ービシンク、ビットエー、ヘルツ、アップルップル、C ODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか\n協賛：文 賢（ブンケン）、一般社団法人ウェブコンサルタント ・ウェブアドバイザー協会、JILLA（日本イラストレー ション協会）\n\n\nお申し込みと参加費\n\n\n当日の視聴 は無料です。\n参加にはお申し込みが必要です。受け 付けは終演時刻まで。\n\n\nフォローアップ（アーカイ ブ）\n\nスライドなどのフォローアップ（アーカイブ） は、アーカイブ購入／サブスクの方限定のコンテンツ です。\n\n\nアーカイブ動画の視聴期限はありません。 ずっと見られます。\n\n\nフォローアップ（アーカイブ ）の購入\n\n次の3つの方法があります。いずれかを選 択なさってください。\n\n\nアーカイブ動画の視聴期限 はありません。ずっと見られます。\n\n\n購入方法個人 法人受け取り備考金額 終演までその後 Doorkeeper （単 品）2\,200円-11\,000円終演時刻にメールを送信（info@doorke eper.jpから送信されます）「当日の視聴のみ」のチケッ トを申し込まれた方は、いったん、キャンセルして「 アーカイブ視聴付き」のチケットを申し込んでくださ い。STORES（単品）2\,200円3\,300円11\,000円購入するとダウ ンロードできるテキストファイルに、アーカイブ動画 や特典を掲載予定のページへのリンクがあります（ア ーカイブ動画や特典の掲載はイベント終了後）ユーザ ー登録してから申し込むと、［マイページ］の［購入 履歴］から、後からダウンロードできます。サブスク1 \,650円（月額）詳細［メンバー限定］セクションの［ フォローアップ（アーカイブ）］から本イベントのNoti onにアクセスしてください。法人は別途\n\n配信に関し てのあれこれ\n\n各URLは、YouTubeの概要欄にも掲載して います。\n\n\nチャットやスタンプ、ツイートなど「参 加型」でお楽しみください！\n「音声のバランスが悪 い」など、何かお困りの場合、コメントなどで教えて ください！\n\n\n配信URL\n\nYouTube Liveで配信します。\n\nht tps://youtube.com/live/lvnm0zeCZyU?feature=share\n\nX（Twitter）にて 同時配信も行っていますが、YouTube Liveにてコメントも 含めてお楽しみください。\n\nYouTube関連\n\n\nYouTubeチャ ットを活用ください！　スパム回避のため、YouTubeチャ ンネル登録者のみがコメント可能にしていますので、 事前にチャンネル登録をお願いします。\nスーパーチ ャット（スパチャ＝投げ銭）を利用できます。少額で も大歓迎です！　いただいた全額を講演者にお渡しし ます。\n質問がある場合、YouTubeチャットで冒頭に★ま たは【質問】を付けてコメントください。すべては拾 いきれません。「〜は〜という意味です」「自分の現 場ではこうやっている」など、視聴される方からのサ ポート的なコメントを歓迎します！　一緒に場を作っ てくださいますと嬉しいです!! \n\n\nリアクションや質 問\n\n\nスクショ付きのツイート歓迎です。ぜひ、ハッ シュタグ（#Figmaデザインデータ）を付けてください。 ただし、事例の部分などでNGマークがついている箇所 、講演者からNGの指示のある箇所はご遠慮ください。\n 終了後、ぜひアンケートにお答えください！　「フィ ードバックはギフト」。話してくださった方の成長の 材料になり、また、イベントの改善につながります。\ n\n\nその他\n\n\n「UDトーク」にて文字情報を提供します ので、別のブラウザーなどでご覧ください。タイムラ グや精度についてはご容赦ください。\nサンプルファ イルや配布資料、アーカイブ動画のURLをSNSなどで再配 布するのは禁止です。\n開演の30分前くらい前からテス ト配信をスタートします。音声などが聞こえるかチェ ックなさってください。\nスマホやタブレットで視聴 される方もいると思いますが、PCでの視聴を前提とし ています。なるべくPCでご覧ください！\nご覧いただく 回線状況によっては、YouTubeの動画が止まってしまった り、音声が途切れてしまうことがあります。その場合 には、ブラウザーを再読み込みしたり、OSを再起動し てみてください。\n\n\n配信準備は念入りに行っていま すが、本番になると予期せぬトラブルが生じるのがラ イブ配信です。それも含めて楽しんでください。\n\n領 収書\n\nインボイス対応の領収書が必要な方は、アーカ イブ購入者向けのNotionからPDFをダウンロードしてご利 用ください。\n\n\n「アーカイブ視聴（会社として申し 込み、社内で共有）」のチケットを購入いただいてい る場合のみ、個別対応いたします。\n\n\n所轄税務署、 インボイス制度電話相談センターなどに相談し、次の ようにすることにしました。\n\n\nインボイス対応の領 収書発行について\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「当日の視聴は無料」ということは謝礼 もしかるべき金額ですし、日々の仕事の中から準備の 時間を捻出されています。少し寛大なムードで受け取 ってくださいますと幸いです。\n分単位で細かく練ら れたカリキュラムではなく、少し緩めに進行します。 コメントを拾って脱線することもあります。言い換え ると学習だけをされたい方には向いていません。\n若 干の延長など、ぴったり進行しないことがあります。\ n\n\n協力企業のご紹介\n\n本イベントには、下記の企業 の協賛、協力をいただいています。\n\n\n文賢（ブンケ ン）～文章をより良くするための推敲・校閲・校正支 援ツール\nKDDIウェブコミュニケーションズ レンタルサ ーバー「CPI」、簡単ホームページ作成「ジンドゥー」 など提供\n一般社団法人ウェブコンサルタント・ウェ ブアドバイザー協会 戦略を立て、ターゲットとするお 客様に明確に伝え、選ばれ、成果を出すための教育を 提供\nJILLA（日本イラストレーション協会）　文芸美術 国保への加入や交流会などメリットいっぱい\nWEBSTAFF　 あなたの“強み”をとことん見つける　IT・Web好きの 転職エージェント\n\n\n\n\nまた、多くの制作会社に協賛 いただいています。\n\n\nウェブライダー\nLINICA\nエンタ ミナ\nコンセント\nサービシンク\nビットエー\nトゥー アール（to-R）\nヘルツ\nアップルップル\nCODE54\nHAMWORKS\n S-FACTORY\nnecco\nFLAT\nましじめ\nグローバルデザイン\nエイ チツーオー・スペース\nGear8\nマジカルリミックス\nONiWA \nさきがけデジタル\nr360studio\n\n\n\n\n通年で協賛を募集 しています。検討くださいますと幸いです。\n\nお問い 合わせ\n\n問い合わせはDoorkeeperのフォームからお送り ください。 LOCATION:オンライン URL:https://techplay.jp/event/979836?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR