JavaScript お勉強会

◯ 基本
最強オブジェクト指向言語 JavaScript 再入門! これは感動した。
超初級者向け入門講座 これもマジで感動した。
Javascript 関数宣言の落とし穴


Google Chart のデータクリックしたら ajax POST でデータを送付する際に見た資料。
http://weblibrary.s224.xrea.com/clip/2012/12/1bb5940e4d.html
公式のマニュアル見ても、どこ見ていいか全然わからないんだよね。

テックノート – 【jQuery + Ajax】AjaxでPOST送信する方法
$.ajax の記載が若干古い。

python - Django CSRF check failing with an Ajax POST request - Stack Overflow
すこし手間取った。


◯ $.ajax(request).done.function(result_data){do1();do2();}
jQueryのDeferredを用いたモダンなAjax処理の書き方 - Hack Your Design!

$.ajax({
    url: "ajax.html",
}).done(function(data){
}

この関数が Javascript 初心者のワイには一番えげつない気がする。無名関数は使うし、ajax の実行結果は、無名関数の引数 data に代入されるし。 動作そのものとしても done {} の記述の処理が完了する前に、それ以降の処理が開始されてたりしてね。
 

◯ 表 Handosontable
Handsontable
Class: Hooks | Handsontable
基本、無料っぽいし、一番綺麗だから採用かな。
どの辺から有料になるんだろ...、サポートいらない場合はほぼ無料なんかな...。
いや、鬼のようにわかりやすいマニュアル、エラーもわかりやすい...
Google Chart とか Django とか、もうチュートリアルがわからんで泣きそうだったけど。

CE Community Edition が公開されている。MIT ライセンスらしい。切り替えるか..
handsontable/LICENSE at master · handsontable/handsontable · GitHub


◯ 表 Handsontable イベント調査中
Class: Core | Handsontable - JavaScript data grid editor. Excel-like grid editing with HTML & JavaScript
Tutorial: Using callbacks | Handsontable - open source spreadsheet solution. Excel-like grid editing with HTML & JavaScript
http://blog.zaq.ne.jp/oboe2uran/article/1013/

◯ 表 そのほか
2017年、最新のグリッドライブラリ×7選 | hifive開発者ブログ
JavaScriptのGridライブラリ決定版 - SlickGrid - Qiita
Home · mleibman/SlickGrid Wiki · GitHub
Google Chart Tools - 表とデータの扱い データの入れ方は3種類あったのか...

◯ Bower(Handsontable いれるのに使った...。)
Bower入門(基礎編) - from scratch
Tutorial: Quick start | Handsontable - open source spreadsheet solution. Excel-like grid editing with HTML & JavaScript

◯ In Place Editor
X-editable Demo
Jeditable Demo