jQueryでリンクを左右に動かす方法

jQueryでリンクを左右に動かす、いわゆるNudge効果を作る方法が紹介されていた。

リンク：david walsh blog

何の役に立つかはよくわからないが、エントリ中でリンクを目立たせることができる。

Ajax, jQuery, Nudge, リンク

続きを読む "jQueryでリンクを左右に動かす方法"

ブラウザ別のJavaScriptベンチマーク

JavaScriptのコア機能のベンチマークが実行できる、SunSpider JavaScript BenchmarkというツールがAppleのWebKitチームによって発表されているが、このツールの実行結果をCoding HorrorのJeff Atwood氏がわかりやすくまとめており、その一部が、Ajaxianで紹介されていた。

リンク：Coding Horror: The Great Browser JavaScript Showdown
紹介元：Ajaxian » JavaScript Benchmarks

このページで紹介されているグラフを見ると非常に興味深い結果となっている。

Technorati Tags: JavaScript, ベンチマーク

続きを読む "ブラウザ別のJavaScriptベンチマーク"

2007年度Ajax系各ツールのシェア

Ajaxianに2007年度のAjax系ツール・ライブラリのサーベイが掲載されていた。

リンク：Ajaxian » 2007 Ajax Tools Usage Survey Results

もちろん、ツール・ライブラリの使用状況のサーベイなので、重複回答があるが、Top3は以下の通り。

1. Prototype : 34.10%
2. jQuery : 29.30%
3. Ext JS - JavaScript Library : 22.50%

このAjaxianのサーベイは2005年から始まっているが、Ajax系ツールは当時と比べるとかなり増えているらしい。

Technorati Tags: Ajax, シェア, ツール

続きを読む "2007年度Ajax系各ツールのシェア"

JavaScriptなスペースインベーダー

Download SquadでFlashを使わないJavaScriptだけで出来ているスペースインベーダーが紹介されていた。

リンク：Space Invaders! - //digitalinsane.com
紹介元：JavaScript Space Invaders - Time Waster - Download Squad

いわゆるAjaxな機能でここまで出来るという実例。

Technorati Tags: JavaScript, スペースインベーダー

続きを読む "JavaScriptなスペースインベーダー"

iPhoneのJavaScriptのベンチマーク

リンク：iPhone Javascript and spec benchmark - John Murch the Self Proclaimed Geek Guru
紹介元：Ajaxian » iPhone Javascript and spec benchmark

リンク先のページに、8GB iPhoneと2.4GHz Core2 Duo＋4GBメモリのMacBook Proとのベンチマーク比較結果が掲載されている。

Technorati Tags: iPhone, ベンチマーク

続きを読む "iPhoneのJavaScriptのベンチマーク"

JavaScriptでTetris

リンク：Javascript Tetris by Popov Sergey
紹介元：Ajaxian » More Tetris

Ajaxianで紹介されていたJavaScript版のTetris。
# なお、Tetrisの公式サイトはここ

Technorati Tags: JavaScript, Tetris

続きを読む "JavaScriptでTetris"

Dapper (The Data Mapper)を使ってみた

リンク：Dapper: The Data Mapper

Dapperはトップページのキャッチフレーズが「RSSify any website!」と書かれているとおり、任意のWebサイトに対して、RSSフィードを作成することができるサービスである。

基本は、指定されたURLのページを解析して必要なデータを抽出し、別の形式にマッピングを行う、いわゆる画面スクレイピングであるが、このサービスでは、Perl等の言語を使用せずに、GUIだけで結果を得ることが出来る。

Technorati Tags: Dapper, RSS, ランキング, 動画

続きを読む "Dapper (The Data Mapper)を使ってみた"

JavaScriptのクロスワードパズル

リンク：JavaScript Crossword Puzzle
紹介元：Ajaxian » JavaScript Crosswords

JavaScriptで作られた、Software工学の単語を埋めていくクロスワードパズル

