JavaScript 基本

JavaScriptに関する自分用のメモです。
随時更新していきます。

jsfiddle

• html, css, jsを管理できるサービス
• Your public fiddle から自分が作成した今までのスニペットを確認できる

https://jsfiddle.net/user/ユーザー名/fiddles/

Run 実行
Update 保存
Set as base URLを最新にする

ES6

準備中

• もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~
• class構文
• promise（通信中、成功、失敗）
• アロー関数の省略記法（複雑なコードに出てくると見慣れない）
• 分割代入 {}

ハマりどころ

エラーが出たり、何をして良いかわからなくなってしまったとき

• エラーを読んで原因を突き止める

"ReferenceError: ●●●● is not defined"

• ライブラリが読まれていない
• どこまでができていて、どこまでが間違っているかを console.log() などを使って突き止める
• import 及び export されていない
• 変数が定義されていない
• 型が間違っている
• いきなりコードを書かずにやりたい処理を紙に書いてみる
• エラーが出るのは正常な動作、むしろヒントを教えてくれているので怖がらない
• 文法エラー（SyntaxError）はよく見直す
• 何がわからないのか整理する

読み込みタイミング

• jQueryの基本 - $(document).ready
• jQueryの読込み「ready」と「load」と「function」の順番について

イベント

• JavaScriptのイベントをたくさん見られるサイトを作る
• JavaScriptのイベントをたくさん見られるサイト

バブリング

• DOMイベントのキャプチャ/バブリングを整理する 〜 JSおくのほそ道 #017
• jQuery のバブリング、preventDefault() や stopPropagation() の使用例 ｜ Tips Note by TAM
• [jQuery]イベントのバブリングって何？ | たねっぱ！

API

Qiita API

その他

MVC モデル

• 図解！どのサイトを見てもわからなかった人のためのMVC
• MVC、本当にわかってますか？
• JavaScriptにおけるMVC（MVVM）　【JavaScript フレームワーク入門】

モーダル

• JSでiOSにも配慮した背景固定なスクロール対応のモーダルウィンドウ

イディオム

• a = a || {};
• javascriptイディオム集