Chapter 01無料公開

マークアップ言語シリーズ: Lesson 6 CSSグリッドへようこそ!

本書を手に取ってくださり、ありがとうございます。

この本は、これから新しくプログラミング学習を始められる方に向けて、いずれは実践スキルを習得することを目標に、まずは最も優しい基本のCSSスキルを習得することを目的として、作成しています。

この教材は、私が現在開発を手掛けていて、近日中にリリース予定の「オーダーメイド感覚プログラミング学習サービス | Lilac(ライレック)」で提供をする教材の、先行販売版です。

Lilac(ライレック)では、以下の2つの方法から、それぞれお好きなプランでご利用いただくことのできる、学習方法のパーソナライズに特化した、オンラインプログラミング学習サービスです。

  1. Textbook プラン: 必要なトピックの教材のみの購入利用
  2. Tutoring プラン: 全教材アクセス権 + 個別メンターArisaによる学習サポート + 案件受注&納品やポートフォリオ作成などのサポート

この本は、Markup Seriesのシリーズ第6段です。
チャプター1から16は、無料でお読みいただけます。

マークアップ言語シリーズ: Lesson 7以降の本や、そのほかのシリーズの本は、私のZennプロフィールよりご覧いただけます。

本書の特徴

  • 動画ソースでは難しい、特定の内容のリーチがしやすい
  • 独学向けソースでは省略されがちな、細かい設定や説明が読める
  • 専門用語には、わかりやすい例を用いた解説がついている
  • 視覚的資料と、わかりやすい文章で、MDNなどの公式ドキュメントでは理解がしづらい内容もカバー
  • 1冊のボリュームが軽いので、読み切りやすい
  • 動画ソースでは難しい、最新の内容も随時アップデート

本書の対象者

本書を読むために必要な環境

  • テキストエディタの導入(Visual Studio Code推奨)

Visual Studio Codeの導入方法は、こちらの「マークアップ言語シリーズ: Lesson 0 Visual Studio Codeを導入してみよう」で無料で読むことができます。
15分-30分前後で設定できる内容ですので、ぜひ、本書に取り組む前に導入が必要であれば活用してください。

  • 本書のテキスト内、ソースコード

以下のリンクより、ダウンロードすることができます。

「Code」という緑のボタンをクリックすると、「Download zip」という選択肢があり、ダウンロードできます。

github-download-zip

該当チャプターに、該当のソースコードが入っているフォルダ名の指定があります。

実際に皆さんの環境でも、手を動かしながら反映を見る必要があるものを、このソースコードフォルダ内にまとめています。

本書のテキスト内ソースコード

本書の環境

  • OS: macOS
  • テキストエディタ: Visual Studio Code
  • ブラウザ: Google Chrome Canary

作者プロフィール

著者

Arisa Fukuzaki

profile_img

職業

  • フリーランス フルスタックエンジニア
  • フロントエンド開発個人講師(マンツーマン学習サポートをご希望の方はこちらまで)
  • Lilac 運営&開発中

得意分野

  • JavaScript
  • React.js
  • Gatsby.js
  • React Native

経歴

ドイツに2017年から移住したフリーランスのフルスタックエンジニア。
新卒でエミレーツ航空で客室乗務員として勤め、在籍中に独学でプログラミングを学習し、2017年よりエンジニアとして活動を始める。

フロントエンドから入り、web開発、webアプリケーション開発、モバイルアプリ開発を行っている。

2018年より、現在も個人でフロントエンド開発をマンツーマンで教える講師活動をしている。
40人以上マンツーマンで教え、国内企業就職者、海外企業就職者、フリーランスのエンジニアを輩出した実績あり。

講師の活動の傍ら、テキスト教材販売と、マンツーマンプログラミング学習サポート提供のLilac(ライレック)を開発中。

https://youtu.be/Xtrqm4zZGQY

https://www.youtube.com/watch?v=dzJqVf6qFFg&list=PLCU2qJekvcN3DuWHUhdF4fhLpg2RyXDBB&index=12

新しい技術のキャッチアップと合気道、スノボ、旅行が好き。