【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
★はてなブラックスター★ - ぼくはまちちゃん！
はてなブラックスターが動かなくなってた…！ ので、直してみました！ (追記) 古いFirefox(3.0)でうまく動かなかったので、とりあえずFirefox3.0以前用だけ別のバージョンに分けました…！ さっき動かなかった人は試してみてね！ ★ これはなに？ ★ はてなブックマークのコメントに黒い星をつけられます！ かわいいですね！ ★ どうやって使うの？ ★ hatena_black_star.user.js (Firefox3.5〜, Chrime, Sleipnir, IE, Opera クロスブラウザ用) hatena_black_star_f3.user.js (Firefox3.0以前用) (Firefoxでつかう) Greasemonkeyをインストール！ 上のhatena_black_star.user.jsのリンクをクリックしてインストール！ ※Firefoxバージョン3
IE6 でガタつかない positoin:fixed をさせるための詳細条件を調べてみた - Cyokodog :: Diary
「IE6 position:fixed の諸問題を解決する jQuery.exFixed.js」について、たくさんのコメント、フィードバックありがとうございます。 exFixed のうりとして「IE6 でもガタつかない position:fixed ができる」というのがありますが、フィードバックでいただいたバグを解消する際に、ガタつき防止の前提条件をいろいろと調べたので忘れないようメモしときます。 固定位置に表示させる処理 まず固定位置表示処理のおさらいから。 IE 固有機能の expression を使います。expression は CSS 定義内でも記述することができますが、JavaScript 内で記述する場合は以下のように書きます。コードは jQuery ベースです。 //位置調整ができるように position:absolute にします var el = $('#fixedE
PHPコードからJavaScriptコードを学ぶ:phpspot開発日誌
PHPコードからJavaScriptコードを学ぶエントリが公開されています。 まず、PHPのコードを紹介し、JavaScript ではこのように書く、という変換結果が色々紹介されています。 変数スコープ、型、キャスト、空チェックなどの比較がされており、言語仕様の細かな違いについても学習できます。 PHPerでJavaScriptも学びたいという方は参考に出来るかもしれません。 Learning JavaScript from PHP - a Comparison | Lullabot あれ、JavaScript ではどうやって書くんだっけ？という場合のリマインドにも使えます。
グラフチャートでスタイリッシュな画像を作成する16のJavaScript【記事紹介】
ただのクリップ記事です。 あとで色々いじってみようと思った記事があったのでご紹介。 簡単にグラフを作成したりするJavaScriptです。 JavaScriptでグラフ生成 16 JavaScript Graph Resources For Creating Stylish Chart こちらの記事。 jQueryを使ったものも混ざってますが、WEBサイト上で、動的にグラフを出力できるようにする為に便利。あとで使えそうなので記事として残しておきます。 個人的に気になったのが2個。 Raphaël―JavaScript Library SVGとVMLを利用する軽量なベクターイメージオペレーティングライブラリ。 画像の回転や反射効果付与、作成まで出来る代物。 jQuery Sparklines 数字を入れるとCanvasでグラフを書いてくれる。デモページのコードを見ればわかりますが、サイト上に
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる。今回紹介する内容は以下の通りだ。 アプリケーションキャッシュ クロスドキュメントメッセージング Web Workers Web Storage Web Database Web Sockets Geolocation API HTML5で新しく導入されたタグなどに関しては、前回の特集を参照していただきたい。 今回調査対象としたブラウザは、前回と同じく次の通り。ベータバージョンも含めた最新のバージョンをチョイスした。Internet Explorerについては、最新バージョンの8でもHTML 5への対応があまり進んでいなかったため
［気になる］JSONPの守り方
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） JSONPだって、セキュリティを気にしてほしい 皆さんこんにちは、はせがわようすけです。今回は、JSONPを使用する場合のセキュリティについて解説しましょう。 JSONPとは、JSON with Paddingの名称が示しているとおり、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加することで、クロスドメインでデータの受け渡しを実現するためのデータ形式です。JavaScriptからクロスドメインでのデータが簡単に扱えることなどを理由に、多数のWebアプリケーションでAPIの一部としてJSONP形式でデータの提供が行われています。 具体的な例を見
JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT
Webアプリケーションが増えるに従って、JSONフォーマットを利用する機会も増えてきた。だがJSONファイルの扱いはそれほど良くなく、Firefoxの場合ダウンロードのダイアログが開いてしまう。それにシステム向けに改行なしで作られているケースが多く閲覧には不向きだ。 JSONフォーマットをFirefox上で閲覧できる 今後さらに利用が進んでいくと思われるだけに、扱い勝手が悪いのは問題だ。そこで使ってみたいのがJSONViewだ。 今回紹介するオープンソース・ソフトウェアはJSONView、Firefox上でJSONファイルを閲覧できるようにするFirefoxアドオンだ。 JSONViewをインストールした状態でJSONファイルを開くとダウンロードダイアログが開かず、そのままソースが見られるようになる。キー、文字列、数値とそれぞれハイライト化されて表示されるので分かりやすい。配列やハッシュの
DeliciousをWebブラウザから操作するライブラリ·Dishy MOONGIFT
Deliciousは華々しくWeb2.0の代表として登場した後、Yahoo! Inc.に買収されてからあまりうまく展開できていなかった気がする。現在ではURLも変わって静かになっていたのだが、ここ何日かのうちにリアルタイム性を帯びた新しい話題をメインに表示するようになっている。まだまだこれからのようだ。 最新のリンク一覧 そんなDeliciousのAPIを使って自分のサイトにブックマークを表示したりするのに便利なライブラリがDishyだ。 今回紹介するフリーウェアはDishy、JavaScriptによるDeliciousライブラリだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 DeliciousではJSONを使ってデータを取得できるようにするWeb APIを公開している。DishyはそのWeb APIを使ってデータを取得し、表示できるライブラリだ
javascript - 記号も文字も暑苦しい夏こそ空白プログラミング : 404 Blog Not Found
2009年07月22日12:30 カテゴリLightweight Languages javascript - 記号も文字も暑苦しい夏こそ空白プログラミング うーん、暑苦しい。 TAKESAKO @ Yet another Cybozu Labs: 記号でPolyglotプログラミング♪（RejectKaigi2009） 折角の夏休み。折角の日蝕。もっと涼しく逝きましょう。 たとえば、こんな風に。 Example Script <script src="http://blog.livedoor.jp/dankogai/js/bleach.js"> </script> 適当にコピペして動かしてみて下さい。IEは熱すぎてサポート対象外です＞＜ Bleacher もっと無気力なみなさんのために、涼しくするジェネレーターも以下に用意しました。 darkened: alert('Goodbye, 太
Lucid Desktop - Web Desktop and WebOS - Open Source
Lucid is a free, open source web desktop, or webOS that gives you a portable, online workspace that you can use to store files, play media, and manage your office documents.Recent Blog Posts Developer Sprint This Weekend - Free T-Shirts For All Participants! by Will Riley on Jun. 22, 2009 Since we've been dormant for the past few months, we've decided to hold a Developer Sprint this weekend, June
米Google、JavaScript実装テストスイート「Sputnik」を公開 | OSDN Magazine
米Googleは6月29日（米国時間）、JavaScript実装をテストする包括的なテストスイート「Sputnik」をオープンソースとして公開した。異なるJavaScript実装間の差異を検出できるという。Webブラウザ間の互換性問題の解決に役立つとしている。 Sputnikは、JavaScriptの標準「ECMA-262, 3rd Edition」への適合度をテストできるスイート。JavaScript言語が関係する5000以上のテストを含む包括的なもので、Googleが自社Webブラウザ「Google Chrome」で採用したJavaScriptエンジン「V8」用に開発した。他のJavaScript実装でも利用できると判断し、「Google Code」で公開することになったという。 現在、Webブラウザには互換性がなく、Web開発者の課題になっているという。Googleでは、Sputni
javascript - undefined may not be undefined : 404 Blog Not Found
2009年06月15日05:00 カテゴリLightweight Languages javascript - undefined may not be undefined これを受けて、nullとundefinedについてさらに調べたのですが.... 404 Blog Not Found:javascript - にはクラスはない typeofでプリミティブかどうか判定する方法ですが、typeof null == "object"なのでその判定が必要だと思います。 とんでもないことを再?発見しちゃいました。 undefinedはただのグローバル変数 定数じゃないんですね。 だから、以下が動いちゃう。 p(undefined); undefined = !undefined; p(undefined); NaNとInfinityもただのグローバル変数 以下も動いてしまいます＞＜ p(NaN
AutoPagerizeをサーバーサイドから配布する - てきとうらいふ
こんにちは、フリーランスのビール係、kimzoです。 最近はDDDを実践する毎日で、飲んでから書くコードがカオスで楽しいですね。なんじゃこりゃー！って遊べる。 AutoPagerizeは素敵だけど ところで、AutoPagerizeという便利なUserscriptがありまして、googleだろうとtwitterだろうと、「次へ」ボタンを押す必要なくスクロールで先読みしてくれるナイスガイで快適ネット廃人ライフの強い見方なのです。 ですが、このネットサーフィンラクチンツールはgreasemonkeyというのを入れたブラウザー上で、ユーザーがスクリプトを読み込んで初めて機能するのですが、当然、世の中はそんなの入れる変態さんばかりじゃないのです。 なので、このナイスガイのナイスな機能の恩恵に預かれるのはたった一部の変態さんに限られてて、それはもったいないなーと思ってました。 サーバー側で配布しちゃ
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
JavaScriptがプロトタイプベースのオブジェクト指向言語ってどういうこと？ - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、「プロトタイプチェインとは何か」について詳しくお話ししました。オブジェクトのメンバを検索するにあたって、JavaScriptランタイムがプロトタイプチェインを順々に検索していくと言う動作についてのお話でした。 今回は、きわめて単純に見えるこの仕組みが、JavaScriptにとっていかに重要であるかを説明したいと思います。そのために、まずプロトタイプチェインを用いて擬似的なクラスの継承を行い、その上でObjectクラスが持つメンバについてもお話ししておきたいと思います。 プロトタイプチェインを使った擬似的な継承 前回お話ししたプロトタイプチェインについては、しっかり理解していただけましたでしょうか。この一見単純な仕組みを応用すると、JavaScriptにおいても、擬似的なクラス継承を実現することができます。 例えばPersonクラスを継承したShi
[JS]モーダルウインドウを実装する超軽量のスクリプト -TinyBox
TinyBoxは、モーダルウインドウを生成し、アニメーションで拡大表示できる超軽量（3.5KB）の単独で動作する（jQueryなどは不要）スクリプトです。 TinyBox JavaScript Popup Box - 3.5KB demo 上記キャプチャのデモではリンク箇所をクリックすると、サイズを変更したり、内容を変更したりします。 また、画像の拡大表示やタイマーにも対応しています。
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
本当はすごい、知られざるGoogle Maps APIたち!!
「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
無茶しやがって…。JavaScriptでPDFを作る·jsPDF MOONGIFT
まさにあのAAが似合う、そんな代物だ。Webサイトでコネクション数を極力減らすための技術として、DataスキームURIが知られている。これはhttpからはじまるようなURLの代わりに、data:からはじまる書き方で直接データをbase64で表記して流し込んでしまう手法だ。 できると思う？ 対応しているブラウザは限られるが、仕様自体はRFC2397として定義されているのでIE7などでも利用できるようになっている。これを使えば画像のみならず、こんなことができてしまう。 今回紹介するオープンソース・ソフトウェアはjsPDF、JavaScriptで生成するPDFライブラリだ。 まさに無茶だ。jsPDFはJavaScriptだけでPDFを生成してしまう試みだ。何をばかなことを、とお思いだろうか。であれば実際に試してみると良い。日本語は残念ながら使えないが、英語であればちゃんとしたPDFが生成されるこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
