JSことはじめ

Transcript

1. JavaScript ざっくり 18/11/30
2. Contents 1. JSの歴史 2. Alt JS ~ JSの派生 ~ 3. フレームワーク 4. その他
3. １．JSの歴史
4. ECMAScript ってなんなのよさ？
5. 標準化されたJS ＝ EcmaScript
6. EcmaScript • Mozillaが仕様を策定し実装しているスクリプト言語 • Ecma Internationalによって標準化されている • European Computer Manufactures Association • 仕様書ここ • 毎年更新されている Mozillaの公式サイトにJSについてのってるから 詳しく知りたいときはそこで
7. ES6が主流っぽい
8. ES6について 教えてよ！！
9. ES６とは？ • ECMASCriptの6th Editionのこと • ES2015ともいう • なぜES6で書くのか ◦ 便利な機能、構文が追加され、従来より 簡潔かつ明瞭な構文で記述できる ◦ 主要な機能、構文を覚える程度なら学習コストはそこまで高くないから。 • とりあえずES6はマストで抑えよう！？
10. 2．AltJS ~ JSの派生 ~ ♻
11. Java Scriptの苦手って何？ • 動的型付けがいやだ • 暗黙の型変換がいやだ • 人によって記述の幅が広すぎてよみづらい
12. Alt JS あるやん
13. Alt JS JavaScriptの代替言語 JSの痒い所に手が届く JSへとコンパイルされる言語
14. TypeScript • マイクロソフトによって開発されメンテナンスされているプログ ラミング言語 • JSに対して省略も可能な静的型付けとクラスベースオブジェ クト指向を加えた • 大規模なアプリケーション開発のために設計されている
15. TypeScriptのソースコードをコンパイルするとJSのコードになる
16. CoffeeScript • コードはJSのコードに変換される • JSに比べ簡潔さと可読性の向上 • Rubyコミュニティでよくつかわれる • Rubyライクに記述できる • Railsで使われる
17. 他のやつ • PureScript • Dart etc……...
18. 3．フレームワーク
19. 今ナウいフロントエンドフレームワーク • React • Vue.js 以下はスルー • Angular • Preact • Ember • Polymer
21. React • JSで書かれたライブラリ • Viewを担当 • 今の段階だとVueかReactかどちらかという感じ • プロパティや状態に応じて画面を描画する • この記事読めばいいんじゃない？
23. Vue.js • 中国でかなりさかん • 初心者でも楽しく使えるらしい • 日本語書籍もいっぱい • 図がいっぱいあってわかりやすい • とりあえずはじめてみれば？ • 公式
24. 4.その他
25. Node.js • npm: Node.js製ツールのバージョン管理ソフト • スケーラブルなネットワークアプリケーションを構築するために設計された非同期型 のイベント駆動の JavaScript 環境 • サーバサイドで動くJavaScript • PHPやJavaと同じような使い方ができるってこと • クライアントもサーバサイドも同じ言語で書けばええやんって作られたらしい • Expressってフレームワークがある あとは触ってみろ
26. トランスパイラ • Babelとかが有名 • ブラウザが対応していない記述もなんかいい感じにしてくれる • イケてる書き方してもどっかのブラウザでは使用できないってなったら困るからその ためのもの
27. テストツール • jestとかmochaとか • その名の通りテストツール
28. データレイヤー • ReduxとかGraphQlとか • 正直いまいちわからんからググったほうがいい
29. ビルドツール • webpackとかgulpとかgruntとか • 開発時のコードと実際に使用されるコードが異なるそれらを変換して効果的にデプ ロイしてブラウザが理解できる形にするのがビルドツール • 依存関係とかそういうのまとめる • ファイルの圧縮とか • なんかいろいろできる • 色々しらべてみてね
30. これで君もスタート地点だね (⋈◍＞◡＜◍)。✧♡