Reactの紹介

Reactについて簡単に紹介するスライドを作成しました．

Transcript

1. Reactの紹介
2. 目次 Reactって何？ はじめに
3. 「Reactとは、フロントエンド開発で大人気のツール」 結論
4. React 概要 WebサイトやWebアプリのUI部分を開発する際に活用する JavaScriptライブラリ React.jsとも呼ばれる Facebook社が開発し、2013年にオープンソース化
5. Declarative (宣言的である） Component-Based （コンポーネント指向） Learn Once, Write Anywhere （一度学習すれば、 どこでも使える） 特徴 出典：https://ja.react.dev/reference/rules
6. 宣言的である 特徴 宣言的：条件と結果が明確にコードに示されている状態 誰がコードを見ても理解しやすい デバックやテストがしやすい 　　
7. 特徴 アプリケーションの構成要素をコンポーネント（小さい部 品）に分け、機能を分割する 一部分の変更が可能 改修や管理・再利用がしやすい 　　 コンポーネント指向
8. 特徴 Webアプリケーションだけでなく様々な分野で応用可能 　　例）React Nativeでモバイルアプリ開発 React Native：iOSやAndroidのJavaScriptエンジンを活用　　 　 　　　　　　　できるフレームワーク React360：VRコンテンツを開発できるフレームワーク 　　 一度学習すれば、どこでも使える
9. メリット レンダリングが高速 コードを再利用しやすい（コンポーネント指向） JavaScriptベースで、比較的学びやすい レンダリング：プログラムやデータを人間が認識できる表示形式 (画像やWebページなど)に変換する処理 特徴
10. デメリット 不向きな場合がある 　　例）地図アプリ〇　　ニュースアプリ× JSXの記述方式に慣れが必要 特徴 JSX(JavaScript XML)： 　JavaScriptの拡張構文で、JavaScriptファイル内にHTMLの ようなコードを記述できるよ うにするもの
11. Slack Netflix 事例 Facebook Instagram
12. ランキング 出典： https://www.publickey1.jp/blog/23/state_of_javascrip t_20221reactnextjsjest4.html https://techmania.jp/blog/javascript0011/ 利用率 Google検索数
13. 「Reactとは、フロントエンド開発で大人気のツール」 結論
14. ご清聴ありがとうございました