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
340
外出自粛期間のおすすめ! オンラインサービスで 自由気ままな英語学習
echizenyayota
0
420
Visual Studio CodeでJavaScriptプログラミング
echizenyayota
0
250
他人のソースコードをすばやく読むコツ 項とJavaScriptの演算子
echizenyayota
0
110
ドットインストールの質問回答サービスで身につくプログラミング学習法
echizenyayota
0
110
「Webパフォーマンス改善セミナー」 概要説明
echizenyayota
1
49
JavaScriptの正規表現で リファラースパムを退治した話
echizenyayota
0
110
さくらのVPSでプラグインを使わないWordPressのバックアップ
echizenyayota
0
1.3k
JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のクラス構文~
echizenyayota
0
300
Other Decks in Programming
See All in Programming
Wallet API, Verifier APIで実現するIDカード on iPhoneの世界
shitamori1272
1
320
めざせ!WKWebViewマスター! / WKWebView Master
marcy731
3
490
What is Parser
yui_knk
4
1k
オートマトン学習しろ / Do automata learning
makenowjust
3
100
GoのIteratorに詳しくなってしまう
inatonix
1
180
長期運用プロダクトの開発速度を維持し続けるためのリファクタリング実践例
wataruss
8
2.6k
(非公開スライド追加)座談会 「Strict ConcurrencyとSwift 6が開く新時代: 私たちはどう生きるか?」
shiz
1
140
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
1
990
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
600
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
210
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
390
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
22
580
Visualization
eitanlees
142
15k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
24
2k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Mobile First: as difficult as doing things right
swwweet
220
8.8k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
25
5k
Building Applications with DynamoDB
mza
89
5.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Web Components: a chance to create the future
zenorocha
308
41k
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
ご清聴ありがとうございました!