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

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

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

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

もっと見る

List

  • 2007/11/20

jQueryをRailsで「jRails」

Railsにははじめからprototype.jsやイフェクト用のeffects.jsが入っているので、手軽にJavaScriptによる各種イフェクトを楽しむことができる。だが、人によってはprototype.jsよりも、プラグインで拡張できて軽量なjQueryの方がお好みだろう。その際にはこれを使おう。今回紹介するオー...

List

  • 2007/11/19

入力した直後にバリデーション「LiveValidation」

※ 画像は公式サイトデモより人間は面白いもので、自分の好きな情報だけを見るようにフィルタリングをかけることができる。文字が見づらいコンピュータでは特にそうだ。書いてあるにも関わらず入力エラーが起こるなんて良くあることだ。そして、それらの入力エラーはユーザにとって非常にストレスになる。自分自身、エラー画面で面倒になって止...

List

  • 2007/11/18

IEにもFirebug並のデバッガを「DebugBar」

Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問...

List

  • 2007/11/15

Web上の開発環境「Rainbow 9」

様々なWebアプリケーションが登場しているが、それでも作成はローカル環境で行う必要があり、不便さが残っている。開発すらWeb上でできればどれだけ手軽だろう。そんな希望を実現させてくれるかも知れないのがこのソフトウェアだ。今回紹介するオープンソース・ソフトウェアはRainbow 9、Webブラウザ上で開発するソフトウェア...

List

  • 2007/11/15

クールなカレンダー「MooMonth」

今やJavaScriptはクールなWebアプリケーションを作る上で欠かせない技術になっている。各種フレームワークやライブラリも登場し、何ができるのか分からなくなってしまっていないだろうか。そんなあなたのために。カレンダーアプリケーションのモックアップをご紹介。今回紹介するオープンソース・ソフトウェアはMooMonth、...

List

  • 2007/11/06

各種言語に対応したハイライタ「CodePress」

ブログをはじめとしてサイト上でプログラム言語を記述することは多々ある。そして見やすさのためにはハイライト表示されているのが良い。表示はもちろんのこと、編集まで考えると便利なのがこのライブラリだ。今回紹介するオープンソース・ソフトウェアはCodePress、JavaScriptベースのコードハイライタだ。CodePres...

List

  • 2007/10/27

JavaScriptでFlashのようなスライドショー「JS Slideshow」

Flash製のスライドショーは、見栄えが映えるのは良いが、カスタマイズ性を含めてFlashに慣れていないと面倒に感じてしまう。その点、JavaScriptベースは手軽にカスタマイズできるのが良い。とは言えFlashに比べるとリッチさが劣ってしまう…いや、そんな事はない。今回紹介するオープンソース・ソフトウェアはJS S...

List

  • 2007/10/24

Texyをもっとセクシーに「Texyla」

※ 画像は公式サイトデモより。HTMLのタグを覚えるまでもなく、普段書いているように文章が書けるという点においてTexyという選択は良いものだと思う。だが、記法を覚えるまでが問題になりやすい。元の木阿弥という感じもしないでもないが、Texy初心者やユーザ部門に使ってもらうにはこれがあった方が良いかも知れない。今回紹介す...

List

  • 2007/10/23

Webサイトを手軽にクールに「GreyBox」

最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。だが、これを使えば簡単にそれっぽい実装ができそうだ。今回紹介するオープンソース・ソフトウェアはGreyBox...

List

  • 2007/10/22

リッチなWebアプリケーションを実現「Rico」

※ 画像の一部は公式サイトデモより。アプリケーションをWeb化する上で、リッチなユーザインタフェースは欠かせない。そうでなくとも動作はするが、ユーザビリティを高めるのには必須と言えるだろう。自作しても良いだろうが、やはり既存のライブラリを利用するのが手っ取り早い。チェックしてほしいのはこれだ。今回紹介するオープンソース...

List

  • 2007/10/22

Google Gearsのデータ管理に「Gears In Motion」

