MOONGIFT: » JavaScriptデバッグプロキシ「Jackal」:オープンソースを毎日紹介
JavaScriptのデバッグ環境としては、FirefoxであればFirebugで問題ないだろう。だが、他のブラウザの場合はどうだろう。各ブラウザごとにデバッグ環境を作るのは非常に労力がかかるだろう。 そこで試してみたいのがこのソフトウェアだ。これであればどのブラウザでも利用できる可能性がある。 今回紹介するオープンソース・ソフトウェアはJackal、JavaScriptデバッグプロキシだ。 JackalはWindows向けのソフトウェアで、MirageというHTTPプロキシソフトウェアを使っている。インストールし、プロキシのアドレスをlocalhost:9889に設定すれば準備完了だ。 その状態でWebサイトを見ると、左上にJackalのアイコンが表示される。これをクリックするとデバッグウィンドウが表示される。JavaScriptの実行はもちろん、エレメントの構造を閲覧することもできる。
Adobe高速JavaScript実装、バイトコードにForthを採用 | エンタープライズ | マイコミジャーナル
A Quick Introduction to Tamarin Tracing - by Chris Double氏 Webシステム開発用の言語としてJavaScriptが日に日に重要な位置を獲得しつつある。複雑なシステムを開発するとなるとその実行速度が問題視されるJavaScriptだが、コンパイル技術の導入やJITの導入で状況は改善されようとしている。特にFirefox 4で導入が予定されているAdobe Systemsから寄贈されたTamarinはJavaScriptの実行速度を劇的に向上させることになる。 Chris Double氏が3日(米国時間)、同氏のブログにおいてA Quick Introduction to Tamarin Tracingのタイトルのもと興味深いドキュメントを公開た。同氏は同ドキュメントで"tracing jit"と呼ばれる技術を活用した実装"Tamari
きまぐれ日記: TinySegmenter: Javascriptだけで分かち書き
最近新幹線に乗る機会が多々あったので、暇つぶしに Javascriptだけで(Ajax等は使わずに) 分かち書きが出来るソフトウェアを作ってみました。実用性は謎です。 http://chasen.org/~taku/software/TinySegmenter/ たった 25kbyte ですが、新聞記事でしたら、95%程度の精度で分かち書きができます。 辞書は全く持たず、文字単位で分割するか分割しないかを当てる機械学習器を 作って分割しています。 モデルをコンパクトにするために、L1ノルム正則化の トリックを使っているのですが、想像以上にコンパクトになって、しかも そこそこうまくいっていて、刺激的です。
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
MOONGIFT: ? JavaScriptを使ってSQL調にデータを検索「JsonSQL」:オープンソースを毎日紹介
※ 画像は公式サイトのデモより SQLという言語はプログラム言語に混ざると面倒に感じてしまうが、データの授受をする上では便利な問い合わせ言語だ。むしろ他の言語でも同様の問い合わせを行うことでデータが取得できるようになっていると便利に感じる。 いちいちデータの中身を見ながら探すのは大変だ。そしてJavaScriptでSQLを実現するのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはJsonSQL、JSONのデータをSQL調に検索するjQueryプラグインだ。 JsonSQLではサンプルとして、RSSフィードをJSON形式に変換し、そこからデータを抽出するものが掲載されている。SELECT * FROM を使うこともできる。多少書き方に特徴があるが、概ねSQLと似ている。 LimitやOrderなども指定できるので柔軟にデータを扱うことができそうだ。Yahoo! Pipesを使
JavaScriptのオブジェクトとは：ちゃんと理解してますか - builder by ZDNet Japan
前回は、JavaScriptにおける関数はオブジェクトであり、関数定義は「オブジェクトの作成」に他ならない、と言うお話でした。今回は、「では、JavaScriptにおけるオブジェクトとは何か？」というお話をしたいと思います。 JavaScriptオブジェクトとは「ハッシュテーブルのようなもの」 オブジェクト指向言語における「オブジェクト」とは、「データと振る舞いをひとまとまりにしたもの」として説明されることが多いです。例えばJavaのオブジェクトは、フィールド（＝データ）とメソッド（＝振る舞い）から構成されます。 しかし、JavaScriptにおける「オブジェクト」の概念は、ある意味それより遥かに単純です。なぜなら、誤解を恐れずいうならば、JavaScriptオブジェクトとは、単なる「ハッシュテーブル」のようなものとして捉えることができるからです（※1）。 ハッシュテーブルとは、「キーと値
サラ金の債権譲渡が行われたとき | 損をしない借金の仕方？それならここがお勧めです！
借りているサラ金から突然連絡が来て、債権譲渡のお知らせなどと言われる事がたまにあります。そもそも債権譲渡とは何でしょうか。 そのサラ金が事業を辞める為に、別会社に債権をそのまま譲渡すると言うのが債権譲渡です。以前の会社から新しい会社に債権が移っただけで、借りてる方としたら、殆ど変化が無いのが債権譲渡と言えます。連絡が来た時に、返済する場所が変わる旨などが伝えられた場合には、返済を間違えずに行わなければなりません。また債権譲渡により、返済する金額が変更になるなどと言う事はまずありませんので特に問題は無いでしょう。 いきなり借りてる会社からそんな連絡が来ると、なんだか怖いイメージですが、全く怖いというものではありませんので、今までどおりに返済を続けていけば特に問題は無いでしょう。 ただし、債権譲渡は債権譲渡でももう一つ別の形の債権譲渡が存在します。借りてるサラ金会社の返済を延滞した場合、うちで
これは便利! JavaScriptの勉強はこのコンテンツで - Eloquent JavaScript | エンタープライズ | マイコミジャーナル
Eloquent JavaScript Eloquent JavaScriptというタイトルのもとでJavaScriptに関する情報が公開されている。同コンテンツの作成はMarijn Haverbeke氏の手によるもの。プログラミングの簡単な紹介からJavaScriptを使ったプログラミングの勘どころが丁寧にまとまっている。JavaScriptの仕様を解説するスタイルではなく、実際に必要になる処理や間違いやすい部分について取り上げながら説明がおこなわれている。JavaScriptを使ったプログラミングを実施するすべてのデベロッパに一読をお薦めしたいコンテンツだ。Eloquent JavaScriptの目次は次のとおり。 Introduction Basic JavaScript: values, variables, and control flow Functions Data stru
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
Route 477(2008-01-17)
■ [event][javascript] Kanasan.JS Javascript第5版読書会#2 のまとめ Kanasan.JSの サイ本読書会 #2 におじゃましてきました。 今回は読書会としては前代未聞の規模で正直どうなるかと思ったんですが、意外となんとかなって感激。 他言語(Javascript以外)の話題を制限したことも、今回は有利に働いたと思います。 リンク集 LT一覧 感想一覧 記録 チャットログ(重いので注意) 映像ログ 以下、読書会のログです。なるべく会場の雰囲気を再現するように心がけてみました。 10:15 全員、順番に自己紹介する。俺到着。(迷ったorz) 10:23 amachang到着！ 10:39 LTのターン LTは、自分のスライドをいじってたりであまり聞けませんでした…＿|‾|○ tyoroさんのブログが よくまとまっているので、 そちらを参照すると良い
次のような処理のサンプルをご存じないでしょうか？…
次のような処理のサンプルをご存じないでしょうか？ 1.ブラウザ上に表示されているテキストリンクをクリック。 2.すると、そこで指定しているPHPが動作する。 3.そのPHPで処理を行った結果を、「1.」のブラウザ画面に表示する。 ただし、「3.」でPHPの処理結果を表示する際、画面の切替は行わず、かつリンクの下にPHPの処理結果がグイッっとツリーのように展開されるように表示されるというものです。 要するに、JavaScriptなどで、ツリー表示されるようなものがありますが、それとはちょっと違って、今回探しているのは、ツリーを展開させるリンクをクリックすると、指定したPHPの処理が走り、 その結果をリンク表示するというものです。 ウーン、わかりづらいですがよろしくお願いします。
JavaScriptのイベントリスナーの話 - public static void main
id:kz_shikabaneによるJavaScript勉強会が実施されました。 DOMの話は以前id:seiryoが行ったので、今回はイベントリスナーについて。 prototype.jsやJQueryを使っていてあまり意識したことがなかったので参考になりました。 以下まとめ。 イベントリスナーとは 普通GUIアプリケーションを作るときにはイベントドリブン（イベント駆動型）プログラミングを行います。これはJavaScriptで書くときにも当てはまります。 HTMLファイルが読み込まれた、ボタンがクリックされた、キーボードが押された、といった行動をブラウザで行ったときにイベントは発生します。このイベントを受け取るのがイベントリスナーです。 イベントリスナーはイベントを受け取るまでは何もしません。受け取ったイベントの情報を元にイベントリスナーが、HTMLタグの属性を変更する、非同期にデータを読
【特集】詳解! Dojo Toolkit 1.0(Dijit編) - ウィジェットプログラミングのツボ (1) UIウィジェットフレームワーク"Dijit" | エンタープライズ | マイコミジャーナル
前回の特集「詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる」では、Dojo Toolkitが持つ基本的な機能を紹介した。記事中でもお伝えしたとおり、ダウンロードしたDojoを展開すると図1のようなディレクトリ構成になっている。 Dojo展開後のディレクトリ構成 前回の特集で主に取り上げたのは「dojo」ディレクトリ以下のさまざまなAPIについてであった。今回は、UIウィジェットフレームワークである「Dijit」を中心とした解説をお届けする。 ただ、Dijitは非常に膨大なUIフレームワークであり、とてもではないが今回の特集ですべての要素を紹介することは不可能であった。そのため今回は、JavaScriptフレームワークやUIプログラミングに慣れた読者を対象とし、Dijitの根幹を理解する助けとなることに努めたい。 個々のウィジェットに関する
Kanasan.JS JavaScript 第 5 版読書会 #2 に参加しました。 - IT戦記
Kanasan.JS とは この辺を見てください。 関西でJavaScriptの小さい勉強会を開くことになった (Kanasansoft Web Lab.) 会の内容 自己紹介 30 分 参加者全員 (40 名以上) が自己紹介。これは僕の中では新しかった。見に来たというよりは、参加しに来たという感じになる。 Lightning Talks 1.5 時間 Haskell の話や BiwaScheme の話や「Flash で声帯を物理演算して初音ミク」（超意訳）が面白かった。 OmegaT で MDC 翻訳しようぜ by nanto_vi さん 聡明な学生さんが多い。 JavaScript 第 5 版読書会 4 時間 文と式について 式は一般的には「値を持つもの」、しかし、 JavaScript では文も値を持つ (ex: eval したときの返り値) 文は break, case, con
JavaScriptの技法：DOM操作の落とし穴とその回避方法 - builder by ZDNet Japan
セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 ヤフー担当者が語る！ 安心なサービスを作るための試行錯誤 効率とリスクのバランスをどうしているのか 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 激変するビジネス環境の中でのDX モダンアプリ
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
JavaScriptの技法：正規表現を学ぶ - builder by ZDNet Japan
データの妥当性検証は、ユーザからデータを受け取るウェブアプリケーションにとっては必須の機能だ。なぜなら、データの形式が正しいかどうかを、作業を行う前にまず確かめる必要があるからである。ウェブアプリケーションで妥当性の検証を行う際には、ASP．NETやJSPなどで利用可能なプラットフォーム固有の機能を使用するか、それともクライアントサイドでJavaScriptの機能を利用するかを選択することが可能だ。そして、ここでJavaScriptを選択した場合、正規表現を用いることによって検証作業を単純化できるようになる。 正規表現は一種のパターンマッチである。正規表現を用いるとテキストのパターンを簡単に表現することが可能になるため、正規表現はテキストデータの妥当性検証で大きな威力を発揮する。また、正規表現ではパターンマッチだけではなくテキストの置換を行うことも可能だ。私はかつてPerlを用いてUnix
"AjaxSwing 2.0"登場 - Swing/AWTアプリをAjax Webアプリへ自動変換 | エンタープライズ | マイコミジャーナル
CreamTecは6日(米国時間)、「AjaxSwing 2.0.0」を公開した。AjaxSwingはJavaアプリケーションをWebアプリケーションとしてアクセスできるようにするユニークなツールアプリケーション。もともと"WebCream"として公開されていたもので、今回から名称が"AjaxSwing"に変更された。 AjaxSwingはSwingやAWTで開発されたアプリケーションをWebアプリケーションとして操作可能なUIへ変更する。提供されるUIはHTMLやAjax技術を組み合わせて実現されるもので、イメージとしてはSwing/AWTアプリケーションのUIが、そのままAjax Webアプリケーションに変換されるようなものだ。 AjaxSwing 2.0.0では非同期通信やコンポーネントレンダリングにAjax技術が活用されるようになったほか、イベントや操作の非同期サブミットの実現、ペ
Ajaxの技法：クールな回転スライドの作成 - builder by ZDNet Japan
ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 体験から学んだ成功への知見 マネーフォワード×エム・フィール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
