Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Reactの紹介
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
hiroto333
April 14, 2025
Education
0
39
Reactの紹介
Reactについて簡単に紹介するスライドを作成しました.
hiroto333
April 14, 2025
Tweet
Share
More Decks by hiroto333
See All by hiroto333
Rustの紹介
hiroto333
0
26
Goの紹介
hiroto333
0
47
Runwayの紹介
hiroto333
0
25
Other Decks in Education
See All in Education
渡辺研Slackの使い方 / Slack Local Rule
kaityo256
PRO
10
11k
1021
cbtlibrary
0
400
俺と地方勉強会 - KomeKaigi・地方勉強会への期待 -
pharaohkj
1
1.6k
ThingLink
matleenalaakso
28
4.3k
1008
cbtlibrary
0
130
多様なメンター、多様な基準
yasulab
PRO
5
19k
【dip】「なりたい自分」に近づくための、「自分と向き合う」小さな振り返り
dip_tech
PRO
0
210
栃木にいても「だいじ」だっぺ〜! 栃木&全国アジャイルコミュニティへの参加・運営の魅力
sasakendayo
1
130
Google Gemini (Gem) の育成方法
mickey_kubo
2
1.2k
学習指導要領と解説に基づく学習内容の構造化の試み / Course of study Commentary LOD JAET 2025
masao
0
120
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
PRO
4
17k
くまのココロンともぐらのロジ
frievea
0
140
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Designing Powerful Visuals for Engaging Learning
tmiket
0
210
RailsConf 2023
tenderlove
30
1.3k
Leo the Paperboy
mayatellez
4
1.3k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
130
How GitHub (no longer) Works
holman
316
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Music & Morning Musume
bryan
47
7k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
A Tale of Four Properties
chriscoyier
162
24k
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とは、フロントエンド開発で大人気のツール」 結論
ご清聴ありがとうございました