Webアプリケーションをオフライン化できるGoogle Gears、最近はあまり目立った動きを聞かないが今後を担う高い可能性を秘めたソフトウェアだ。開発がもっとやりやすくなれば、利用度も高まるだろうか。そのために知っておきたいソフトウェアがこれだ。今回紹介するオープンソース・ソフトウェアはGears In Motion...

List

  • 2007/10/15

サイトのパフォーマンス向上を目指そう「YSlow」

AjaxやCSSや様々なJavaScriptライブラリによって、サイトが豪華になっていく反面、全体的なシステムパフォーマンスは急激に悪化している。JavaScript等で、このサイトは重いなと感じる事が少なからずあるはずだ。便利な機能を提供する限り、これは変えられないのだろうか。いや、そんな事はない。変えるべきポイント...

List

  • 2007/10/13

GUIのようなWebアプリケーションを構築「Rialto」

最近の流行はやはりWebアプリケーションだ。特にWeb OSをはじめとして、まるでGUIアプリケーションのようなインタフェースを実現したものが増えている。あのようなアプリケーションを作るのは非常に手間がかかることだろう。だが、そのためのツールキットも登場している。これを使えば簡単に優れたインタフェース、操作性を実現でき...

List

  • 2007/10/12

XHTMLにも対応したWYSIWYGエディア「Whizzywig」

※ 画像は公式サイトデモより。テキストエリアをHTMLオーサリングツール風にするソフトウェアは各種存在する。有名なものとしてはFCKEditorやSPAW Editor、Xinhaなどがある。この手のソフトウェアの難点として、HTML構造は汚い事が多かった。XHTML Validなサイトを作っている場合はこれを使ってみ...

List

  • 2007/10/10

JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」

Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。今回紹介するオープンソース・ソフトウェアはLT Diagram ...

List

  • 2007/10/09

XHTMLベースのEラーニング作成「eXe」

いまいち流行りきらない感のあるeラーニングではあるが、バークレー大学が講義をYoutubeで公開する等、教育とインターネットのつながりは様々な形で行われている。流行らせるためにはもっと手軽にコンテンツを作れる必要があるだろう。そのためのソフトウェアがこれだ。今回紹介するオープンソース・ソフトウェアはeXe、Eラーニング...

List

  • 2007/10/09

JavaScriptでグラフィックス「JavaScriptGraphics」

かつてがジョージ・マロリーがいった有名な台詞がある。なぜ山に登るのか、という質問に対して「そこに山があるから」と答えたあの台詞だ。なぜJavaScriptでグラフィックスを描くのか、それもまた「JavaScriptがあるから」だ。今回紹介するオープンソース・ソフトウェアはJavaScriptGraphics、JavaS...

List

  • 2007/10/02

JavaScriptでソケット通信?「JNEXT」

何でもJavaScriptにやらせてしまおうという風潮はすごい。善し悪しはあれど、JavaScriptの新しい可能性を求めていくというのは重要な挑戦だ。様々な挑戦の存在する中、次なるものはこれだ。今回紹介するオープンソース・ソフトウェアはJNEXT、JavaScriptに次なるパワーを与える機能拡張だ。JNEXTはイン...

List

  • 2007/09/29

進化するJavaScript「Ajile」

JavaScriptの進化が止まらない。もし、JavaScriptの欠点を挙げるとすれば、外部のファイルがロードできない点にあったと思う。やはりこれができないと他の言語の比べると弱い印象になってしまう。だが、それをもJavaScriptは克服していく。本当にすごい。今回紹介するオープンソース・ソフトウェアはAjile、...

List

  • 2007/09/26

高機能JavaScriptスライド「Slideshow」

※ 画像は公式サイトデモより。Mac OSXに付属するiPhotoで好きなのは、スライドショーをはじめた時に写真が斜めに動きつつ、スライドしていく所だ。ただ写真を切り替えるだけでない、気持ちのいい演出だ。同じ事は他の場面でも言える。Webで見せる時だって、ただ映し出していけば良いと言う訳ではない。今回紹介するオープンソ...