Scaffold for read and debug java script
- 1. Scaffold for Read and Debug JavaScript KOJI SAIKI@SAIKOU9901 2019/09/24
- 2. Who am I ? 佐伯紘二（サイキ コウジ） Now: Support Engineer@Microsoft for Dynamics C&E / PowerApps / Flow Old: Application Engineer with Typescript / Java etc. Twitter: @saikou9901 Github: @kojisaiki
- 4. Line-up Background Use Case How JS Works Tips
- 6. Netscape で誕生 1995 年に Netscape Communications の Brendan Eich が開発した。 1996 年に Internet Explorer 3.0 に搭載された後、普及率アップ。
- 7. Java とは技術的な関係なし Java が当時流行っていた。 Sun Microsystems と Netscape Communications が業務提携していた。
- 8. JSは「実装」。「仕様」は “ECMAScript” 標準仕様は “ECMAScript” （エクマスクリプト）。実装ごとに独自拡張がある。 開発者 Brendan Eich を中心とした標準化団体 Ecma International がメンテナンスしている。 http://ecma-international.org/
- 10. WEBページにアクションをつける HTML は文書構造、 CSS は Look and Feel 、 JavaScript は Action (Behavior) を定義する。
- 11. Node.js によるサーバサイド開発 2009 年に Ryan Dahl により開発された。
- 13. TypeScriptによりさらに使いやすく Microsoft が 2012 年に公開した TypeScript は JavaScript へのトランスパイル言語。 型推論などにより開発が超便利に。
- 17. イベントによる処理実行 よくある OnClick や OnSubmit はこれ。 Event は ECMAScript ではなく、W3C の DOM Standardでインタフェースだ け決まっている。 https://www.w3.org/TR/domcore/ ブラウザ間の互換性問題はこの辺で よく起きる。
- 18. TipsJSを捌くための
- 19. リファレンスは Mozilla でおｋ 仕様はとにかくこのサイト。ブラウザごとの取り扱いや ECMAScript 対応表もある。 https://developer.mozilla.org/ja/docs/Web/JavaScript
- 21. 特殊な値 null, undefined, NaN null: プロパティが宣言されているが、値なし。 undefined: プロパティの宣言なし。 NaN: 数値に変換できなかった結果。この値は Number 型にしか出現しない。
- 22. HTMLで宣言＝実行開始 HTMLで読み込み宣言される箇所でスクリプ トが実行される。 HTMLのロードが途中で止まっている場合は、 その直前のスクリプトを疑う。 JS ファイルのロードを body 末尾にするという プラクティスがある。 https://allabout.co.jp/gm/gc/380498/2/
- 24. Line-up Background Use Case How JS Works Tips