真髄CSS レイアウト設計術 基礎から学ぶアルゴリズムと問題解決

著名マークアップエンジニアの久保知己氏登壇、CSSの根元的基本を学び、CSS本来の仕組みを知る、CSS最強入門講座。

こんなことを学びます

「CSSのレイアウト構築が、思い通りにいかない。」
「果たして、レイアウトに関してこのCSSの書き方で正解なのか。」
「レイアウトの崩壊を招く、ウェブブラウザ固有のバグの対応方法ががわからない。」

これらの悩みを抱くウェブクリエイターの方や現場は少なくありません。
その悩みの多くは、CSSに対する基礎知識の不足と最新知識の無知が原因と言えます。

また、CSSは手軽で覚えやすい技術です。
それゆえに「なんとなく」組めてしまいます。
「なぜdiv要素は、縦に積み上がるようにレイアウトされるのか?」
「マージンとパディングの使い分けは?」
など、潜在的に生じる疑問や不安に対して答えを持つことが大切です。

この講座では、業界最先端の呼び声が高い株式会社まぼろしでマークアップエンジニアを務め、ブログ「KOJIKA17」でお馴染みの久保知己氏を招き、基礎からCSSのレイアウト設計術を伝授。
CSSの根本にある概念から学びます。

新しいCSSレイアウト方法などが登場していますが、基礎をしっかり学び理解することで、レイアウトの構築が早く確実なものとなり、副次的にウェブブラウザでバグなどが起きたときにも、論理的に解決できる力がつきます。

この講座でCSSの正しい理解を身につけて、もう、レイアウトで苦しむことはありません。


Keywords: CSS, レイアウト


● この講座で学べること
○ CSSの基本用語(セレクタ、宣言ブロック、宣言プロパティなど)
○ ユーザーエージェントスタイルシート(ブラウザデフォルトのスタイルシート)の覚えておく振る舞い
○ displayプロパティは、HTMLにどんな作用があるのか
○ ブラウザが見ているCSSの世界(視覚整形モデル)
○ プロパティの特性を理解してレイアウトを組む
○ レイアウトに必要な組み合わせ
○ トリッキーなCSSの使い方とCSSプロパティの限界

● この講座で得られること
○ CSSについての深い理解
○ 書籍だけでは得られないCSSの実践的な知識
※ 学習教材や資料がある場合は、お持ち帰りいただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロード可能です。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオン講座ながら、手ぶらの聴講のみでもご参加可能なハイブリッド・ハンズオン形式です。
○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。
○ 操作の解説は、デモンストレーションで実演して解説します。
○ 講義後に、質疑応答の時間を設けます。

● 協賛企業・ブランド
株式会社まぼろし < https://maboroshi.biz >

#bauya63
続きを読む

日程・開催時間を選ぶ

受付中 残りわずか

1月23日(木)

18:45 - 20:45

東京 / 銀座・大手町

※予約後のキャンセルはできません。

参加人数

19/20人

開催場所

東京メトロ東西線 竹橋駅 徒歩2分
ちよだプラットフォームスクウェア ミーティングルーム001 東京都千代田区神田錦町3‐21 ちよだプラットフォームスクウェア 地下1階

価格(税込)

¥3,800

  • 受付中 残りわずか

    1月23日(木)

    18:45 - 20:45

    東京 /銀座・大手町

    選択中 選択
  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
29人が受けたい登録しています

開催日程

1月23日(木) 18:45 - 20:45

¥3,800
参加人数 19/20人
場所 東京メトロ東西線 竹橋駅 徒歩2分

この講座の先生

久保 知己のプロフィール写真
株式会社まぼろし マークアップエンジニア

久保 知己

マークアップからCMSの構築まで、さまざまなウェブサイトの制作に関わったのち、2014年にまぼろしに入社。 

Adobe公式ブログで「Dreamweaver」や「Emmet」など、コードを中心とした記事を連載。また個人ブログ「KOJIKA17」では、HTMLやCSSを中心に基礎からトリッキーな手法や技術などを紹介している。 

主な著書に『プロとして恥ずかしくない 新・WEBデザインの大原則』(共著 MdN)、『いちばんよくわかるWebデザインの基本きちんと入門』(共著 SBクリエイティブ)などがある。 

株式会社まぼろし < https://maboroshi.biz > 
Web Design KOJIKA17 < https://kojika17.com >

この講座の主催団体

BAU-YA

プロとプロを目指すクリエイターの学び舎、BAU-YA(バウヤ)。
アートやデザイン、ITやウェブなどの、トップクリエイターや著名講師による『いま、伝えたいこと』を、そのまま講座にして催します。


■ BAU-YAにある『技術系講座』と『知識系講座』の2つのスタイル

『技術系講座』は、ふんだんに実演デモを駆使するハイブリッド・ハンズオン講座。

制作の現場で必須のテクニックを学べます。

一緒に実習しながらでも、または聴講のみでも、どちらでも参加できるスタイル。
使用する学習サンプルは、受講後でもダウンロードして何度でも練習いただけます。

『知識系講座』はふんだんに図解で解説する座学講座。
業界人として必須の教養や情報を学べます。
スライドや資料などを見ながら、じっくり学ぶスタイル。
提示されるスライドや資料は、受講後でもダウンロードして何度でも復習いただけます。


■ BAU-YAが招聘する実力派講師陣

クリエイティブ業界の最前線で活躍している、経験豊富なク... もっと見る >>

主催団体に質問する 教室ページをみる
  • 当日の流れとタイムスケジュール

    ■ 開場時間
    開演15分前から

    ■ 所要時間
    約1.5–2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. オープニング(BAU-YAおよび講座について説明,登壇者紹介など 約5分)
    2. 講義(約35–50分)
    3. 休憩(約5分)
    4. 講義(約35–50分)
    5. 質疑応答(約5分)
    6. エンディング(約5分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
    • こんな方を対象としています

      □ ウェブデザイナーやコーダー、フロントエンドエンジニアの方
      □ CSSを学び始めた初学者の方
      □ スキルアップに伸び悩んでいるコーディング歴 2, 3年目の方
      □ 近年の新しいレイアウト方法に疎い方
      □ CSSのレイアウト方法を極めたい方
    • 受講料の説明

      参加費に、場所代や教材費などはすべて含まれています。
      参加費の他に、一切費用はかかりません。
      ※ 領収書はストリートアカデミーから発行・印刷することができます。
        < https://support.street-academy.com/hc/ja/articles/201345225 >
    • 受講する際は以下をお読み下さい

      ■ ご持参いただくもの
      □ ハンズオン受講の方は、ノートタイプのコンピューターをご持参ください。
      □ オンライン上で利用できるブラウザエディターのCodePenを利用して進めます。
      ※ 聴講のみのご参加も歓迎です。
      ※ OSは問いません。
      ※ コンピューターの動作やOS、ソフトウェアなどの動作不良に関するサポートは行いません。
      □ 電源を使われる方は、電源タップをご持参ください。
      □ メモを取るための筆記用具やデバイスはご持参ください。

      ■ その他
      □ 講義中の録音などの一切の収録行為を禁じます。
      □ 講座内で配布する資料やファイルなどの一切の二次利用や再配布、無断転載などを禁じます。
      □ お名刺をお持ちでしたら、講座終了後に、登壇者や主宰者とご交換ください。
    ※ストアカでは全講座に保険が適用されます。詳しくはストアカ補償制度をご覧ください。

    この主催団体の他の講座

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?