「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
目次 †
概要 †
SaaS開発で調べたJavaScriptについてのメモ。
jQuery †
セレクタ †
要素を選択する構文。
Googleで"jQuery セレクタ"などとググると大量にヒット。
ajax †
HTTP通信、AJAXリクエスト
REST API (JSON) †
JSON処理 †
以下が参考になる。
イベント処理 †
イベント処理はイベントリスナーにイベントハンドラ（delegate）を設定する。
イベント処理は以下のようにjQuery で記述できる。
初期処理 †
タグがロードされていないと処理できない初期処理はonLoadで処理する。
onLoadイベントは以下のように記述できる。
window.onload = function() {
// ・・・処理・・・
};
addEventListener?を使う場合に使う文字列はload。
window.addEventListener("load", function() {
// ・・・処理・・・
}, false);
loadは、画像などのリソースのロードが済んだ時点、
readyはDOMロード後なのでonLoadより早いタイミングで動き出す。
$(document).ready(function () {
// ・・・処理・・・
});
UIライブラリ †
scheduler and events calendar †
- シフト系は、また、違うようで、JS系では厳しいかな。
その他 †
言語仕様 †
特徴 †
- インタプリタ言語
- 動的型言語
- イベント駆動型言語
- プロトタイプベースのオブジェクティブ指向言語
ECMAScript †
- 現在のJavascriptの仕様
- ECMA Internationalが、ECMAScript（ECMA-262）規格を策定、標準化。
- ECMA : European Computer Manufacture Association
- 版
- 旧JavaScript（ES5）
- ECMAScript2015（ES2015、ES6）
- ECMAScript2016（ES2016、ES7）
CommonJS †
CommonJSは、module機能のあるJavaScript
Node.js †
Node.jsは、サーバーサイドのJavaScript
- CommonJSに準拠
- その後、Node.jsが独自拡張
- Node.jsの拡張仕様に他言語が追随
- Node.js拡張仕様が事実上のCommonJS
変換 †
トランスパイラ（babel） †
ES7やES6の構文で書かれたJavaScriptを、
現在のブラウザで使用可能なES5に変換。
ビルド・ツール †
- CommonJSのrequire機能(外部モジュール読込)を、
ブラウザ上でも有効にするためのツール
パッケージ・マネージャ †
bower †
- Node.js製
- ブラウザ用JSのパッケージ・マネージャ
npm †
- Node Package Manager
- Node.js製
- CommonJS用のパッケージ・マネージャ
AltJS †
CoffeeScript? †
TypeScript? †
JSX †
- Facebook
- Reactで仮想DOMをXMLで扱う。
Dart †
- Google
- 普及は進まず、2015年にはVMのChrome統合を断念
- TypeScriptをGoogle社内の標準プログラミング言語として承認
ライブラリ †
prototype.js †
- ライブラリ
- オブジェクト指向のクラスと継承の機能を提供
- ライブラリ
- 実績多数
- Bootstrapなど有名所が依存
MVX UIフレームワーク †
Backbone.JS †
- Model–view–presenter(MVP)
KnockoutJS †
- Model-View-ViewModel? (MVVM)
React †
AngularJS †
- MVCおよびMVVM
- 宣言型プログラミング
- MVCおよびMVVMアーキテクチャ
- "MVC" アーキテクチャにおけるスコープ
- 双方向データ結合
比較 †
タスク・ランナー †
諸々の作業を自動化するツール
新JS †
難読化 †
最小化 †
Polyfill †
モダンブラウザで普通に出来て、レガシーブラウザで出来ない機能を、
- 既存の技術で（あるいはそれらの組み合わせで）同等のものを提供する手法
- その機能をサポートしていないWebブラウザで機能を実装するコード
- HTML5 Web標準を実装するJavaScriptライブラリ
ライブラリ †
- es5.js
ECMAScript5 (ES5) と見比べて、不足している実装
- web.js
Web標準バンドル
- HTML
- DOM
- Fetch
- URL
- XMLHttpRequest?
- CSS Object Model
- Timing Events
- polyfill.js
es5.js と web.js の組み合わせで出来ている。
- typedarray.js
バイナリデータ（映像、音声など）を効率良く扱うための Typed Arrayの実装
参考 †
参考 †
歴史 †
Qiita †
トレンド †
今風の書き方 †
- 古い感じがしてかっこわるいと思うコードの書き方10例｜Webpark
http://weboook.blog22.fc2.com/blog-entry-272.html
- 1. フレームを使っている
- 2. centerタグを使っている
- 3. レイアウトにテーブルを使っている
- 4. タグが大文字
- 5. 改行を連続して使っている
- 6. 全角スペースで横の間隔を調整している
- 7. リストを使っていない
- 8. bodyタグに要素を指定している
- 9. ワンポイントの画像にimgタグを使っている
- 10. border等を一括で指定していない
ECMAScriptと対応状況 †
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