画面の下の方にある「Start Now」をクリックすると、問題が生成されるようになっている。

Technorati Tags: JavaScript, クロスワードパズル

続きを読む "JavaScriptのクロスワードパズル"

ダイヤグラムを共有できるサイト

リンク：Glify
紹介元：Ajaxian » Get Gliffy with it

オンラインでダイヤグラムを作成し、さらに作成したダイヤグラムを共有できるサイト。
作成したダイヤグラムは単に共有するだけでなく、HTMLページに埋め込むことが出来る。

サービスの利用は無料なので、試しに登録して使ってみた。
# 当エントリのカテゴリはAjaxとしているが、実際のサイトは Ajax + Flashとなっている。

Technorati Tags: gliffy, ダイヤグラム

続きを読む "ダイヤグラムを共有できるサイト"

DOMを動的に見ることが出来るツール

リンク：Live DOM Viewer
紹介元：Ajaxian » Live DOM Viewer

XML文書にアクセスするためのAPIにDOM(Document Object Model)と呼ばれる規格がある。

このリンク先のページでは、XML(XHTML)文書を書き込むと、動的にこのDOMツリーが生成され、さらにHTMLのレンダリングの様子までを見ることが出来る。
試しに、テキストに日本語も使ってみたが、文字エンコードがUTF-8となっていたため、そのまま使用できた。

Technorati Tags: Live, DOM, Viewer

続きを読む "DOMを動的に見ることが出来るツール"

かなり強力なパスワードを生成してくれるサイト

リンク：Strong Password Generator

リンク先のページでは、かなり強力なパスワードとパスワードの覚え方のヒントを生成してくれる。

オンラインの無料サービスだと、情報が漏れる可能性は当然疑われるが、Live HTTP Headersを使って確認してみたところ、最初の画面表示ではHTTPプロトコルが流れているが、パスワードおよび覚え方の頻度の生成自体はページに含まれているJavaScriptのコードがPC内で実行するため、データは（ネットワーク上に）流れていなかった。

# 実は該当ページをローカルに保存してから開いてもパスワード生成は問題無く出来る。

Technorati Tags: パスワード, 生成

続きを読む "かなり強力なパスワードを生成してくれるサイト"

（新）会社の名称を自動で生成

リンク：Web 2.0 Company Name Generator
Web2.0っぽい名称の会社名を自動で生成してくれるサイト

画面上の「Generate Name!」をクリックすると、それらしい名前が生成される。

さらに名前が生成された後に、「Check Availability!」というボタンが表示される。
このボタンをクリックすると、Dotster, Inc.というドメイン登録業者のドメイン検索画面がhttpsで表示される。

アフィリエイトを実施するやり方としてはなかなかうまいような．．．

Technorati Tags: 名前, 会社, 自動生成

flickrでモザイクを作成できるサイト

リンク：Mosaickr
紹介元：Create photo mosaics with Mosaickr - Lifehacker

Flickrに投稿されている写真を他の写真をベースにしたモザイク写真に変換できるサイト

手順は非常に簡単で、

1. 変換元の写真を選ぶ
   この時、他の人の写真を使う場合は、適当なTagで検索してから選択する
2. モザイクのタイルとして使用する写真を選ぶ
   通常は200枚から400枚が推奨されている数であるが、手動で選ぶのが
   面倒な場合は「add random 50」や「add random 100」を使用する
3. 完了を通知するメールアドレスを入力して「Let's mosaickr」をクリックすると
   完了時に通知メッセージが届く

Technorati Tags: flickr, mosaickr

続きを読む "flickrでモザイクを作成できるサイト"

OPMLを6分で説明

リンク：thinkerlog » Blog Archive » OPML: Anyone interested in a 6-minutes explanation

紹介元：Grazr Blog » Blog Archive » OPML in 6 minutes:

OPMLを6分程で説明しているプレゼンテーション（Flash）へのリンクが最初のページにある。
直接のリンクはこれ：a six-minute screencast distillation

