Atsulog#002

教科書より実践

事前学習について

今回はAtsulog制作のために勉強したことや使用した教材を簡単にまとめました． 前提として，掲載している教材は真面目に全て取り組んだわけではなく，実践中にわからない場所があれば参照するというスタンスで使用しました．

HTML/CSS

適当にYouTubeとかで勉強しました．Progateなんかでも良いと思います．

JavaScript

JS Primerで勉強しました．

ここは比較的真面目に取り組むべきところだと思います．Web開発の基礎はHTML/CSS/JavaScriptなので，一番時間をかけるべきなのはここです．

とはいえ，一章の文法は基礎的なところ(例外処理くらいまで)だけ勉強して，残りは二章のコーディング題材に取り組むのが良いと思います．

非同期処理も重要です．初見の人はイメージが難しいので，最初からテキストを読むのではなく意義を正しく理解するところからスタートすると良いと思います．

TypeScript

サバイバルTypeScriptで勉強しました．

TypeScriptはJavaScriptに静的型付けのルールを追加した拡張言語です．最近では生のJavaScriptを書くことは少ない(らしい)のでTypeScriptを学ぶと良いでしょう．

JavaScriptを理解していれば学習コストは低いです．僕は最初から「作って学ぶ」から勉強しました．

React

公式サイトで勉強しました．

ReactはJavaScriptのライブラリです．コンポーネントという概念を導入し，別々のファイルで定義していたHTML/CSS/JavaScriptを1つの部品として管理することができます．

最初に勉強したときは感動しました．それくらい面白いです．逆になぜ最初からこの仕様にしなかったのか教えてほしい．

Next.js

公式サイトで勉強しました．

Next.jsはReactのフレームワークです．Web開発ではフレームワークを使うことが一般的なので，興味がある人は調べてみると良いかもしれません．僕はNextしか使ったことがないので，これから他のものも使ってみたいです．

NextのようなJSのフレームワークは一貫して同じ言語を使うのでフロントとバックをそこまで意識しなくても開発できてしまうことが特徴です．これが良いのか悪いのかは議論の余地がある気がします．また別のフレームワークを使ったときに考えてみます．まあReactと相性が良いのは嬉しいですね．

他のフレームワーク

僕が興味あるものを書いてみます．

• Ruby on Rails (Ruby)
• Spring Boot (Java)
• Django, Flask, FastAPI (Python)

最後に

書くことないですね．タグをいっぱい使いました．また次回．