「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
目次 †
概要 †
SaaS開発で調べたJavaScriptについてのメモ。
JSON処理 †
以下が参考になる。
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
前方互換 †
Polyfill †
FIDO2のWeb Authentication APIライブラリを調査していて発見した。
- モダンブラウザで普通に出来て、レガシーブラウザで出来ない機能を、
- 既存の技術で(あるいはそれらの組み合わせで)同等のものを提供する手法
- その機能をサポートしていない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の実装
最近のASP.NETのテンプレートに標準同梱されている。
変換 †
トランスパイラ(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に対する処理 †
難読化 †
最小化 †
参考 †
歴史 †
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と対応状況 †