Ajaxian.com 2006 Survey

リンク: Ajaxian.com 2006 Survey Results

Ajaxian.comが実施したAjaxの調査結果がリンク先に掲載されている。
この調査で、使用されているAjaxフレームワークとAjaxプラットフォームのそれぞれのシェアが報告されている。

続きを読む "Ajaxian.com 2006 Survey"

Web2.0なサイトのロゴ一覧

リンク: web2logo.com


Web2.0と一般的に認識されているサイトのロゴが集められているサイト。


なお、リンク先のサイト自体はロゴを集めているだけでなく、ロゴをクリックすると、それぞれのサイトのWeb2.0と呼ばれるに足る特徴の列挙と、関連するニュース、およびAlexaのトラフィックグラフが一覧できるようになっている。

続きを読む "Web2.0なサイトのロゴ一覧"

IP位置情報の検索

リンク: SEOmoz | Ajax Powered IP Location Lookup

Ajaxベースで構築されたサイトでIPアドレスの位置情報(地理情報)を検索できる。
試しに使ってみたところ、県庁所在地以上の精度にはなっていないようだ。

続きを読む "IP位置情報の検索"

フォントの表示確認

リンク：Typetester - Compare fonts for the screen

様々なフォントが画面上でどのように表示されるのかを確認できるサイト

いわゆる「safe list」と呼ばれるArial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebunchet MS, Verdanaのフォントだけでなく、WindowsのデフォルトフォントやMacのデフォルトフォントも選択して確認できる。

これだけだと、「日本語は？」となるのであるが、このサイトでは日本語も問題無く、確認できる。

続きを読む "フォントの表示確認"

フォント比較ツール

リンク：Font Tester - Online Font Comparison Tool

Ajaxベースのフォント比較・確認用ツール

段組無し、２段組、３段組のレイアウトを選択し、フォントやフォントサイズ、色等を変更しながら、全体的なレイアウトや見ばえなどを確認できる。

続きを読む "フォント比較ツール"

Google Mapでフライトシミュレータ

リンク：Goggles :: The Google Maps flight sim

Google Maps（Google Earthのデータ）を利用したフライトシミュレータ

目的地は、

• London
• New York
• Paris
• Tokyo
• Washington DC

の５つから選択できる。

続きを読む "Google Mapでフライトシミュレータ"

Ajaxベースのペイントソフト（？）

リンク：Google Paint

Ajaxベースのペイントソフト。

まだ、細かい機能は実装されていないが(未実装の機能のアイコンをクリックすると、「Unimplemented」と表示される)、Windowsのアクセサリのペイントにそっくりな画面構成になっている。
しかも、画面の左上には「Google Paint LABS」もタイトルが．．．

このサイトの画面のハードコピーはこんな感じ。

続きを読む "Ajaxベースのペイントソフト（？）"

写真から余分な物を除去

リンク：Tourist Remover

写真から撮影者にとって余計な物（！）を除去するサービス。
このサービスを利用するためには、snapmaniaに登録する必要がある（無料の登録も可）
snapmaniaはいわゆる写真共有サービスで、このTourist Removerはこのサービスに付いている写真レタッチサービスの内の一つ。ajaxのインタフェースで写真を編集出来るようになっている。

このsnapmaniaを提供している会社はスイスの会社らしいが、試しに登録して使ってみた。

続きを読む "写真から余分な物を除去 "

Flickrでモンタージュ作成

リンク: Flickr Montager

Flickr用APIを使って、検索結果の写真をモンタージュ化するURL
結構、CPUを使う処理なので、表示が完了するまでに時間がかかるが、得られた結果はそれなりに興味深い。

続きを読む "Flickrでモンタージュ作成"

Ajaxなプレゼンツール

リンク：Empressr - Presentation Creation, Management and Sharing

