ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プログラミング言語 - JavaScriptの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2009/07/07

なんかもうすごい…Linux風デスクトップを再現するWeb OS「Lucid」

これまでWeb OSを少し甘く見ていた。なぜブラウザの中でウィンドウを再現したり、はたまたブラウザを再現したりするのか理解できなかった。それらしくは動いても、決してオリジナルを越えることはできない、そう感じていた。とにかく多機能、高性能! だがWeb OSを突き詰めていけばこうなるのだ、そう感じさせてくれるのがLuci...

List

  • 2009/07/07

Script.aculo.usの次期版「scripty2」

Script.aculo.usといえばPrototype.jsが出回った時からあるイフェクトライブラリだ。スライドでオブジェクトを表示したり(逆に消したり)、スムーズなスクロールを実現したりとユーザビリティを良くしてくれる便利なライブラリだ。パズルのサンプル 継続的に開発が行われてきたとは言え、2008年11月の1.8...

List

  • 2009/07/06

自分のブログやWebサイトにTwitterブログパーツを「Ptwix」

Twitterをはじめるとブログの更新回数が極端に減ってくる。ブログが自分のメモだったりすると、 そのメモをつぶやけば良いだけという手軽さがあってブログを更新するのは手間に感じてきてしまう。しかしせっかくのブログをそのまま放置では勿体ない。ブログのサイドバーにぴったりなデザイン そこでブログのサイドバーに自分のつぶやき...

List

  • 2009/07/04

JavaScriptの正規表現をパワーアップ!「XRegExp」

※ 画面は公式サイトよりWebアプリケーションを開発したり、よりコーディング量を少なくシステムを開発する上で正規表現の存在は欠かすことができない。良い正規表現を組めるかどうかで見通しの良いシステムができるかどうか決まってくるだろう。Named captureをJavaScriptでも 昔からある正規表現ではあるが、Ja...

List

  • 2009/06/27

iPhoneのSafariでカバーフロー調のアクションを実現する「css-vfx」

写真は撮るだけでは面白くない。見せ方が重要だ。例えばiPhoneやiPod Touchは液晶の大きさもあって、写真を皆に見せるのに便利なインタフェースだ。だが、ただ写真をリストアップしたり、アルバムに入っているものを見せるだけでは面白くはない。iPhoneに最適化されたカバーフロー表示を行うJavaScript オンラ...

List

  • 2009/06/26

iGoogle風UIを実現&解説「iNettuts」

iGoogleの画面が使いやすいか、と言われると答えに窮するところだか個人がメンテナンスできる機能はとても便利だ。ブックマークレットやFirefoxアドオン等でもただ与えられた画面をそのまま使うのではなく、ユーザが自分にとって使いやすい形に変化させる(または許容する)のはとても大事だ。3カラム表示のウィジェットポータル...

List

  • 2009/06/25

OpenSocialガジェットの開発にjQueryを使う「opensocial-jquery」

mixiがOpenSocialに対応したとあって、日本においてもOpenSocial開発に力が入ってくるかも知れない。海外のSNSを含めて一つのコードが全てのSNSで動作する(実際には動作しないことが多いようだが)のが魅力だ。OpenSocialガジェット用のjQueryライブラリ そんなOpenSocialではあるが...

List

  • 2009/06/22

Google Mashup Editorに似たELTツール「MixDEM」

マッシュアップは外部のデータをロードし、組み合わせて別な形式に展開することだ。それは何もWeb APIを使ったものに限らない。むしろ企業内の基幹システムにあるデータこそ外部データと組み合わせると効果的と言えるかも知れない。Google Mashup Editorに似たインタフェース データウェアハウスではそのような外部...

List

  • 2009/06/17

Webアプリケーション用のGUIツールキット「Socks」

Webアプリケーションを構築する上で最大のネックになるのがGUiインタフェースだろう。一般的なローカルOS向けのGUIツールキットとは異なり、Web向けには貧弱なコンポーネントしか用意されていない。YUIやExt JSなど多数のツールキットが登場しているのはそのせいだ。アニメーションもこなすGUIツールキット そしてデ...

