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
JavaScriptの新しい文法を学習しよう
Search
echizenyayota
April 07, 2019
Programming
1
320
JavaScriptの新しい文法を学習しよう
Reactで見るECAMScript2015のアロー関数式
echizenyayota
April 07, 2019
Tweet
Share
More Decks by echizenyayota
See All by echizenyayota
日本語話者と英語話者のためのIT技術者交流コミュニティ_事始め_日本語_英語_.pdf
echizenyayota
0
330
外出自粛期間のおすすめ! オンラインサービスで 自由気ままな英語学習
echizenyayota
0
360
Visual Studio CodeでJavaScriptプログラミング
echizenyayota
0
230
他人のソースコードをすばやく読むコツ 項とJavaScriptの演算子
echizenyayota
0
110
ドットインストールの質問回答サービスで身につくプログラミング学習法
echizenyayota
0
110
「Webパフォーマンス改善セミナー」 概要説明
echizenyayota
1
49
JavaScriptの正規表現で リファラースパムを退治した話
echizenyayota
0
100
さくらのVPSでプラグインを使わないWordPressのバックアップ
echizenyayota
0
1.2k
JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のクラス構文~
echizenyayota
0
300
Other Decks in Programming
See All in Programming
AHC035解説
terryu16
0
710
CSC307 Lecture 12
javiergs
PRO
0
220
CSC307 Lecture 05
javiergs
PRO
0
210
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
유연한 Composable 설계
l2hyunwoo
0
380
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
継続的な活動で築く地方エンジニアの道
myamashii
2
350
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
134
6.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Visualization
eitanlees
139
14k
A Modern Web Designer's Workflow
chriscoyier
689
190k
How to name files
jennybc
67
96k
Designing for Performance
lara
604
67k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
Gamification - CAS2011
davidbonilla
78
4.9k
Transcript
JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のアロー関数式~ 2019年4月7日(土) 2019年4月号 第2回JavaScript(ECMAScript 2015)初心者もくもく勉強会の日 @ さくらインターネット本社
About me 福井 洋(ふくい ひろし) WordPress関連の個人事業主 (ブログサイトの運営・プラグイン開発・サーバー環境構築) http://e-yota.com https://speakerdeck.com/echizenyayota https://twitter.com/echizenya_yota
主なコミュニティ活動 さくらクラブ いろいろ初心者もくもく勉強会 管理人 https://saku-love.doorkeeper.jp/events/63785 WordCamp Tokyo 2018 スピーカー https://2018.tokyo.wordcamp.org/speaker/fukui-hiroshi/
エコテキブログ(個人ブログ) https://e-yota.com/
Reactとは UIを作るために Facebook社が開発した JavaScriptライブラリ (公式ドキュメント)
私がReactの学習をはじめた理由 自分のブログサイトを 高速表示させたいから (フロントエンドとバックエンドの分離)
Reactを知っておくメリット 複雑なUIが簡単に扱える (らしい)
Reactの例(カウンターアプリ) http://takaiba.net/basic_react_js/
Reactの学習方法 ドットインストール(980円/月) (React入門 全19回) (ReactでTodo管理アプリを作ろう 全17回)
ドットインストールの学習効果を引き出すコツ a. 公式ドキュメントのアプリを作って試す b. JavaScriptの文法(ECMAScript2015)を学習
a. 公式ドキュメントのアプリを作成 http://takaiba.net/react_class/
ボタンアプリのコーディング https://bit.ly/2FLZsLD
b. JavaScriptの文法(関数)を学習 関数とは一連の処理をいつでも呼び出せるようにしたもの。
宣言文に関数名の定義 https://bit.ly/2G7NNpz
関数リテラルによる定義 https://bit.ly/2DHC2Vv
Functionコンストラクタによる定義 https://bit.ly/2FUkK9N
アロー関数式による定義 https://bit.ly/2Utn2jD
アロー関数式の例(その1) https://bit.ly/2RRL0rT
アロー関数式の例(その2) https://bit.ly/2CPwQwT
アロー関数式の変形バージョン(その1) https://bit.ly/2HDr9YM
アロー関数式の変形バージョン(その2) https://bit.ly/2DE4K9t
参考ページ Reactと新しいJavaScriptの文法(ECMAScript6)~ アロー関数式について https://e-yota.com/webservice/react_ec6_arrow_function/
参考書籍 https://amzn.to/2D2yL2n
ご清聴ありがとうございました!