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

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

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

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

もっと見る

List

  • 2007/06/12

絶対お勧め!JavaScriptでテーブルソート「Table Sorter」

Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えば...

List

  • 2007/06/11

JavaScript/Java/PythonでDiff「google-diff-match-patch」

※画像は公式サイトデモより 最近、自作でWikiエンジンを書いている。Wikiの三大要素(?)として必要なのは、ページがない場合の自動生成、HTMLを記述する事無く記法によって生成される文章、そして不特定多数が編集するための履歴管理機能だ。 履歴管理をする以上、リビジョンの比較ができなければ意味がない。更新の衝突が起...

List

  • 2007/06/06

スライド+音楽で送る「Freejtv HTML/Javascript Slideshow Template」

フォーラムなどで待っている際に、音楽を流しているようなケースは良くある。だが、それではあまり視覚的には面白くないだろう。そんな時に便利そうなアプリケーションがあったのでご紹介したい。今回紹介するオープンソース・ソフトウェアはFreejtv HTML/Javascript Slideshow Template、様々なイ...

List

  • 2007/06/06

タブ切り替え機能を簡単に「Tabber」

WindowsやMac OSXなどのOSで見慣れているので、Webサイトの画面をタブで切り替えるようにするインタフェースを採用している所は多い。単純にリンクだけであれば難しいものではないだろう。 だが、JavaScriptを使って、画面遷移無しに切り替えて欲しいと言われたらどうしよう。一から作るか…いや、そんな必要は...

List

  • 2007/06/06

IEでもcanvasを「ExplorerCanvas」

次世代のWeb技術として注目を集めているCanvas。ブラウザ画面上で絵を描いたり、2Dや3Dのグラフィックスがダイナミックに描ける技術だ。 しかし一つ問題がある。それは対応ブラウザがFirefoxやOperaに限られることだ。シェアが若干落ちたとは言え、もっとも普及しているIEが対応していないのは問題だ。そこでこれを...

List

  • 2007/05/31

オフラインでWebアプリ「Google Gears」

様々なWebアプリケーションが登場し、ローカルで動作するアプリケーションを飲み込もうとしている。が、Webアプリケーションには重要な弱点がある。それはオフライン状態では使えないと言う事だ。 メールアプリケーション、Todo管理、カレンダー…便利なアプリケーションがあるのは知りつつも、オフラインでの利用がネックになって...

List

  • 2007/05/30

JavaScriptでカラーピッカー「mooRainbow」

色を選択する、いわゆるカラーピッカーにはいくつか種類がある。Windows標準(ペイント等)では縦縞に色が並べられたもので、Mac OSXであれば円形や横縞が並んだものになる。 その中で、クリエイターの方であれば一番使い慣れているのはAdobe Photoshopで採用されている形式かも知れない。それをWeb上で実現...

List

  • 2007/05/29

JavaScriptの動作検証に「JSCoverage」

バグは予期していない動作が発生した際に起こる。理想的な動作をしている限りはまず起こらない。しかし、膨大なソースコードの中、そうした予期しない動作を探すのは難しい。 そこで便利なのがソースコードのカバレッジソフトウェアだ。通ったコードと通っていないコードとを見分けられれば、通ってない場所がバグの潜んでいる所になる。そし...

List

  • 2007/05/28

Ajaxなエクスプローラ「AjaXplorer」

Webサーバ上のファイルを管理する際には、FTPソフトが多く使われる。だが、普段使い慣れたエクスプローラのようなインタフェースに比べるとあまり洗練されているとは言いがたい。インターネットとオフラインの違いはあるが、不便に感じている人も多いはず。 そこでこれだ。セキュリティの面に目をつぶれば、使い勝手のいいファイル管理...

List

  • 2007/05/28

JavaScriptで高性能な入力チェッカー「fValidator」

※ 画面は公式サイトのサンプルより Webサービスでは色々な情報を入力する。会員登録の類は良くあるものだろう。丹念に入力し、送信ボタンを押してしばらく待つと、入力エラーの文字列。これではやる気がなくなってしまう。 JavaScriptでチェックできれば、その場ですぐにエラー判定ができ、分かりやすい。しかし、入力するパ...

List

  • 2007/05/25

Google Readerを便利に「Better Google Reader」

