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
340
JavaScriptの新しい文法を学習しよう
Reactで見るECAMScript2015のアロー関数式
echizenyayota
April 07, 2019
Tweet
Share
More Decks by echizenyayota
See All by echizenyayota
日本語話者と英語話者のためのIT技術者交流コミュニティ_事始め_日本語_英語_.pdf
echizenyayota
0
420
外出自粛期間のおすすめ! オンラインサービスで 自由気ままな英語学習
echizenyayota
0
530
Visual Studio CodeでJavaScriptプログラミング
echizenyayota
0
310
他人のソースコードをすばやく読むコツ 項とJavaScriptの演算子
echizenyayota
0
130
ドットインストールの質問回答サービスで身につくプログラミング学習法
echizenyayota
0
140
「Webパフォーマンス改善セミナー」 概要説明
echizenyayota
1
67
JavaScriptの正規表現で リファラースパムを退治した話
echizenyayota
0
130
さくらのVPSでプラグインを使わないWordPressのバックアップ
echizenyayota
0
1.4k
JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のクラス構文~
echizenyayota
0
360
Other Decks in Programming
See All in Programming
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
120
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
310
CSC305 Lecture 08
javiergs
PRO
0
250
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
6
3.2k
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
170
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
620
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
520
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
410
Google Opalで使える37のライブラリ
mickey_kubo
2
110
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
190
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
33k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Side Projects
sachag
455
43k
How GitHub (no longer) Works
holman
315
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
A better future with KSS
kneath
239
18k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.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
ご清聴ありがとうございました!