Ajaxインタフェースで作成したプレゼン用コンテンツを共有できるサイト。
今のところ、このサイトにアクセスして作ったものしか共有出来ないが、FAQによると、他のプレゼンソフトのデータをインポートする機能は将来のリリースに盛り込めるように設計しているらしい。

さらに、使用できるデータのサイズにも制限があり、

• Jpeg(.jpg): 100KB
• Flash(.swf): 100KB
• Video(.flv): 10MB

となっているらしい。

続きを読む "Ajaxなプレゼンツール"

Ajaxベースのワープロソフト

リンク：ajaxWrite

別エントリ「ajaxでスケッチ」で言及していた ajaxSketchのサイトを久しぶりに見ると、左メニューの「Product Sites」の中に 「ajaxWrite」というメニューがあった。

Googleが買収した、Writelyの方は申し込んでから未だに連絡が来ないので、 このajaxWriteを試してみた。

続きを読む "Ajaxベースのワープロソフト"

Ajaxベースのお絵かきツール

リンク：Imagination Cubed

どちらかといえば、お子様向けの落書き用にも使えるツール。
当ブログの別エントリ「ajaxでスケッチ」で言及したAjaxベースのスケッチツールと比較すると、より一層、お絵かきにフォーカスしている。

このツールで面白いのが「REPLAY」機能。
画面上に絵を描いた順番が記録されており、どのように絵を描いたのかが 描いた本人以外でもわかるようになっている。

もちろん、描いた絵は友人宛にメールで通知して共有できるようになっており、 メールを受信した人はさらに絵に何かを追加して送り返すことが出来る。

続きを読む "Ajaxベースのお絵かきツール"

お気に入りアイコン(Favicon)編集ツール

リンク：Favicon Editor

faviconは16×16ピクセルのアイコンで、通常、Bookmarkやアドレスバーに表示されるアイコン。
リンク先の編集ツールはこの favicon を作成・編集できる。

一般的には favicon は PNG 画像で、ウェブサイトのルートにアップロードしておき、HTML中で、

<LINK REL="SHORTCUT ICON"
HREF="http://www.yourwebsite.com/favicon.ico">

と記述しておくことにより使用できる。

続きを読む "お気に入りアイコン(Favicon)編集ツール"

色系アクセシビリティ確認ツール

リンク: Accessibility Color Wheel

色覚障害のシミュレーションが可能なサイト。

任意の色の組合せについて、色覚障害を持つ人にはどのように見えるかを確認することが出来る。

注）色覚障害を持つ人向けのあるべき設計概略については、以下のサイトが詳しい
色覚に障害を持っていたとしたら、あなたのサイトは見えるでしょうか ?

続きを読む "色系アクセシビリティ確認ツール"

スタイルシートを目で見てチェック

リンク：rendr

スタイルシートの変更結果を即座に目で見ながら確認できるサイト。

このページにはデフォルトで小さなHTMLとCSSが用意されており、確認したいCSSの記述を画面上か入力することが出来るようになっている。

キーボードのショートカットも用意されており、[shift]+[esc]でHTMLの入力画面とCSSの入力画面を切り替えることができ、[control]+[space]で入力したHTMLやCSSを画面から隠したり表示したりを切り替えることが出来る。

なお、文字エンコードはUTF-8なので、日本語も入力可能。

続きを読む "スタイルシートを目で見てチェック"

Ajax用のセキュリティスキャナ

リンク: Agile Ajax: Sprajax? Security Scanner for AJAX

Ajaxアプリケーションの脆弱性を調べることが出来るツール。
まだまだ使用上の制約はあるようだが、今後はこのようなツールを使ってチェックする必要は増えるだろう。

続きを読む "Ajax用のセキュリティスキャナ"

ajaxOS

リンク: Welcome to ajaxOS!

ajaxOSはLinspireベースのOSでファイル種別毎にそれぞれ別々のAJAXアプリケーションを起動することが出来るようになっているらしい。
但し、公開までにはまだ数週間かかるらしいので、とりあえず、メールの登録だけしておいた。

