第2回 完全版：ブラウザとデバッグ環境 | gihyo.jp
こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb
IxEdit
IxEdit - The First On-the-Fly Interaction Design Tool for the Web. IxEdit (Public Beta) Free Download IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping pha
- JavaScriptによるオブジェクト指向プログラミング
1999/06/24 更新 石井 勝 はじめに ここでは，オブジェクト指向風JavaScriptプログラミングスタイルの解説をします．対象とする読者は，JavaScriptの基本的な文法とコンストラクタ関数，prototype についての知識が必要となりますが，オブジェクト指向さえ知っていればとりあえず大丈夫だと思います（とはいえ，JavaScriptユーザの人数に比べたらオブジェクト指向を理解しているユーザってごく少数なんでしょうね）． なお，ここに書いてあるスタイルは，IE4で試しただけなので，問題があるかもしれません．もしお気づきの点などがあれば連絡してください． クラス定義 コンストラクタとインスタンス変数 インスタンスメソッド クラス変数 クラスメソッド 注釈 継承 継承関数 - inherit 継承の実行 注釈 this.temp によるメンバ関数呼び出し クラスメンバの継承
サーバーサイド jQuery をやってみる！ - IT戦記
最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！ Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです＞＜ というわけで 僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみました＞＜ まず、 Hello, world! <?php // new して $js = new JSContext(); // print 関数作って $js->registerFunction(function($v) { print $v; }, 'print'); // こんにちはこんにちは！ $js->evaluateScript('print("Hello, world!!")'); Hello, world!おおお、簡単！ 次は、 id:m-hiy
ブックマークレットの作り方と個人的にハマったところ（Internet Explorer編） - 小さい頃はエラ呼吸
はじめに InternetExplorer（以下IE）におけるブックマークレットの作り方と個人的にハマったところをまとめてみました。 2009.10.12追記 少し説明を加筆し、表現を直しました。 ブックマークレットの作り方 スクリプトを実行するためのインターネットショートカットを作成する ブックマークレットはその名のとおり、IEのお気に入りに登録して利用します。そのため、IEのお気に入りが格納されているC:\Documents and Settings\xxx\Favorites配下に新しいインターネットショートカットを作成します。（xxx.urlというファイル） 以下は、hogeという文字列をアラートするブックマークレットです。 hoge.url [InternetShortcut] URL=javascript:(function(){alert("hoge");})(); 作成時の
javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)
« DoBeDo 2.5 | メイン | javascript で Query String » javascript: escape(), encodeURI(), encodeURIComponent() 比較 javascript の escape(), encodeURI(), encodeURIComponent() 関数群について、どの文字がエンコードされてどの文字がエンコードされないのか分かりにくいのでまとめておく。 まずは、対象範囲 %20（半角スペース）〜%7E（チルダ~） 元データ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
jQuery Counter Plugin
CSS 2.1 の Counter 構文 や CSS 3 の Lists モジュール のような、任意の要素に色んなタイプの連番を自動的にふる jQuery プラグイン、jQuery Counter Plugin を書いた。ol 要素ほか順列リストのマーカー部分を柔軟にコントロールしたい、というのが主な目的だけど、個人的な裏テーマは JavaScript の配列と正規表現の勉強。 Demo Demo: jQuery Counter Plugin Download jQuery Counter Plugin Usage 例えば以下のようなごく普通の ol 要素に適用する場合。 <ol> <li>List Item</li> <li>List Item</li> <li>List Item</li> </ol> プラグインを jQuery と一緒に読み込んで、setCounter() で呼び出す
SIMILE Widgets | Timeline
With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details. Licensing Timeline is open source software and is licensed under the BSD license. Credits This software was originally sponsored by The Andrew W. Mellon Foundation as part of the SIMILE project. Its original author is David
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現在選択している文字列を取得 - 技術メモ帳