List

  • 2009/06/16

iGoogleを自社内にも作れる「Picok」

iGoogleのようなポータルサイトは作ってみたくないだろうか。社内では一般的にCMSやグループウェアが情報ポータルとして利用されることが多いが、パーソナライズはされていない。そのため、自分には無用だと思うと全く見なくなってしまう。iGoogle風のシステム パーソナライズホームページならば自分で組み替えることができる...

List

  • 2009/06/14

PHP製のWebブラウザベースのDBコンソール「Uhura」

MySQLを使ったWebシステムの場合、そのDB管理にphpMyAdminを用いることが多いのではないだろうか。ではPostgreSQLを利用する場合はどうだろう。その場合にはphpPgAdminがある。さらにFirebirdの場合はどうだろう。まるでGUIアプリケーションのようなDB管理ソフトウェア 一つのDB向けに...

List

  • 2009/06/11

Ajax + XMPPベースのチャットシステム「JWChat」

XMPPはGoogle Waveでも用いられるということもあって、俄然注目を集め始めている。XMPPは既にJabberやGoogle Talkなどで使われており、多数の実装が存在する枯れた技術だ。それだけに情報量も多く、とても使いやすいだろう。Ajaxを使ってブラウザでJabberチャットが可能 サーバも各種あるが、ク...

List

  • 2009/06/10

JavaScriptのvar_dump「prettyPrint.js」

PHPの開発者であれば皆使うのがvar_dumpだ。開発中はもちろんデバッグ時などに非常に重宝する。エラーがあっても出力してくれるので、これがなければ生活できないという人も多いのではないだろうか。JavaScriptでも変数のダンプを メソッドを調べる必要もなく、知りたいものを関数に入れれば全ての情報を出してくれる。そ...

List

  • 2009/06/09

その場で検索して結果に素早くアクセスする「jQuery Live Search」

インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。JavaScriptだけで検索を行う そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。今回紹介...

List

  • 2009/06/06

Webブラウザ上のプログラミングエディタBespinを再現する「Bespin on Rails」

BespinとはMozillaの開発するWebブラウザ上で動作するプログラミングエディタのことだ。他のユーザとコラボレートしたり、Firefoxに限らず他のブラウザからでも操作ができるようになるとしている。CGMやクラウドを語る上で欠かせない要素になるだろう。Bespin風テキストエリアを設置しよう そんなBespin...

List

  • 2009/06/05

jQueryベースのグラフ作成ライブラリ「jqPlots」

Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。JavaScriptのみでグラフを表示する だが、例えCanvasを使って...

List

  • 2009/06/04

リアルタイム入力チェックのJavaScriptライブラリ「yav」

時々、Webサイトで入力している内容をその場で判定するものがある。入力必須の項目やメールアドレス、パスワードの一致などでエラーがあればすぐに表示してくれるので、送信してから修正すると言った二度手間がなくて便利だ。Webブラウザ上で入力チェックを実行する サーバ側でも入力チェックは行うが、ユーザビリティを考えるとオンライ...

List

  • 2009/06/04

Web上でWebアプリケーションを開発する「UIzard」

ローカルでWebシステムを開発し、それをアップロードして検証する。そんな手間をかけるのは面倒だ。オンラインで開発してそのままオンラインで実行できればとてもスムーズになりそうだ。問題は良い開発環境がないことだろう。プロジェクトテンプレートが用意された本格的IDE まるでIDE(統合開発環境)のように画面を設計し、コーディ...

List

  • 2009/06/03

JavaScriptで作られたチャットシステム「JsChat」

※ 画面は公式サイトデモよりLingrの終了を受けて、という訳ではないだろうが最近Webチャットのシステムを良く見かける気がする。この手のプラットフォームとしてはIRCが最も軽量で使いやすいだろうが、Webベースであればもっとインタラクティブなものになる。Cometを使ったものではないが、JSONを使ったWebベースの...

List

  • 2009/06/02

jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」

入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェック...