javascript

javascriptってすぐには遊べない

HTMLやCSSとかDOMとか分かってないと、そちらの調査・勉強に時間とられる。

jQueryなどの特定のフレームワークに依存したサンプルや、古すぎて参考にならないコードなど、無駄に情報量が多く、それらをスルーする力を養うのに時間がかかる。

質の低いドキュメントが多い(私のこのページみたいに...)

などと言っていても仕方ないので、とっかかりとして、クライアント側でファイルサイズをチェックしてからファイルをサーバにアップロードするようなサンプルを作ってみた:

ファイルは、multipart/form-dataとしてサーバに送信。サイズチェックは、filepondというjavascriptライブラリとそのプラグインで実施。サーバはpython Flaskで実装。()

Javascript全般

Javascriptの文法

関数が一級オブジェクトなので素性は悪くないが、クラスの記述は古い仕様だととっつきにくい。新たに導入された仕様のクラスの表記法はすぐ覚えられそうな印象。

javascript開発環境: Node.jsは使わない。Webブラウザだけでなんとかする。動作結果の確認とエラーメッセージの取得が必須の機能。

エラーメッセージの取得

flaskサーバ側

ダイアログ(ちょっと複雑な)

dual

react

パッケージング

モジュール

default export

バンドラー

WebPack:

スクリプトのバージョン変換

require("babel-polyfill")を書かないとbabelは変換しないみたい(polyfillの綴り間違ってても変換してくれるので、もし不要なら変換後にrequireのところを削ってもいいかも。。。試してないけど。)

code: .babelrc

{

"plugins": [

"syntax-async-functions",

"transform-async-to-generator"]

}

(最後の transform-asyncが必要かどうかは不明)

READMEは、いまいち役に立たない感じ。

emacs

web-mode

よく使うモジュール

jquery