JavaScriptのパフォーマンス

リンク: JavaScript speed test

上記リンクでは、JavaScriptの一般的なコードのスピードがどの程度であるのかを調べることが出来る。
ページ中にある、「Start tests」をクリックするとテストが開始され、計測が完了すると、終了のメッセージボックスが表示されて、ページ中に結果がμ秒で表示される。

Technorati Tags: JavaScript

続きを読む "JavaScriptのパフォーマンス"

Ajaxに適した12種類のアプリケーション

リンク: Code:Q - 12 perfect cases for Ajax

Ajaxを利用するに相応しいアプリケーションの類型がリンク先にまとめられている。

以下は、リンク先で述べられていた項目を抜粋したものであり、各々の内容の説明とアプリケーション例はリンク先を参照して欲しい。

続きを読む "Ajaxに適した12種類のアプリケーション"

ajaxでスケッチ

リンク: Welcome to ajaxSketch - an ajaxLaunch family application

Ajaxで作成されたスケッチソフト。
画面の編集結果はSVGファイルとしてローカルPCに保存可能。
作成された、SVGファイルの中を見てみると、Inkscapeへのリンクが含まれていた。

続きを読む "ajaxでスケッチ"

即席でブログ

japan.internet.comのコラムで、インスタントサービスとして紹介されていたサイト「bubbletwo」を試してみた。

このサイトではアクセスした人（セッション？）毎にユニークCookieが発行され、さらに、個別のディレクトリ名が付加されたURLと共に、最初のエントリの入力画面が表示される。

続きを読む "即席でブログ"

AjaxとPHPセッションの競合

リンク: Ajaxian ? Troubles with Asynchronous Ajax Requests and PHP Sessions

Ajaxianのサイトに掲載されていた、いわゆるデッドロック状態が発生するケースの解説記事。
非同期で協調的に動くべきシステムには常について廻る問題でもある。

続きを読む "AjaxとPHPセッションの競合"

Announcing Web 2.0.1

リンク: Ajaxian ? Friday Geek Humour: Announcing Web 2.0.1
Ajaxianにて紹介されているが、Web2.0.1にてFixされたBug一覧が掲載されている。
# 元記事はここ
# もちろんどっちも冗談なので、お間違えなきよう。

続きを読む "Announcing Web 2.0.1"

retrievrその後

１月３１日のエントリ、「落書き検索？」に関して、イラストレーションを生業としている人からのトラックバックがあり、なかなか思い通りのものが検索出来ない（けど面白い）とのコメントがあった。

続きを読む "retrievrその後"

ナビゲーション文字の部分拡大

Ajaxian(ベタ訳すると「Ajax人」)のサイトにて、この前、ナビゲーション文字を部分拡大するためのCSSサンプルが紹介されていた。作成者は、Paul Armstrongという人のブログの次のエントリ「CSS Navigation Magnification」。

続きを読む "ナビゲーション文字の部分拡大"

AOLがdojo (JavaScript toolkit)をCDNで配信

ajaxianという、Ajax関連の情報が集められているブログがある。 このブログの2006年1月30日のエントリにAOLがdojoをCDN経由で配信しているとの記事があり、どこのCDNを使っているのかを確認してみた。 なお、dojoは、OpenSourceのJavaScript toolkit。

続きを読む "AOLがdojo (JavaScript toolkit)をCDNで配信"

「Ajax」の発音

ふと、半年ぐらい前から流行っている（？）、Ajax(Asynchronous JavaScript and XML)について、どのように発音するのか調べてみた。
英語を母国語とする人でもいくつか説があるらしくて、例えば、Canada在住のAndy Peatlingさんのブログ
My Thoughts » Ajax or Ajax?でもいくつかの国の人々が説を出しており、
　１） Ai-yax
　２） Ay-jax
　３） A - Jax
のパターンで、さらに「J」の発音は「Y」の発音をする人もいるらしい。