このコースについて
Astroは、Webサイトを制作するためのフロントエンドフレームワークです。ヘッドレスCMSなどと連携しながら、HTML/CSS /JavaScriptなどのフロントエンド技術だけで高度なWebサイトの開発が可能となる強力なフレームワーク機能を提供しています。
今回は、Astroの使い方から実際の開発方法まで紹介していきます。ぜひご覧ください。
後編はこちら「ちゃんと学ぶ、Astro ~②Astroをより深く知ろう~」
本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。
※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。
講師プロフィール
ともすたCHANNEL:https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA
谷口 允(たにぐち まこと) ともすた/H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。
主な著書に『6さいからつかえるパソコン』(技術評論社刊)、『よくわかるPHPの教科書』(マイナビ刊)など。
コース内容
- はじめに
- 開発環境を整えよう(macOS)
- 開発環境を整えよう(Windows)
- Node.jsをインストールしよう
- プロジェクトを作成しよう
- ページを増やそう
- 画像を表示しよう
- 変数でページを書き換えよう
- HTML属性を書き換えよう
- レイアウトを作ろう
- propsで値を受け渡そう
- マークダウンからレイアウトに値を渡そう
- コンポーネントを使おう
- 配列を使おう
- 繰り返し構文で配列を表示しよう
- JSON形式データを扱おう
- JSON形式の配列を扱おう