JavaScript Shell A command-line interface for JavaScript and DOM. Open the shell or get the Shell bookmarklet (Firefox only). Features You can enter statements and expressions at the same prompt. The result of each non-void statement or expression is shown. User-defined variables. b = document.body User-defined functions. function f() { return 5; } JavaScript error messages are shown in red. Previ
ブログのサイドバーをパーソナライズ Posted by Gosuke Miyashita Sat, 14 May 2005 14:20:32 GMT ブログのサイドバーは、ブログ内のエントリへのアクセシビリティを高める、というのが主目的だと思うのですが(それ以外の使われ方もしていますが)、サイドバー自体のアクセシビリティはあまり考えられていないような気がします。特にサイドバー内の項目が増えてくると、どこに何があるのかが見つけにくく、本来の目的を果たせないような状態になってしまいます。 で、このブログではそのあたりも何とかしたいな、という考えで、サイドバーの各項目を開いたり閉じたりできるようにして、自分が必要な情報だけ表示しておくことができ、その状態をcookieで保持できるような仕組みにしていたのですが、これをもう一歩進めて、順番を自由に入れ替えられるようになるといいな、と考えていたところ
Version 3.0 — 26th March 2009 Docking boxes (dbx) adds animated drag 'n' drop, snap-to-grid, and show/hide-contents functionality to any group of elements. And how could I resist re-creating one of the most iconic interfaces of modern times to show it off! The script can work with rows, columns, or two-dimensional grids of objects, of any size and shape. And as you've come to expect from brotherca
Safari が JavaScript ファイルを動的ロードできない件 Mac OS X の標準ブラウザである Safari だと、createElement で生成した script 要素を appendChild しても、src 属性に指定した JavaScript ファイルが読み込まれない、という現象についてです。って、日本語とは思えない文ですね、これ。 少し前に「最速インターフェース研究会 :: [Ajax] JSAN構想とリモートデータの取得とUserJavaScript」や「川o・-・)<2nd life - bookmarkletの文字数制限を無くす」で話題になっていましたが、JavaScript 上で上記のようにしてやることで外部の JavaScript ファイルを動的にロードできる! ウマー! という話。bookmarklet の外部ソース化ができたり(活用例:川o・-・
Kawa.netxp [ajax] JKL.ParseXML/ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON/CSV/LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ: jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex
Google suggest風 キーワード補完のテスト 好きな数字を入力して下さい。適当に補完されます。 キーボードの上下か、マウスで選択出来ます。
bookmarkletで、「選択文字列を取得して何かする」という処理はよくあるものですが(検索エンジンに渡したりとか)、そのことについて暫く考えを巡らせています。 ※ 以下のJavascriptソースはMozilla系ブラウザで動作させるものとします。 Firefoxで選択文字列を取得する場合は、以下のような方法が用いられます。 var t = window.getSelection().toString(); 多くの場合はこれで問題無いのですが、うまく行かない場合もあります。 まず、フレームが使われている場合。フレームの中のページは、大本のページとは別のwindowオブジェクトなので、その中で選択文字列は上記の方法では取得できないことになります。何とかしようとするならば、window.framesにより子windowオブジェクトを取得し、それぞれのwindowオブジェクトについて再帰的に
http://selenium.thoughtworks.com/index.html JavaScriptを使い実際のブラウザを介してテストするseleniumがヤバすぎる。便利すぎ。Web案件なんつーのはほんと最終フェイズになってもMVCで云うモデルに当たる部分が「仕様変更」の一言によって変更されることも多々あって、そんなときは各種testが書き直しになったりする。んで最終で時間がない状態じゃtest書き直せる訳もなく人海戦術で無理矢理なんとか仕上げる、つーのがいまのWeb案件の大概の末路の気がするんだけどそれはおいといて。 このseleniumを使えば、簡単な記述で人間が実際にブラウザを操作してテストしている部分の大半である画面遷移、フォームの入力、ヴァリデーションの正否がなどが行える。つまりインターフェイスの仕様が変わらなければ延々とテストし続けられるわけだ。最後の受け入れテストの
追記: Ajax第3弾はYahoo!APIを使っています。 日曜プログラミング第2弾。先週に引き続きAjaxで小物を作ってみました。 ぜひ使ってみてください。 TODO管理ツール:とーどー PHPの動くサーバに設置すれば、WindowsのIEとFirefoxでは動くと思います。 ソースは全く参考にしていませんが、インターフェイスのヒントはInstant Editから。 前回のめもーよりソースは長くなりました。印象としては、JavaScriptでHTMLを書き換えまくるのでデバッグは少々やりづらい。IEでJavaScriptのエラーが出たときはVisualStudioにデバッグをやらせるとエラー箇所がわかって便利でした。 とーどーをダウンロード(zip) ソースを見る 設置方法はとても簡単なのでソースを見てください。 21件のコメント [...] タンで英語日本語の切り替えは欲しいところ。あ
なんか原稿書いたりで忙しくてBlog書いてて〆切に間に合わなかったらマズいなヤバいなとか思いつつも、原稿書くのが忙しくてBlog更新できませんとかいうのは責任転嫁っぽくて失礼な気がするので適当に(10分ぐらいで)書いたスクリプトをアップする。 JavaScriptとXMLHTTPで作ったシンプルなBloglinesWebServiceのクライアント、動作はIE系ブラウザ+ローカルhtmlファイル限定です。 http://la.ma.la/misc/js/bws.html まずBloglinesのアカウントを持っていない人には何の役にも立ちません。アカウントを取るべきです。 それから対象をファイルに保存して、エディタで開いてユーザー名とパスワードを自分のに設定してSleipnirとかで開いてください。 素のIEだと、XPSP2から警告バーが出るようになってて鬱陶しいです。IEコンポーネントブ
今回は,最近話題のAjaxアプリケーションをPHPで構築する。Ajaxは,JavaScriptによってWebブラウザ上でJavaアプレットやFlashのようなスマート・クライアント(リッチ・クライアント)Webアプリケーションを構築する技法だ。PHPのAjaxツールキットがいくつも公開されており,これを利用しPHPで簡単なAjaxアプリケーションを作成する。 Ajaxの話題に入る前に,PHPのリリース関連情報について紹介する。 PHPの開発状況 3月末にPHP5およびPHP4の最新版としてそれぞれPHP 5.0.4およびPHP 4.3.11がリリースされてから,新たなリリースは行われていない。この間も引き続き,バグ修正などの作業が行われいる。PHP 5.0.4リリース以降,本稿執筆時点までに,PHP 5.0.x系に関しては約75件のバグ修正と若干の機能追加が行われている。 修正点の詳細につ
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
Bloglinesとはてなブックマーク Bloglinesで読んでいた記事を簡単にはてなブックマークに保存したいと思うことがときどきあったので,そういう方法はないものかな,と思っていたところ,Integrating Bloglines and del.icio.us [persistent.info]で,Bloglines上の記事を1クリックでdel.icio.usにポストするリンクを張る,というスクリプトを見つけました.これは,すこし触ればはてなブックマーク向けになるなぁ,と思ったので,いじってみました.もともとのライセンスがよくわからないので,限りなくグレーですが,まぁ,いいか,ということで. Integrates Bloglines with Hatena Bookmark 赤枠のところがPost to Hatena Bookmarkというリンクになっています.(ついでにその隣りは,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く