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

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

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

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

もっと見る

List

  • 2007/11/30

JavaScriptでRPG?「The ClanFX Javascript Game Engine」

何でもJavaScriptでやってしまおう。サーバとの通信はAjaxにすれば、クライアントサイドはあたかもローカルアプリケーションのように操作できる。数々のソフトウェアがWebアプリケーションとして登場したが、これは別格と言えそうだ。何せJavaScriptでゲーム、それもRPGを作る試みなのだ。今回紹介するオープンソ...

List

  • 2007/11/29

日付をエレガントに扱う「Datejs」

プログラムにおいて、日付というのは厄介な存在だ。表示形式は様々に存在し、タイムゾーンもあり、60進数と12進数がおり混ざっている。Railsでは翌週金曜日をnext_weekも強力で、日付データの出力に対して、様々なフォーマットを指定できる"yyyy/M/d"はもちろん、"HH:mm"など数多い。JavaScriptの...

List

  • 2007/11/26

Rails用、WebベースのIDE「Gyre」

最近はWebアプリケーション化が進んでいる。画像編集や動画の編集、ストレージ等様々なものがWebアプリケーションになっている。機能は限られているかも知れないが、可能性は無限大だ。そんな中、WebアプリケーションさえもWeb上で作ってしまおうというのがこのソフトウェアだ。今回紹介するオープンソース・ソフトウェアはGyre...

List

  • 2007/11/22

prototype.jsベースのカレンダー「protocalendar.js」

よく、誕生日の入力などでドロップダウンリストから選ばせるものがあるが、あれほど入力が面倒なものはないと思っている。テキストボックスにそのまま数字で入れた方がよっぽども手軽だ。とは言え、入力チェックやユーザビリティを考えるとそれもお勧めはできない。手軽で、さらに正確な入力が促せる方法としてこれをお勧めしたい。今回紹介する...

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ラーニング...