Js kusen
-
Upload
net-kanayan -
Category
Documents
-
view
507 -
download
3
Transcript of Js kusen
![Page 1: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/1.jpg)
@kanayannet
Javascriptで苦戦した経験
13年2月10日日曜日
![Page 2: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/2.jpg)
先に言っておきます↓の本を読んだ人は知っている事が多いかも?
13年2月10日日曜日
![Page 3: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/3.jpg)
先に言っておきます細かいコードが今回多々出ますが、後でスライドアップするので、ここで覚えなくても大丈夫です。
13年2月10日日曜日
![Page 4: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/4.jpg)
項目1. new した時2. 巻き上げ3. プライベートブラウズ と localStorage4. ios6.0 mobile safari の ajax5. NaN
13年2月10日日曜日
![Page 5: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/5.jpg)
1. new した時
13年2月10日日曜日
![Page 6: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/6.jpg)
注意点
うっかり、new し忘れて関数を呼ぶと処理が成功して、予期せぬグローバル変数が入ってしまう
13年2月10日日曜日
![Page 7: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/7.jpg)
うっかりミスをこう防いでみました
13年2月10日日曜日
![Page 8: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/8.jpg)
2. 巻き上げ
13年2月10日日曜日
![Page 9: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/9.jpg)
注意点
関数の始めで var 宣言しておいた方が安牌ですね。
var より前に呼び出した変数が巻き上げられてしまう
13年2月10日日曜日
![Page 10: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/10.jpg)
3. localStorage
localStorage とは、HTML5のWebブラウザ内部のデータベース(KVS)です。
13年2月10日日曜日
![Page 11: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/11.jpg)
3. localStorage
13年2月10日日曜日
![Page 12: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/12.jpg)
3. localStorage
13年2月10日日曜日
![Page 13: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/13.jpg)
3. localStorage
13年2月10日日曜日
![Page 14: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/14.jpg)
3. プライベートブラウズ
13年2月10日日曜日
![Page 15: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/15.jpg)
3. プライベートブラウズ
13年2月10日日曜日
![Page 16: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/16.jpg)
解消はこんな感じ
13年2月10日日曜日
![Page 17: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/17.jpg)
4. ios6.0 mobile safari の ajax
13年2月10日日曜日
![Page 18: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/18.jpg)
これ、mobile safari でキャッシュしてしまうんですw※cache: false しても キャッシュします!
http://dev.classmethod.jp/smartphone/ios6-safari-post-jquery/
4. ios6.0 mobile safari の ajax
13年2月10日日曜日
![Page 19: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/19.jpg)
解消法法プロトコルヘッダに Cache-Control "no-cache"
もしくは...
電文の引数に違う値(日時とか..)を渡す
13年2月10日日曜日
![Page 20: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/20.jpg)
5. NaN
13年2月10日日曜日
![Page 21: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/21.jpg)
JavaScriptでは定義されていない演算はNaN
そして、NaN は typeof で評価すると number
5. NaN
13年2月10日日曜日
![Page 22: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/22.jpg)
解消法法
13年2月10日日曜日
![Page 23: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/23.jpg)
まとめ苦戦したポイントは大きく二つに分かれます。
1. javascript の 仕様
2. ブラウザによる挙動の違い
13年2月10日日曜日
![Page 24: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/24.jpg)
まとめ1. javascript の 仕様
覚えるw
13年2月10日日曜日
![Page 25: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/25.jpg)
まとめ2. ブラウザによる挙動の違い1件1件挙動をテストすると見過ごすかもしれないので、テスコードを用意しておくと便利。
※新しいブラウザバージョン出たらテスト
13年2月10日日曜日
![Page 26: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/26.jpg)
PSLTやりたいけどネタが思いつかないという方へ
個人的には、こういう経験談的なLT でも良いと思っています。
13年2月10日日曜日
![Page 27: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/27.jpg)
PS
経験をシェアしていくと...新しい開発手法や発見に繋がるかも?
13年2月10日日曜日
![Page 28: Js kusen](https://reader033.fdocuments.net/reader033/viewer/2022052315/556ab44ed8b42a89038b4cf9/html5/thumbnails/28.jpg)
ご清聴ありがとうございました
13年2月10日日曜日