IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
otiai10です。最近はフロントエンドのTypeScriptを書くお仕事をしています。個人的に艦これウィジェットやtwickというChrome拡張を作ってたりもします。先に言っておきますが、これらはどちらもGithubでソースコードを公開しており、悪いことしようが無いです。 端的に言うと、Chrome拡張はヤバいです。何でもできちゃう。 どんくらいヤバいか知ってもらうためにどうしようか考えた結果、ヤバいChrome拡張を作りました。30分かかんなかったです。 https://github.com/otiai10/chrome-twitter-hijack-sample (「レポジトリをforkして悪用する人間が出てくるかもしれない」とのご指摘を頂いたので、これを削除します) git cloneしてchrome://extensionsからパッケージ化されていない拡張機能を読み込むでこのr
これらの中で注目すべきは ‘ と ” と \ です。シングルクォート、ダブルクオートは文字リテラルを作成する為に利用され、\ でエスケープできることです。つまり、文字リテラルの最後に \ が現れると文字列の終端が無くなります。単独で不正なJavaScriptの挿入が可能になる訳ではありませんが、プログラムの構造が破壊される事を意味します。 PHPにはJavaScript文字列用のエスケープ関数が用意されていません。htmlspecialchars()やhtmlentities()で代用している場合も多いと思います。しかし、これらの関数ではJavaScript文字列のエスケープを十分に行う事ができません。 JavaScriptプログラムの構造が破壊される例 <?php $msg1 = 'test string\\'; $msg2 = ');alert(document.cookie); //
WindowsのFirefoxだったら、 window.addEventListener( 'keypress', function(event) { event.preventDefault(); event.stopPropagation(); }, false);とかで、ショートカットキーも実行させないように出来ますが、Mac OS XのFirefox(2.0.0.12)だとどうも同じようには行きません。 keypressとか、keydownが発生する前に、ショートカットキーが実行されてしまう感じです。 Firefoxのソース見ればなんかわかるかなぁと思ってダウンロードしてみたけど、まったくわからず… なんか良い方法ないかなぁ。 - 追記@2008/03/24 ファンクションキー(F3やF5)は、Windowsと同じようにkeypressで抑止できた。 Cmd+系はダメみたい。
キーコード一覧 アルファベット 数字 テンキー数字 テンキー記号 記号 A 65 O 79 0 48 T0 96 T* 106 :* 186 B 66 P 80 1 49 T1 97 T+ 107 ;+ 187 C 67 Q 81 2 50 T2 98 ,< 188 D 68 R 82 3 51 T3 99 T- 109 -= 189 E 69 S 83 4 52 T4 100 T. 110 .> 190 F 70 T 84 5 53 T5 101 T/ 111 /? 191 G 71 U 85 6 54 T6 102 @` 192 H 72 V 86 7 55 T7 103 [{ 219 I 73 W 87 8 56 T8 104 \| 220 J 74 X 88 9 57 T9 105 ]} 221 K 75 Y 89 ^~ 222 L 76 Z 90 \_ 226 M 77 N 78
Firefox、Mozilla Suite、Netscape 7.x など、多くの Mozilla ベースの製品を使用する Web 開発者は新たに強力なツールが利用できます。しばらく前から「Venkman」と呼ばれる JavaScript デバッガが Mozilla ブラウザ、Web コミュニティ、スクリプト開発者に利用されています。この記事では JavaScript デバッガを Web アプリケーションや Web ページスクリプティングで使用するための概要を説明すると共に、簡単な実践例を用意しています。この導入は Venkman と JavaScript デバッグについての一連の記事の第一弾です。例えあなたが既に Venkman を使用していても、ここに書かれた機能、処理、手法を知ることで、Web 開発やデバッグに一層の自信が持てるようになるはずです。 Venkman は画面表示とコンソ
LoginUser name: Password: Lost password? remember Sign upSign up now to post in the forums, comment on articles, submit your own articles and more. この記事は「Introduction to Opera Dragonfly」の日本語訳です。 【翻訳:利部直、上廣剛、アンドレアス・ボーヴェンス】 はじめに エキサイティングなニュースです!Opera Dragonfly が発表されました!Opera Dragonfly は Opera の提供する全く新しいウェブ開発ツールです。このアプリケーションは、ウェブ標準のデバック環境と問題解決のための効果的な仕組みを開発者に提供する軽快でパワフルなアプリケーションです。現在、以下の機能が提供されています:
Venkman は、Mozilla の JavaScript デバッガのコードネームで、Firefox、Netscape 7.x/9.x、SeaMonkey といった Mozilla ベースのブラウザに強力な JavaScript デバッグ環境を提供することを目指しています。なお、同じ Gecko ベースのブラウザでも、K-Meleon 等には含まれていません。Venkman は、2001 年 10 月以降 Mozilla のリリースの一部として提供されているほか、XPI 形式の 拡張機能 パッケージとしても入手できるようになっています。 Venkman 入門 JavaScript デバッガを Web 開発に利用するための概要を説明するとともに、いくつかの実例をご紹介します。 Venkman のブレークポイントの使い方 この記事では、JavaScript におけるブレークポイントの説明と、
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
IE の window.resize イベントは、いくつかの問題を抱えています。 function onresize() { (何か) } window.attachEvent("onresize", onresize); うっかり無限ループする(無限に再描画が走る) 重い(特にIE6) 解決していきましょう。 無限ループ/無限リドロー問題 resize イベントハンドラの中で、document.body.innerWidht, innerHeight が変化するような操作を行うと、再度 resize イベントが発生し無限ループする現象が発生します(無限リロリロ)。 無限リロリロを回避するために、resize イベントハンドラ内でイベントをデタッチし、再アタッチを繰り返す方法があります(リアタッチ作戦) function onresize() { window.detachEvent("o
表中のセルの色は値に応じて変えている。 何も数値が書かれていない欄は何も値がなかった、もしくは取得できなかったことを示す。 キーコードの取得は以下の関数で行った。 function keyCode(e){ if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode; else if(document.layers) return e.which; } ファンクションキーなど何かのショートカットキーに割り当てられ、うまくキーコードが拾えないキーは、可能ならばそのイベントをキャンセルしてキーコードを取得している。 データの取得は全てWindowsXP上、JP106キーボードで行っている。
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Rhino はすべてが Java で記述された JavaScript のオープンソースな実装です。それは一般的には、Java アプリケーション環境へ組み込まれて、エンドユーザーによるスクリプトの記述が可能になります。J2SE 6 ではデフォルトの Java スクリプティングエンジンとして組み込まれています。 ダウンロード ソースとバイナリを取得する 方法。 ドキュメント スクリプト記述者と組み込み開発者への Rhino の情報。 ヘルプ 困ったときの いくつかのリソース。
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
JavaScript iTunes2Twitter.zip iTunesで聴いてる曲を、TwitterにポストするHTA(HTML Applications)です。iTunesと併せて起動しておくと、自動で一定時間おきにTwitterへ曲名がポストされます。ポストされる内容は、以下の形式です。 Listening: アーティスト - アルバム - 曲名 最初に iTunes2Twitter.hta をエディタで開き、以下を書き換えてから起動します。 var USER = 'your_name'; var PASSWORD = 'your_password'; var INTERVAL = 20 * 60 * 1000; デフォルトでは20分に一回Twitterにポストする設定になっています。(その間に聞いた曲はポストされないという、少しランダムな仕様にしています。 頻繁にポストしすぎるのも
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何? JavaScript とは? JavaScript と Java の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く