などを手軽に試行錯誤できる環境が得られます。この中でもXPathの作成をJavaScript Shellで行うのが特に有効だと感じました。というのも、JavaScript Shellはシェルで入力されたJavaScriptのコードが、ターゲットのページと連動して作用するからです。この特性を利用して、本当に自分が望んでいるXPathが得られるまでフィードバックを得ながら試行錯誤することができます。 では、自分の...
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやって...
ExportJS (ソース) 通常 flash では、コンパイル済みのオブジェクトの変数やプロパティは外部から弄ることが出来ず*1、パラメータの微調整を行うことや、現在プロパティにどんな値が設定されているかは解りません。ので Firefox の JavaScript から AS3 のオブジェクトを JavaScript にエキスポートして簡単に弄れる ExportJS というライブラリを作ってみました。現在は Firefox の JS 専用です。...
[PR]ネットワーク、データベース、サーバなど、今ゲーム業界で活かせる異業界知識は何か？異業界出身のゲームエンジニアが、貴方の疑問に答えます。 頻繁に発生する要求に「手戻り」が多く発生していませんか？[PR]要求管理の基本・必要性を見直し、開発のプロセス改善や本格的な要件管理を検討している方は こちらへ >> ボトルネックの発見、テスト工数削減にツールを活...
以下のエントリーを見て Enjoy*Study - FirebugのmonitorEventsが動かない で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリン...
いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参照いただきたい）。加えて、マイクロソフトは今年1月に...
『 Firebugの機能をIEで実現してくれるツール。これが使い物になるようならWebアプリケーション開発が大幅に楽になりそうです。 』
『 タブブラウザはスルー?IEエンジンを素で使ってる開発者とか居るの?プニルのHawkeyeとか良さげだけど、どうよ?＞Web屋さん 』
基本的にはconsole.debugと同じですが，出力の先頭に「×」のアイコンをつけ，ステータスバーのエラーに追加されます。 console.assert(expression[, object, ...])) expressionがfalseなら第2引数以降をconsoleに出力する。第2引数以降はconsole.logと同様です。 console.dir(object) 渡されたオブジェクトのプロパティと値を全て出力します。 console.dirxml(object) 渡されたノードのソースツリーを表示します。HTML...
『 うわ、いいなぁー。うちでもFirebugの連載やってほしいなー 』
Firefox 3のリリースが2008年6月頃になると発表されました。Firefox 3より，JavaScript 1.8に対応され，より洗練されたJavaScriptを利用することができます。また，高速化されたJavaScriptの処理により，あなたのJavaScriptによる開発を手助けしてくれることでしょう。 本連載では，この最新のFirefox 3と，JavaScript開発でのデファクトスタンダードとなりつつある，Firebugを組み合わせた開発手法に...
『 【コラム】イマドキのIDE事情（28）IEで利用可能なJavaScriptデバッグツール｜エンタープライズ｜マイコミジャーナル:Companion.JS:IEDeveloperToolbar 』
『 。Inspectボタンを押してからページにマウスを持っていくと、要素ごとに選択が実施され、対応するHTML要素も呼応して表示される。HTML内容の編集もその場で実施でき、即時ビューに反映さ 』
勉強会の趣旨 nitoyon さんから amachang への一通のメールから始まりました。 5/16-18にお仕事で東京にいく予定です。 (中略) 19, 20 も予定がないので、なんか面白いネタ（勉強会？）が あれば参加してみたいものです。 というわけで、じゃあ、 nitoyon さんの興味のありそうな分野の人を集めようということで、今回の勉強会が決定しました。 発表と各資料のリンク 随時リンクしてい...
Firebugチュートリアル動画の日本語によるチュートリアル
『 JavaScriptを中心としたウェブページのデバグ環境。スクリプトのステップ實行、詳細なエラーコンソール、HTMLのインスペクタ等々。CSSのエラーも表示可。痒い所に手が届くといふ感じ。XMLHttpRequestの通信モニタ機能もある。 』
2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、も...
perlのWeb::Scraperみたいな記述で、ページの中からデータを取り出すwebscraper.jsという小さなjavascriptのライブラリに、要素をてきとうに渡したらてきとうにXPathを作って動いてくれるwebscraperp.jsというのを書きました。なんで最後にpをつけたかは思い出せません... ブックマークレットWeb::Scraperのjavascriptバージョンwebscraper.jsと同じように、データを取り出したいページでブックマークレ...
超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript...
こんにちは、さかとくです。今日は、世界中のプログラマーを悩ませているバグを退治する方法について考えてみたいと思います。今回は、特に、JavaScriptのバグを退治する方法にスポットを当ててみたいと思います。 そもそも、バグ(Bug)とは、正しくプログラムが動かない状態、不具合のある状態です。 書き間違いや、なんらかの勘違いが原因であることが多いです。簡単なつ...
![プログラム・フレームワーク系情報まとめ [ pg.feed ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fpg.thumbnailcloud.net%2F)