GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms
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
最近いろいろなサイトで <script src="/javascripts/foo.js?1142509269" type="text/javascript"></script>や <script src="/javascripts/bar.js?v=2.3" type="text/javascript"></script>の記述を見るようになってきました。また CSS でも <link href="/stylesheets/foo.css?1142509300" media="screen" rel="Stylesheet" type="text/css" />といった記述もちらほら見かけます。 これは JavaScript や CSS を更新しても、ブラウザキャッシュが読み込まれているため、更新された JS ファイルなどがロードされない場合への対策です。上記のような最終更新時刻やバージ
Scott Porter made a popular library for creating Javascript Games, called the Javascript Gamelib. It provided relatively simple routines for animation, sprites, collision detection and control. It meant games programmers could concentrate on designing games for websites instead of spending time rewriting the basic building blocks. Unfortunately, Scott's site at www.javascript-games.org has been di
idea:6490で報告した通り、現在はてなマップの不具合が発生していて、まともにはてなマップ使えなくなっています。まだ回復されていません。 そこで何かお手伝いできないか?と思いました。はてなマップの不具合をシンプルなコードで再現することができれば、問題解決に寄与できると直感的に感じました。 それでちょっと気になっていたことがあります。 このエントリにおけるid:Kscさんのコメントでprototype.jsが原因かもしれないとの指摘がありました。 私の確認したところ、うちも含めて他のマップは全て正常なので、はてなマップ固有の現象みたいですね。 prototype.js が絡んじゃったりしてるような気がしますが、そうなると、私も厄介な予感がします。 悪い予感がしたので、試しに私の環境で簡単なコードを書いてみました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XH
Google Mapsや Googleサジェスト で一躍有名になった Ajax(Asynchronous JavaScript+XML:エイジャックス) ですが、Ajax用JavaScriptライブラリを利用してサイドメニューをゆっくり折りたためるようにしてみました。 公開テンプレートを用いたサンプルを作りましたので、実際の折りたたみ動作をご確認ください。固定3カラム・可変3カラムを右上のリンクで切り替えられるようにしています。 ゆっくり折りたたむサンプル 本カスタマイズで参考にさせていただいたのは下記のサイトです。ありがとうございました。 Ogawa::Memoranda:"Subscribe with Feedbringer" Bookmarklet (FEEDBRINGERを知るきっかけ) FEEDBRINGER nekobara カルゴルニア・ジョン:Ajaxサンプル with G
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。 はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net
適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。 いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる ・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。 ・画面はリロードされない。 完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
JKL.Hina は JavaScript 用のテンプレート展開ライブラリです。 HTML ページ内に予め用意したテンプレートと、JSON なデータを与えて テンプレート展開処理を高速に行います。 DOM を利用しているため、今のところ300行弱とソースも短いです。 ダウンロード 更新履歴 サンプル 簡単な使い方 処理仕様 Internet Explorer 6.0、 Firefox 1.0、Opera 8.0、Konquerer 3.3.2 で動作確認しています。 Safari 1.2 でも概ね動くようになりました。 ダウンロード .tar.gz 版と .lzh 版の内容は同じです。(アーカイブ形式のみ違う) jkl-hina-0.18.tar.gz TAR-GZ jkl-hina-0.18.lzh LZH 更新履歴 2005/05/16 バージョン 0.01 最初のバージョン 2005
id:higepon:20050602:1117724735で、書いたデバッグ方法をオブジェクト指向っぽく。 var debug = new Debug('debug', true); function Debug(target, debug) { this.target = target; this.out = function(str) { if (!debug) return; var place = document.getElementById(this.target); if (!place) return; place.value += str + "\n"; } this.clear = function() { if (!debug) return; this.value = ''; } } <textarea cols=70 rows=30 id="debug"></t
Section 8F of the book discusses innerHTML and when it's preferable to "real" W3C DOM methods. This is a test page intended to find out which method of generating large amounts of content is fastest in the browsers. Of course the results differ significantly from browser to browser. Each of the test scripts creates a 50x50 table, all of whose cells are filled with one character, *. Then the time y
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Firefoxで2chのURL表示をちょっと便利にするgreasemonkeyのスクリプトを書いてみました。 http://sappari.org/file/2chUrlModify_0.2.user.js (注:旧バージョン。動きません。) 追記(2008-12-23):最新版は以下のページでインストールできます。 http://userscripts.org/scripts/show/39136 「ttp〜」という文字列をリンクに直します。 「ime.nu」や「ime.st」を除去します。2ch外のリンクへ飛ぶとき広告ページを表示しなくなります。 画像へのリンクはサムネイルを表示します。 「>>100」といったリンクをクリックすると、リンク先の内容をその場に展開表示します。もう一度クリックすると閉じます。 追記 (2008-12-23):動かなくなっていたので直しました bbspink
id:higepon:20050602#1117724735で、textarea を利用した printデバッグを紹介しました。 その後、集まった情報を整理しておきます。。 id:YamamiさんよりMicrosoftのツール。 http://support.microsoft.com/default.aspx?scid=kb;ja;81617(JavaScriptのデバッグ) id:tapotさんよりGreasemonkeyのGM_log。 id:tapot:20050603:p4 id:moceanstarさんによる、オブジェクトプロパティ展開。(これ良いですね。) id:moceanstar:20050603#1117786327 追記: id:tapotさんより http://www.hacksrus.com/%7Eginda/venkman/ Netscape 7.xで動作するデ
Ajaxを含め、WebアプリケーションのプログラミングではJavaScriptのコードをデバッグをすることが良くあります。 何らかのエラーが発生した場合、FirefoxであればJavaScriptコンソールに出力され、IEであればエラーアイコンが表示され詳細を見ることが可能です。 大体は、その内容を見れば解決可能なエラーですが、いわゆる「printデバッグ」を行いたいときがあります。 たとえば変数の値を書き出したり、関数の呼び出しをトレースしたりと「printデバッグ」で解決するものも多いはずです。 もちろんデバッガを利用するのが一番良いのでしょうが、そんなに大げさじゃない場合に良く使っている手を紹介します。 HTML中に以下のように textarea を追加します。 <textarea cols=100 rows=50 id="debug"></textarea> そしてJavaScri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く