JavaScript
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[「State of JavaScript 2022」公開。利用率1位のフロント...
----
*[[JAMstack:https://jamstack.org/]] [#l956cbb8]
-[[JAMstackってなに？実践に学ぶ高速表示を実現するアーキテ...
-[[Jamstackとは何を指すのか今一度考えてみる:https://micro...
-[[Jamstackって何なの？何がいいの？:https://qiita.com/oza...
*リバースエンジニアリング対策 [#y0a53ebf]
-[[Webサービスをリバースエンジニアリングして、HTTP通信とJ...
**難読化 [#tf635ace]
-[[WebセキュリティにおけるJavaScript難読化問題への傾向と...
-[[UglifyJS 3 – JavaScript 軽量化 (難読化) 入門:https://b...
-[[JavaScriptのコードを難読化！ Webアプリのリバースエンジ...
-[[JavaScriptコードを強力な難読化と暗号でプロテクト ソ...
-[[JavaScriptアプリは「難読化」で守る―Arxanがクラウドサー...
-[[JavaScriptの難読化に Obfuscator が便利だった:https://p...
* Tips [#n7d2f0d0]
** idとname [#m1a6137a]
-[[タグのidとname、nameで取得する場合:http://javascript.g...
-[[getElementById()でname属性が検索される？:http://d.hate...
**文字列処理 [#o896906e]
-[[JavaScriptでString.startsWith相当は何か、ベンチマーク...
**イベント [#db755d15]
-[[要素にフォーカスが当たった／外れた時の処理を実装するに...
**キー [#jf3bbc14]
-[[Enterキーを無効にする方法:https://qiita.com/mimoe/item...
* ブラウザの戻る対応 [#ma07f2b2]
FirefoxとSafariは、「戻る」「進む」で、キャッシュによりon...
-[[onloadイベントの呼び出しがhistory.backとかの時にブラウ...
-[[自分のページ（およびcookies）がSafariにキャッシュされ...
* 同一生成元ポリシー（Same Origin Policy） [#p5635345]
-セキュリティ上の懸念から、スクリプトによるアクセスの範囲...
* クロスドメインアクセスのテクニック [#hb47a55f]
** JSONP [#vcb28569]
-JavaScriptの読み込みが同一生成元ポリシーに制約されないこ...
-長所
--Google、Yahoo! など多くのWebサービスがJSONP形式のAPIイ...
-短所
--任意のコードの実行を許してしまう可能性がある
--送信できるのはHTTP GETリクエストのみ（IEの場合は最大208...
** フラグメント識別子を利用 [#zdbe8049]
-長所
--単なるメッセージ交換であるため、送受信されるデータフォ...
--アクセスを許可するドメインを選択可能
-短所
--送信するサイト側にレシーバ用のHTMLの配置を事前に行って...
--メッセージ送受信時にURLのフラグメント識別子にメッセージ...
--IEの場合、フレームリロードの度にクリック音が発生する ← ...
** window.nameを利用 [#a11d23a4]
-[[window.nameによるクロスドメイン通信:http://d.hatena.ne...
* Cookie [#f6f90a03]
-[[とほほのCookie入門:http://www.tohoho-web.com/wwwcook.h...
-[[クッキーを使う方法:http://www5e.biglobe.ne.jp/~access_...
-[[cookieで日本語を使う(escape/unescape):http://javahiyor...
-[[クッキー(Cookie):http://www.komonet.ne.jp/~perl/chap3....
-[[JavaScript - cookie,cookieEnabled:http://fstyle.ddo.jp...
-[[JavaScriptでcookieを操作する時はjquery.cookie.jsを使お...
--[[JavaScriptを使いこなそう（2）:http://daredemopc.blog5...
-[[JavaScriptでクッキーを超簡単に使うライブラリ「Cookie M...
-[[prototype.jsを拡張するJavaScriptライブラリ （LIVEPIPE...
-[[cookie-js:http://code.google.com/p/cookie-js/]]
* イベント [#ba0a4280]
-[[イベントの処理:http://www.tryhp.net/dynamic07.htm]]
-[[onmousedown属性 onmousemove属性 onmouseup属性:http://w...
-[[JavaScriptのイベントハンドラに頭を悩ます。。:http://ww...
** ウィンドウを閉じたイベントでの処理 [#c6eac12f]
-[[Firefoxでのwindow.event:http://p2b.jp/1152131691]]
-[[Firefoxでの擬似window.event:http://p2b.jp/1149066600]]
-[[prototype.js の Event.observe を使った onbeforeunload ...
IEはこれで動く
window.onbeforeunload = function()
{
if(((event.clientX > document.body.clientWidth) ...
{
alert("閉じちゃ、いやーー！！");
}
}
prototype.js を使って同様のことができる
<script type="text/javascript" src="prototype.js"></scri...
<script type="text/javascript">
Event.observe(window, 'beforeunload', function(e) {
// イベントをキャンセルする場合は何も返さない
return e.returnValue = 'beforeunload';
});
</script>
* ネットワーク [#g5bf5f9c]
-[[JavaScript Tips ネットワーク編:http://allabout.co.jp/i...
* 文法的なこと [#i879ef86]
** 変数、プロパティが定義されていない(undefined)かの判定 ...
-[[Enjoy*Study:http://d.hatena.ne.jp/onozaty/20070326/p1]]
--[[http://d.hatena.ne.jp/kimpo/searchdiary?word=JavaScri...
** その他 [#d035a5fc]
-[[オーバーライドと多重定義について:http://chaichan.web.i...
-onClickだとうまくいかなくて、onMouseDownだとうまくいくと...
* 実例 [#c9b96c7a]
-[[JAVASCRIPT CONTROL EXAMPLES:http://www.jeroenwijering....
-[[音声・動画配信（ストリーミング）:http://f32.aaa.livedo...
-[[JavaScriptでランダムな文字列を生成:http://abui.nowa.jp...
-[[JavaScript でハッシュアルゴリズム:http://user1.matsumo...
-[[JavaScriptでSHA-1を計算するライブラリ:http://b.hatena....
* その他 [#naeea35d]
-[[完全に状況を掌握した画像の遅延読み:http://d.hatena.ne....
-[[IEのJavaScriptの笑っちゃう挙動:http://d.hatena.ne.jp/h...
終了行:
-[[「State of JavaScript 2022」公開。利用率1位のフロント...
----
*[[JAMstack:https://jamstack.org/]] [#l956cbb8]
-[[JAMstackってなに？実践に学ぶ高速表示を実現するアーキテ...
-[[Jamstackとは何を指すのか今一度考えてみる:https://micro...
-[[Jamstackって何なの？何がいいの？:https://qiita.com/oza...
*リバースエンジニアリング対策 [#y0a53ebf]
-[[Webサービスをリバースエンジニアリングして、HTTP通信とJ...
**難読化 [#tf635ace]
-[[WebセキュリティにおけるJavaScript難読化問題への傾向と...
-[[UglifyJS 3 – JavaScript 軽量化 (難読化) 入門:https://b...
-[[JavaScriptのコードを難読化！ Webアプリのリバースエンジ...
-[[JavaScriptコードを強力な難読化と暗号でプロテクト ソ...
-[[JavaScriptアプリは「難読化」で守る―Arxanがクラウドサー...
-[[JavaScriptの難読化に Obfuscator が便利だった:https://p...
* Tips [#n7d2f0d0]
** idとname [#m1a6137a]
-[[タグのidとname、nameで取得する場合:http://javascript.g...
-[[getElementById()でname属性が検索される？:http://d.hate...
**文字列処理 [#o896906e]
-[[JavaScriptでString.startsWith相当は何か、ベンチマーク...
**イベント [#db755d15]
-[[要素にフォーカスが当たった／外れた時の処理を実装するに...
**キー [#jf3bbc14]
-[[Enterキーを無効にする方法:https://qiita.com/mimoe/item...
* ブラウザの戻る対応 [#ma07f2b2]
FirefoxとSafariは、「戻る」「進む」で、キャッシュによりon...
-[[onloadイベントの呼び出しがhistory.backとかの時にブラウ...
-[[自分のページ（およびcookies）がSafariにキャッシュされ...
* 同一生成元ポリシー（Same Origin Policy） [#p5635345]
-セキュリティ上の懸念から、スクリプトによるアクセスの範囲...
* クロスドメインアクセスのテクニック [#hb47a55f]
** JSONP [#vcb28569]
-JavaScriptの読み込みが同一生成元ポリシーに制約されないこ...
-長所
--Google、Yahoo! など多くのWebサービスがJSONP形式のAPIイ...
-短所
--任意のコードの実行を許してしまう可能性がある
--送信できるのはHTTP GETリクエストのみ（IEの場合は最大208...
** フラグメント識別子を利用 [#zdbe8049]
-長所
--単なるメッセージ交換であるため、送受信されるデータフォ...
--アクセスを許可するドメインを選択可能
-短所
--送信するサイト側にレシーバ用のHTMLの配置を事前に行って...
--メッセージ送受信時にURLのフラグメント識別子にメッセージ...
--IEの場合、フレームリロードの度にクリック音が発生する ← ...
** window.nameを利用 [#a11d23a4]
-[[window.nameによるクロスドメイン通信:http://d.hatena.ne...
* Cookie [#f6f90a03]
-[[とほほのCookie入門:http://www.tohoho-web.com/wwwcook.h...
-[[クッキーを使う方法:http://www5e.biglobe.ne.jp/~access_...
-[[cookieで日本語を使う(escape/unescape):http://javahiyor...
-[[クッキー(Cookie):http://www.komonet.ne.jp/~perl/chap3....
-[[JavaScript - cookie,cookieEnabled:http://fstyle.ddo.jp...
-[[JavaScriptでcookieを操作する時はjquery.cookie.jsを使お...
--[[JavaScriptを使いこなそう（2）:http://daredemopc.blog5...
-[[JavaScriptでクッキーを超簡単に使うライブラリ「Cookie M...
-[[prototype.jsを拡張するJavaScriptライブラリ （LIVEPIPE...
-[[cookie-js:http://code.google.com/p/cookie-js/]]
* イベント [#ba0a4280]
-[[イベントの処理:http://www.tryhp.net/dynamic07.htm]]
-[[onmousedown属性 onmousemove属性 onmouseup属性:http://w...
-[[JavaScriptのイベントハンドラに頭を悩ます。。:http://ww...
** ウィンドウを閉じたイベントでの処理 [#c6eac12f]
-[[Firefoxでのwindow.event:http://p2b.jp/1152131691]]
-[[Firefoxでの擬似window.event:http://p2b.jp/1149066600]]
-[[prototype.js の Event.observe を使った onbeforeunload ...
IEはこれで動く
window.onbeforeunload = function()
{
if(((event.clientX > document.body.clientWidth) ...
{
alert("閉じちゃ、いやーー！！");
}
}
prototype.js を使って同様のことができる
<script type="text/javascript" src="prototype.js"></scri...
<script type="text/javascript">
Event.observe(window, 'beforeunload', function(e) {
// イベントをキャンセルする場合は何も返さない
return e.returnValue = 'beforeunload';
});
</script>
* ネットワーク [#g5bf5f9c]
-[[JavaScript Tips ネットワーク編:http://allabout.co.jp/i...
* 文法的なこと [#i879ef86]
** 変数、プロパティが定義されていない(undefined)かの判定 ...
-[[Enjoy*Study:http://d.hatena.ne.jp/onozaty/20070326/p1]]
--[[http://d.hatena.ne.jp/kimpo/searchdiary?word=JavaScri...
** その他 [#d035a5fc]
-[[オーバーライドと多重定義について:http://chaichan.web.i...
-onClickだとうまくいかなくて、onMouseDownだとうまくいくと...
* 実例 [#c9b96c7a]
-[[JAVASCRIPT CONTROL EXAMPLES:http://www.jeroenwijering....
-[[音声・動画配信（ストリーミング）:http://f32.aaa.livedo...
-[[JavaScriptでランダムな文字列を生成:http://abui.nowa.jp...
-[[JavaScript でハッシュアルゴリズム:http://user1.matsumo...
-[[JavaScriptでSHA-1を計算するライブラリ:http://b.hatena....
* その他 [#naeea35d]
-[[完全に状況を掌握した画像の遅延読み:http://d.hatena.ne....
-[[IEのJavaScriptの笑っちゃう挙動:http://d.hatena.ne.jp/h...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