MOONGIFTのRSSを読んでいる人で一番多いのがGoogle ReaderまたはiGoogleを使っている人達だ。かくいう私自身もGoogle Readerを常用している。記事単位の既読管理、ほとんどの操作がキーボードから可能な点が良い。 そんなGoogle Readerを更に便利にしてくれるのがこのソフトウェ...

List

  • 2007/05/24

華麗にスライド「iCarousel」

※画像はすべて公式サイトデモより。 画像サイトはもちろん、プレゼンテーションでも使えるかも。 幾つも並んだ画像を表示するのに、いちいちクリックで遷移させていたら、ユーザはすぐに離れてしまう。おお、と思うくらいのアクションでユーザの目を釘付けにしよう。 今回紹介するオープンソース・ソフトウェアはiCarousel、華麗...

List

  • 2007/05/24

必見!物凄く自由なWebツール「PositLog」

久々に物凄い!と感激してしまうソフトウェア。しかも日本語。 Webサイトを作るにはそれなりの知識が必要だ。最低限、HTML構文を覚える必要がある。しかし、ブログや技術の向上によって、誰でも手軽に情報発信できる仕組みができつつある。 だが、それでもまだ甘かった。情報発信する上で、レイアウトの問題があった。レイアウトは大...

List

  • 2007/05/22

クロスブラウザ対応のJavaScriptデバッグツール「Jash」

JavaScriptを多用するようになると、どうしても高機能なデバッグツールが欲しくなる。Firefoxであれば、FireBugが一番有名なデバッグツールだろう。FireBugを使うと非常にデバッグが容易になる。 とはいえ、FirefoxはFirefox専用だ。IEではいかにしたら良いだろうか。クロスブラウザで使える...

List

  • 2007/05/17

JavaScriptを一括して管理する「JS Builder」

MOONGIFTをご覧いただいている方々は、もはやJavaScriptと聞いて単なるWebサイトの装飾だとは思ってはいないだろう。だが、各種ライブラリを扱ったり、JavaScriptを書く事はまだ個別ファイルベースでの話でしかないはずだ。そろそろ他のファイルとの関連性を考えつつ、統合的に管理していくべきなのかも知れな...

List

  • 2007/05/16

JavaScriptのメニューを超簡単に「PHP Layers Menu」

サイトのコンテンツが増えると、メニュー周辺がごちゃごちゃしてくる。その際、参考にしたいのはOS上の操作だ。OSの操作と似ていれば、ユーザにとってあまり違和感なく操作してくれる可能性がある。OSのメニュー操作といえば、画面上部のメニューバーや、ファイルの操作の際のツリーメニューだ。これらをHTML上で表現するとなるとJ...

List

  • 2007/05/15

プレゼンのお供に「Slider.js」

技術者のプレゼンが熱い。毎度、色々なプレゼンを見るたびに様々な趣向がこらされ、新しいテクニックが登場している。内容もさることながら、視覚に訴えるテクニックも見逃せない。 単なるPowerPointのプレゼンではメリハリもなく、ありきたり過ぎる。視覚的に興味をひきつけられれば、あなたのプレゼンはもっと面白くなるに違いな...

List

  • 2007/05/14

CSSとJavaScriptをコンパクトに『jscsscomp』

JavaScriptが多用されるようになり、prototype.jsをはじめとする汎用的なライブラリも数多く登場している。そうなると心配になるのが、JavaScriptファイルの大きさだ。 prototype.jsは標準で72KBとかなり大きい。また、単体での利用のほかに複数のライブラリを組み合わせる事も多いので、接...

List

  • 2007/05/14

AjaxでもSmartyテンプレート『Php AjaX with Smarty Templates』

システム上のデータのやり取りにAjaxを利用するケースが増えてきた。利用場面は考える必要があるが、遷移しない分だけユーザのストレスが低いと言うメリットは大きい。 これで開発側の負担も低ければ言うことないが、実際は通常のWebアプリケーションの作り方と別になってしまい、二重の負担になってしまうケースも数多い。そうした問...

List

  • 2007/04/30

それJS「JSDB」

Ajaxの台頭もあって、それまでWebの装飾に過ぎなかったJavaScriptが実は様々な用途で利用できることがわかってきた。実際、AjaxやJSONなど、利用範囲の拡大は目覚しい。 そうは言ってもJavaScriptはブラウザの中にとどまっている…そう思われてきた。だが、今後は「それJavaScriptでできるよ」...