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

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

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

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

もっと見る

List

  • 2007/12/29

サイトにスライダーを「Coda-Slider」

サイトは縦長が多い。横に長いと見づらいので致し方ないが、あまり縦長なのも好まれない。その点、横向きに情報が変化するのはインパクトもあり、効果的だ。横に並べた情報をいかにうまく見せるか、それを手軽に実現できるのがこのソフトウェアだ。今回紹介するフリーウェアはCoda-Slider、サイトにスライダーを実装するjQuery...

List

  • 2007/12/27

インラインで使えるWYSIWYGエディタ「NicEdit」

※ 画像は公式サイトより。テキストエリアを置き換えて使うWYSIWYGなHTMLエディタは数多い。ブラウザ上で様々な装飾が施せるとあって、Webサービスを作る際に良く利用しているが、ごてごてしている感があった。また、いかにもと言う表示になってしまうのも気になっていた。見た目をそのままに編集できるWYSIWYGエディタが...

List

  • 2007/12/25

FirefoxからAmazon EC2を操作「Firefox Extension for Amazon EC2」

インスタンスを簡単に立ち上げて、フレキシブルなサーバ構成が臨めるAmazon EC2。一度使い始めると手軽なのだが、はじめるまでは何かと面倒くさい。特にインスタンスの立ち上げまでが特殊で、面倒に感じてしまう。その立ち上げの過程をシンプルにしてくれるのがこのソフトウェアだ。今回紹介するオープンソース・ソフトウェアはFir...

List

  • 2007/12/22

サイトにRSSをスクロール表示「Pausing RSS scroller」

ニュースのヘッドライン調の表示は格好がいい。ただ一覧表示するのに比べて、表示がダイナミックに切り替わる分、目を引きやすい。そんな表示をあなたのブログパーツとしていかがだろう。ライブラリを使えば簡単だ。今回紹介するフリーウェアはPausing RSS scroller、RSSをヘッドライン調にスクロールさせるライブラリだ...

List

  • 2007/12/21

AjaxでIM「ajax im」

今はメインでSkypeを利用しているが、場合によってはGoogle TalkやJabber、MSNメッセンジャーを利用している。これだけ増えてくると非常に面倒だし、企業のセキュリティの具合によっては通信が途切れ途切れになったりする。特定の人とだけ話すのであれば、Webベースで話すこちらの方が便利かもしれない。今回紹介す...

List

  • 2007/12/19

Yahoo! Pipesのような動きを実現「WireIt」

Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形(フィードやJSON等)で出力できるWebアプリケーションだ。そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。今回紹介するオープンソー...

List

  • 2007/12/18

サイトにツアーをつけよう「Amberjack」

はじめてサイトを訪れた人は、そのサイトで何をどうしたら良いか分からない状態だ。度重なるバージョンアップによって、ボタンや画面構成が分かりづらくなると特に混乱させる原因になる。そこでツアーを作ることをお勧めする。サイトの各機能について画面を交えながら説明するのだ。最近は動画で案内するサイトも増えてきたが、これでは時間がか...

List

  • 2007/12/10

Ajaxでもhistory.backを「Really Simple History」

Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この...

List

  • 2007/12/08

JavaScriptを使ってインタラクティブなグラフ「Flot」

データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。今回紹介するオープンソース・ソフトウェアはF...

List

  • 2007/12/08

iPod Touch対応のJavaScriptアニメーションエンジン「iAnime.js」

iPod Touchは音楽を聴くだけでなく、無線LANを使ってブラウジングできるのが魅力だ。外で暇つぶしにゲームをすることもできる。SafariベースなのでJavaScriptへの対応もまず問題ない。そこでWebベースで遊べるゲームを紹介しよう。今回紹介するオープンソース・ソフトウェアはiAnime.js、JavaSc...

List

  • 2007/12/05

JavaScriptとCSSの融合「Dynamic CSS via JavaScript」

JavaScriptを使ってCSSを変更というのは良くあることだ。例えばクリックで表示を消す場合やフェードアウトさせるような類のイフェクトがある。$.style.display="inline";のような指定をするだろう。しかしこれではCSSとJavaScriptの距離が遠い。もっとダイナミックにCSSを操作しよう。今...

List

  • 2007/12/04

JavaからJavaScriptを生成「Java2Script」

JavaとJavaScriptを区別しない人がいる。Javaが〜という話だと思ったら、実はJavaScriptだった、なんて経験ないだろうか。あまり技術に詳しくない人と話していると度々ある。だが、今後はJavaとJavaScriptは区別しないものになっていくかも知れない。それは言い過ぎだが、このツールはJavaScr...

List

  • 2007/12/04

各種地図Web APIを統一「Mapstraction」

マッシュアップを作る際に最もよく使われるのが地図系のWeb API、特にGoogle Maps APIだ。地図はリアルとネットとをつなぐのに便利なツールで、ビジュアル的にも映えるので格好がいい。そんな地図系APIであるが、数多く登場している。Google Maps、Yahoo! Maps、Virtual Earth(M...

List

  • 2007/12/02

JavaScriptでアクションゲームを「Javascript Gamelib」

この間はJavaScriptで作るRPG用ライブラリを紹介した。今後のWebの行方、そしてJavaScriptの行方を占う上で面白いライブラリだ。しかしゲームはRPGだけではない。むしろ時間がかかるRPGよりも、こちらの方が手軽で中毒性は高そうだ。今回紹介するオープンソース・ソフトウェアはJavascript Game...

List

  • 2007/12/01

ネットワークを使ったウィジェット開発に「Jolla」

ウィジェットやガジェットと呼ばれる仕組みは幾つか存在する。現状、Windows VistaやMac OSXであれば標準で実装された環境がある。ちょっとした操作の際に便利な仕組みだ。特に、ブラウザを立ち上げることなく操作ができるのが便利だ。データをポストし、結果を待たずに完了できる。ローカルの電卓やカレンダーも良いが、や...

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の方がお好みだろう。その際にはこれを使おう。今回紹介するオー...