Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScriptの新しい文法を学習しよう

61e8d2d797a37913aafaeb8e8b38c373?s=47 echizenyayota
April 07, 2019
Programming
1
270

 JavaScriptの新しい文法を学習しよう

Reactで見るECAMScript2015のアロー関数式

61e8d2d797a37913aafaeb8e8b38c373?s=128

echizenyayota

April 07, 2019
Tweet

More Decks by echizenyayota

See All by echizenyayota
日本語話者と英語話者のためのIT技術者交流コミュニティ_事始め_日本語_英語_.pdf
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
210
外出自粛期間のおすすめ! オンラインサービスで 自由気ままな英語学習
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
210
Visual Studio CodeでJavaScriptプログラミング
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
130
他人のソースコードをすばやく読むコツ 項とJavaScriptの演算子
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
87
ドットインストールの質問回答サービスで身につくプログラミング学習法
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
71
「Webパフォーマンス改善セミナー」 概要説明
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
1
36
JavaScriptの正規表現で リファラースパムを退治した話
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
55
さくらのVPSでプラグインを使わないWordPressのバックアップ
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
1k
JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のクラス構文~
61e8d2d797a37913aafaeb8e8b38c373?s=48 echizenyayota
0
210

Other Decks in Programming

See All in Programming
[RailsConf 2022] The pitfalls of realtime-ification
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
0
180
Enterprise Angular: Frontend Moduliths with Nx and Standalone Components @jax2022
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
300
書籍『良いコード/悪いコードで学ぶ設計入門』でエンジニアリングの当たり前を変える
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
3
1.1k
Nix for Scala folks
08f642741fba006656cb86fb61c160b3?s=48 kubukoz
0
130
SRE bridge the gap: Feature development to Core API / 機能開発チームとコアAPIチームの架け橋としてのSRE
5520f7e791c2f63da603f6b089b07c6f?s=48 kenzan100
1
260
Kotlin KSP - Intro
7589a5a8fec022e8af4e46525150a291?s=48 taehwandev
1
490
TextPruner による大規模言語モデルの軽量化 / Large language model pruning using TextPruner
0c60fb0fa226940755988c40b28e0c19?s=48 misawann
0
180
Micro Frontends with Module Federation: Beyond the Basics @jax2022
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
290
Let's make a contract: the art of designing a Java API
9eafc29df96e6aaf4a3eb4c0209086ae?s=48 mariofusco
0
160
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
140
Airflow1=>Airflow2へのupgrade 事例紹介
A3ae651ab614249880dd9fad4fd0cee7?s=48 reizist
0
120
実録mruby組み込み体験
5b3338b3676d4f7091a575e584f3a4f4?s=48 coe401_
0
110

Featured

See All Featured
Why Our Code Smells
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k
Put a Button on it: Removing Barriers to Going Fast.
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2.3k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
48k
Music & Morning Musume
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
4.1k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
14
35k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.9k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
34
6.1k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
83
4.6k

Transcript

  1. JavaScriptの新しい文法を学習しよう ~Reactで見るECMAScript2015のアロー関数式~ 2019年4月7日（土） 2019年4月号 第2回JavaScript(ECMAScript 2015)初心者もくもく勉強会の日 @ さくらインターネット本社

  2. 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/

  3. エコテキブログ（個人ブログ） https://e-yota.com/

  4. Reactとは UIを作るために Facebook社が開発した JavaScriptライブラリ (公式ドキュメント)

  5. 私がReactの学習をはじめた理由 自分のブログサイトを 高速表示させたいから (フロントエンドとバックエンドの分離)

  6. Reactを知っておくメリット 複雑なUIが簡単に扱える (らしい)

  7. Reactの例（カウンターアプリ） http://takaiba.net/basic_react_js/

  8. Reactの学習方法 ドットインストール（980円/月） (React入門 全19回) （ReactでTodo管理アプリを作ろう 全17回）

  9. ドットインストールの学習効果を引き出すコツ a. 公式ドキュメントのアプリを作って試す b. JavaScriptの文法（ECMAScript2015）を学習

  10. a. 公式ドキュメントのアプリを作成 http://takaiba.net/react_class/

  11. ボタンアプリのコーディング https://bit.ly/2FLZsLD

  12. b. JavaScriptの文法（関数)を学習 関数とは一連の処理をいつでも呼び出せるようにしたもの。

  13. 宣言文に関数名の定義 https://bit.ly/2G7NNpz

  14. 関数リテラルによる定義 https://bit.ly/2DHC2Vv

  15. Functionコンストラクタによる定義 https://bit.ly/2FUkK9N

  16. アロー関数式による定義 https://bit.ly/2Utn2jD

  17. アロー関数式の例（その1） https://bit.ly/2RRL0rT

  18. アロー関数式の例（その2） https://bit.ly/2CPwQwT

  19. アロー関数式の変形バージョン（その1） https://bit.ly/2HDr9YM

  20. アロー関数式の変形バージョン（その2） https://bit.ly/2DE4K9t

  21. 参考ページ Reactと新しいJavaScriptの文法（ECMAScript6）~ アロー関数式について https://e-yota.com/webservice/react_ec6_arrow_function/

  22. 参考書籍 https://amzn.to/2D2yL2n

  23. ご清聴ありがとうございました！