完成

Author: hayatosc

docs/ch3/2_github_pages.md

@@ -105,4 +105,10 @@ jobs:
         uses: actions/deploy-pages@v4
 ```
 
-コミットログ: [e4527b2](https://github.com/s-union/astro-hands-on/commit/e4527b2208ab7fb93e43e263a29a5f7452044844)
+コミットログ: [e4527b2](https://github.com/s-union/astro-hands-on/commit/e4527b2208ab7fb93e43e263a29a5f7452044844)
+
+このファイルをコミットすると、自動でActionが実行され、ページがデプロイされます。もし失敗したら設定のどれかが間違っているため確認してみてください。
+
+以降、mainブランチに何らかのコミットが行われると自動でデプロイされるようになります。
+
+[次のページへ](/docs//ch3/3_finale.md)

docs/ch3/3_finale.md

@@ -0,0 +1,57 @@
+# おわりに
+
+これにてAstroハンズオンは完全に終了です！これでAstroの基本的な記述方法が分かったかと思います。
+
+最後にAstroに限らないフロントエンド全般の話をして終わろうと思います。
+
+## フロントエンドはなぜ難しいのか？
+
+Astroを触ってみて難しいと感じた人も多かったと思います。HTML・CSSだけの知識に留まらず、JavaScript/TypeScript、更にはNode.jsやJSXの知識も求められ、いきなり始める人には敷居が高いものであるのは事実だと思います。
+
+実際、フロントエンドエンジニアと呼ばれる人達はこれ以外にも以下のような知識を身につけることを求められています。
+
+- **ブラウザの違い**
+  - 現在主要なブラウザにChrome、Firefox、Safariがある。これら全てのブラウザで正しく同じ動作を行えるか？
+- **セキュリティ**
+  - Webサイトを構築する上でセキュリティ的な問題(XSS)などを回避できているか？
+  - 認証サービスの認証・認可を正しく行えるか？
+- **パフォーマンス最適化**
+  - 画像の圧縮、コードのMinify、キャッシュなどを上手く扱えるか？
+- **SEO**
+  - 検索エンジンにクロールされるよう、metaタグやOGPの設定を行っているか？
+- **レスポンシブデザイン**
+  - スマートフォンとPC、双方にとって最適なデザインを作れているか？
+- **アクセシビリティ**
+  - imgのaltなど、Webサイトで必要となるアクセシビリティをきちんと実現できているか？
+- **テスト**
+  - テストコードをきちんと書けているか？
+  - UIは複雑だが、それを見越したテスト戦略を実現できているか？
+- **CI/CDツールの扱い**
+  - GitHub Actionsなどを正しく扱えるか？
+- **インフラツールの扱い**
+  - AWSやGoogle Cloudなどにデプロイできるか？
+  - DockerやKubernatesなどのコンテナ管理ツールを扱えるか？
+
+なぜフロントエンドはここまで複雑な領域となったのでしょうか？1つ言えることは、フロントエンドは移り変わりがあまりにも激しいことでしょう。
+
+10年前くらいなら、Webサービスの多くは[Ruby on Rails](https://rubyonrails.org)のようなフレームワークに[jQuery](https://jquery.com)を書けばそれで済んでいたかもしれません。
+
+しかし、Webサービス上でなんでもやる需要が増え続け、メンテナンスが行き届かなくなるのを避けるためにやがて[Angular](https://angular.dev)が生まれました。でも、今では[React](https://ja.react.dev)のほうが優勢です。そのReactですら、[最新のアーキテクチャは議論を呼んでいます](https://www.docswell.com/s/ashphy/KM1NQ6-you-dont-need-nextjs)[^1]。
+
+[^1]: これは2024年2月に行われた講演のスライドですが、これですらもう古い情報です。スライドに出てくるNext.jsはv15でキャッシュを見直し、Remixはreact-routerというライブラリにマージされました。
+
+## フロントエンドでどう生きるか
+
+では、こんな激しい領域でどのように生き残っていけばよいでしょうか。私は **技術の本質をつかむ** のが大切であると考えます。
+
+あと、これから5年くらいは持ちそうなものを探すのも大切です。個人的な見解としては
+
+- HTML、CSS、JavaScript
+  - 絶対なくならない
+- TypeScript
+  - 恐らくこれも大丈夫。Microsoftが開発やってるし、周りのライブラリも皆TypeScriptで書いてるし
+- JSX
+  - これも長生きしそう。フロントエンド向けに書く記法はいっぱいあるけど、足りない部分をJavaScriptで補えるのが良い
+  - Reactもなんだかんだ使われそう。React Nativeとかもあるし
+
+あたりでしょうか。これを学べるという点で、Astroはよくできると思います。