Chapter 01

マークアップ言語シリーズ: Lesson 5 オブジェクト指向CSS(OOCSS)へようこそ!

Arisa Fukuzaki
Arisa Fukuzaki
2021.06.07に更新

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

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

この教材は、私が運営をしている、テックスキル、知見、経験シェアの無料オンラインコミュニティ | Lilac(ライレック)」の無料教材です。

この本は、Markup Seriesのシリーズ第5段です。

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

本書の特徴

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

本書の対象者

  • 新しくプログラミングを学習したい人
  • web開発、フロントエンド開発をこれから学習したい人
  • プログラミング学習を始めたいけど、どの言語から取り組めば良いか迷っている人
  • HTMLの学習をしたことのある方
  • マークアップ言語シリーズ: Lesson 4 並列、Flexboxの本を読み終えた方
  • CSSを学習したい人

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

  • テキストエディタの導入(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

職業

  • StoryblokのDeveloper Relations Engineer
  • テックスキル、知見、経験シェア無料オンラインコミュニティ、Lilac運営者

得意分野

  • JavaScript
  • React.js
  • Gatsby.js
  • Next.js

経歴

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

web開発、webアプリケーション開発行う。

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

2021年6月より、オーストリア発祥のHeadless CMSで唯一visual editor搭載のStoryblokで、Developer Relations Engineerをしている。
登壇やStoryblok内のコミュニティ活動、ハンズオン公式ドキュメントなどの貢献を通し、エンジニアとビジネスマーケター全ての人がコンテンツを管理しやすくなる基盤構築が目標。

DevRelの仕事の傍、Front-End Foxes SchoolのAfrica Cohortでメンターをしたり、オンラインコミュニティLilac(ライレック)の運営、イベント企画をしたり、Podcast、テック記事執筆をしている。

Gatsby.js公式オンラインイベント、GatsbyConf 2021で登壇経験あり。

https://youtu.be/Xtrqm4zZGQY

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