大阪市中央区備後町3-6-2 大雅ビル3F
申し込み受付は終了しました
| A[先着割引] セミナーのみ（先着7名） | 4,000円 前払い |
|---|---|
| B[先着割引] セミナー + 懇親会（先着7名） | 5,500円 前払い |
| Cセミナーのみ | 5,000円 前払い |
| Dセミナー + 懇親会 | 6,500円 前払い |
| E【アーカイブ参加】当日参加できない方用 : 開催後に動画で視聴 | 4,000円 前払い |
| 出演者・運営スタッフ | 無料 |
当日参加できない方は、「アーカイブ参加」にお申し込みいただければ、後日アーカイブ（録画）を視聴いただけます。
CSS Nite in Osaka, vol.58は、リアル会場での開催となります。
Figmaは、2022年7月に待望の日本語版がリリースされ、2022年9月には Adobe社が買収する意向を発表するなど、今最も注目を集めているデザインツールです。
今回のCSS Nite in Osakaでは、Figmaでのデザインカンプとプロトタイプ作成からその後のコーディングまでの流れを、セミハンズオンでじっくりと学びます。
※参加者の方も手を動かしながら学習するセミハンズオン形式としていますが、「一緒に操作はせず、聞くだけ」「後でアーカイブでじっくりやってみる」という参加方法も歓迎です！
コラボレーションインターフェイスデザインツールであるFigmaには、Webデザインを効率良く行うための機能が多数搭載されています。
コーダーが「よしなに」実装してくれることを期待したり甘えたりせず、プロジェクトメンバーがしっかりと実装のイメージがつかめるような、適切なデザインデータを作成しましょう。
Figmaでのデザイン作業を通して、次の内容を学習します。
「Figmaを使うのは初めて」でも大丈夫ですが、Adobe XDやPhotoshop、Illustratorなど他のデザインツールを触ったことがあることを前提に進めます。
講師はFigmaのデスクトップアプリ版を使用しますが、Figmaのブラウザ版を使っていただいてもかまいません。
適切にデザインされたFigmaデータからは、今までグラフィックデザインツールで表現できなかった中間サイズの挙動などやインタラクションなどを読み取ることができます。
今回のハンズオンではFigmaデータに込められたデザイナーの意図を汲み取り、効率的に実装するためのコーディングを学びます。
実際のデザインデータからのコーディングで、次の内容を学習します。
HTML・CSSの基本的な書き方については解説しません。 HTML・CSSがそれなりに書けることを前提に進めます。
講師はVisual Studio Codeを使用しますが、お好きなコードエディタを使っていただいてもかまいません。
株式会社ロクナナ
大阪出身大阪在住のWeb/UIデザイナー。東京理科大学理工学部卒業。
通信機器メーカーで開発・サポート業務に従事したのち、デザイン・広報秘書業務に転身。2010年からフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。
講師業や「Adobe XD ユーザーグループ大阪」、「CSS Nite in Osaka」の運営、セミナー登壇・企業研修にも力を入れている。 2020年に『Adobe XDではじめるWebデザイン＆プロトタイピング 一歩先行く現場のスキル』（翔泳社）を上梓。2023年から株式会社ロクナナに所属。
フロントエンドエンジニア
株式会社How to Use CTO/株式会社ステラクリエイト CEO/総合webサービス タダフラ 代表/デジタルハリウッドSTUDIO大阪・京都芸術デザイン専門学校 講師/星のソムリエ®
大阪生まれ大阪育ち。 パチンコ店の店長からEC業界へ。そののち、知財を扱うスタートアップでシステム開発・Webサイト制作・アプリ開発を担当。フリーランスとしてWeb制作も行う。
EC時代に天体望遠鏡を販売していた経験から、星空事業を主とした法人を2020年6月に設立。
| イベント名 | CSS Nite in Osaka, vol.58「デザイナーとコーダーがお届けする、今日からできるFigma & Coding」 |
|---|---|
| 日時 | 2023年5月20日(土)13:00-18:00（開場12:30） （終演時間は変更の可能性アリ） |
| 会場 | 中央会計セミナールーム |
| 会場定員 | 40名（アーカイブ参加は定員なし） |
| 出演 | 松下 絵梨（まつした・えり） 長谷川 喜洋（はせがわ・よしひろ） |
| 司会進行 | 松下 絵梨 |
| 形式 | セミハンズオン |
| ハッシュタグは #cssniteです。 |
| 時間 | イベント | 出演者 |
|---|---|---|
| 12:30 | 開場・受付開始 | |
| 13:00 | オープニング | |
| 13:10 | FigmaでレスポンシブWebデザイン | 松下 絵梨 |
| 15:10 | 休憩・転換 | |
| 15:30 | Figmaから効率よくコーディング | 長谷川 喜洋 |
| 17:30 | 休憩・転換 | |
| 17:40 | アフタートーク・エンディング | 松下 絵梨・長谷川 喜洋 |
| 18:00 | 終了 |
懇親会（別途実費）は、同会場にて、18:10〜19:30頃を予定しています。
「アーカイブ参加」でお申し込みされた方、当日参加できなかった方、および改めて見返したい方には、開催後に発行するフォローアップメールにてアーカイブ動画の視聴URLをお知らせします。
領収書はDoorkeeperから発行できます。
CSS Nite（シーエスエス・ナイト）は、Web制作に関わる方のためのセミナーイベント。 大阪版の「CSS Nite in Osaka」は、2018年4月から、ツキアカリが運営しています。
メンバーになる
