Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Reactの紹介
Search
hiroto333
April 14, 2025
Education
0
38
Reactの紹介
Reactについて簡単に紹介するスライドを作成しました.
hiroto333
April 14, 2025
Tweet
Share
More Decks by hiroto333
See All by hiroto333
Rustの紹介
hiroto333
0
25
Goの紹介
hiroto333
0
39
Runwayの紹介
hiroto333
0
22
Other Decks in Education
See All in Education
コマンドラインを見直そう(1995年からタイムリープ)
sapi_kawahara
0
600
The World That Saved Me: A Story of Community and Gratitude
_hashimo2
3
410
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
signer
PRO
0
3k
俺と地方勉強会 - KomeKaigi・地方勉強会への期待 -
pharaohkj
1
1.5k
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.2k
TeXで変える教育現場
doratex
0
5k
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
1008
cbtlibrary
0
120
Web Search and SEO - Lecture 10 - Web Technologies (1019888BNR)
signer
PRO
2
3k
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.4k
HyRead2526
cbtlibrary
0
170
2025年度伊藤正彦ゼミ紹介
imash
0
140
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
We Have a Design System, Now What?
morganepeng
54
7.9k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
180
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandezseo
0
83
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
370
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
200
Agile that works and the tools we love
rasmusluckow
331
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
290
Crafting Experiences
bethany
0
19
Transcript
Reactの紹介
目次 Reactって何? はじめに
「Reactとは、フロントエンド開発で大人気のツール」 結論
React 概要 WebサイトやWebアプリのUI部分を開発する際に活用する JavaScriptライブラリ React.jsとも呼ばれる Facebook社が開発し、2013年にオープンソース化
Declarative (宣言的である) Component-Based (コンポーネント指向) Learn Once, Write Anywhere (一度学習すれば、 どこでも使える)
特徴 出典:https://ja.react.dev/reference/rules
宣言的である 特徴 宣言的:条件と結果が明確にコードに示されている状態 誰がコードを見ても理解しやすい デバックやテストがしやすい
特徴 アプリケーションの構成要素をコンポーネント(小さい部 品)に分け、機能を分割する 一部分の変更が可能 改修や管理・再利用がしやすい コンポーネント指向
特徴 Webアプリケーションだけでなく様々な分野で応用可能 例)React Nativeでモバイルアプリ開発 React Native:iOSやAndroidのJavaScriptエンジンを活用 できるフレームワーク React360:VRコンテンツを開発できるフレームワーク
一度学習すれば、どこでも使える
メリット レンダリングが高速 コードを再利用しやすい(コンポーネント指向) JavaScriptベースで、比較的学びやすい レンダリング:プログラムやデータを人間が認識できる表示形式 (画像やWebページなど)に変換する処理 特徴
デメリット 不向きな場合がある 例)地図アプリ〇 ニュースアプリ× JSXの記述方式に慣れが必要 特徴 JSX(JavaScript XML): JavaScriptの拡張構文で、JavaScriptファイル内にHTMLの ようなコードを記述できるよ うにするもの
Slack Netflix 事例 Facebook Instagram
ランキング 出典: https://www.publickey1.jp/blog/23/state_of_javascrip t_20221reactnextjsjest4.html https://techmania.jp/blog/javascript0011/ 利用率 Google検索数
「Reactとは、フロントエンド開発で大人気のツール」 結論
ご清聴ありがとうございました