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

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

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

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

もっと見る

List

  • 2009/12/03

これは面白い!JavaScriptだけで作られたOpenSocialポータル「OpenSocial Dashboard」

OpenSocial DashboardはJavaScript製のオープンソース・ソフトウェア。OpenSocialというと、MySpaceやmixiといったSNS向けのツールであって、あまり一般サイトには無縁なように感じていた。だがガジェットとして捉えるとiGoogleのように個々人で使える可能性もある。JavaSc...

List

  • 2009/12/02

ついにここまで。WebベースのEmacs「Ymacs」

YmacsはJavaScript製のオープンソース・ソフトウェア。個人的にテキストエディタはEmacsを使っている。そのためWebブラウザのテキストエリアへの入力はキーバインドが相当異なるために非常に面倒に感じてしまう。とはいえあの独特なキーバインドをWebブラウザ上で実現するのは困難だろう。まるでEmacs! と思っ...

List

  • 2009/11/30

JavaScriptでマインドマッピング「js-mindmap」

js-mindmapはJavaScript製のオープンソース・ソフトウェア。情報を整理したり、新しいアイディアを見いだす際にマインドマッピングを使う人は多い。個人はもちろん、複数人で同じマップを目の前にして色々話し合いながら書き加えていくのも面白い。コラボレーションを考えるならWebブラウザベースで実行できるのは大事な...

List

  • 2009/11/30

PythonのコードをJavaScriptに変換する「Pystachio」

PystachioはJavaScript製のオープンソース・ソフトウェア。Webシステムにおいてクライアントサイドで選べる言語はあまり多くない。JavaScript/ActiveX/Flash/Javaくらいだろうか。動作の軽快さやユーザビリティを考えるとJavaScriptが良い選択肢になるだろう。Pythonのコー...

List

  • 2009/11/29

昔懐かしいパンチカードを再現するJavaScriptライブラリ「jCquard」

jCquardはJavaScript製のフリーウェア(ソースコードは公開されている)。うーん使いどころが難しい…。昔のコンピュータで使われていたパンチカード。見た目はテストなどで使われるマークシート方式のテスト用紙に近い。今では殆ど使われていないだろう。ノスタルジックな香りが漂う そんな懐かしいパンチカードをWebベー...

List

  • 2009/11/29

v8エンジンによるJavaScriptのWebサーバ「node.js」

node.jsはJavaScript製のフリーウェア(一部オープンソースのライブラリが入っている)。クライアントサイドとサーバサイド、両方が同じ言語で書ければどれだけ開発工数が低減されるだろうか。Web系の技術者は常にそこにジレンマを感じることだろう。デモのチャットアプリ 方法は二つ、JavaScriptでサーバサイド...

List

  • 2009/11/27

Google ChromeをWebサイト制作で用いる「Pendule」

PenduleはGoogle Chrome向けのオープンソース・ソフトウェア。Google Chromeのシェアが徐々に伸びている。一般ユーザはIEを使い続けるケースが多いことを考えると、注目するのはプログラマやWebデザイナといったITリテラシーの高い層になるだろう。Webサイト制作に便利な機能が揃う そうなるとGo...

List

  • 2009/11/26

jQueryによる画像に沿ったテキスト回り込みライブラリ「jQSlickWrap」

jQSlickWrapはjQueryベース、JavaScript製のオープンソース・ソフトウェア。Webページの中に画像を差し込んで表示することは多々ある。そんなとき、画像が四角であれば回り込みも綺麗に行われるので申し分ない。だが三角の画像や、人物だけの画像の時に四角く回り込んでいるのはあまり格好が良くないだろう。画像...

List

  • 2009/11/21

GmailとGoogle Appsのメール未読数を同時にチェックする「Double Gmail Checker」

Double Gmail CheckerはGoogle Chrome向けのオープンソース・ソフトウェア。個人的には役立ちそうなソフトウェアだが、決して万人向けとは言えないかもしれない。企業でGoogle Appsを取り入れている場合、個人用途のGmailがあれば、混在して利用することになるだろう。Google Chro...

List

  • 2009/11/20

オンラインでMathML「MathML Formula」

MathML FormulaはFlash製のオープンソース・ソフトウェア。Web上で数学式を表現するとなると非常に面倒な手順が必要だ。オフィススイートに入っている数式エディタを使って作成したり、そもそも画像として作成したりする。いずれの方法もメンテナンス性が悪く、手間がかかりすぎる。複雑な計算式もFlashで表示 幸い...

List

  • 2009/11/19

GWTをスマートフォンでも活かす「GWT Mobile Webkit」

GWT Mobile WebkitはJava製、iPhone向けのオープンソース・ソフトウェア。JavaScriptを用いずにWebアプリケーションを開発するためにGoogleが開発しているGWT(Google Web Toolkit)。PC向けの開発が容易になるのはもちろんだが、最近シェアが広がりつつあるスマートフォ...

List

  • 2009/11/18

Google製JavaScript最適化ツール「Closure Compiler」

Closure CompilerはJava製のオープンソース・ソフトウェア。Googleでは言わずもがな、コンマ数秒単位の速度にこだわって開発が行われている。速さのためにWebブラウザ自体やOSまで開発してしまうのだから、そのこだわりの強さが感じられるだろう。CUI版 JavaScriptは開発の方法によって実行速度や...

List

  • 2009/11/17

テキストファイルの内容を入力フィールドに反映するFirefox用ツール「textserver」

textserverはRuby/JavaScript製のFirefox向けフリーウェア(ソースコードは公開されている)。Webブラウザの入力フィールドはあまりに機能が低く、辟易した人は使い慣れているテキストエディタに一度入力してからコピー&ペーストしたりする。幾つかのソフトウェアではそれを自動反映するものがある。テキス...

List

  • 2009/11/17

クライアント/サーバ実装をJavaScriptで行うフレームワーク「WSJS」

WSJSはJava/JavaScript製のフリーウェア(ソースコードは公開されている。ライセンスは独自)。今時のWebアプリケーションではJavaScriptが多用されるようになっている。JavaScriptを一切触れずにWebサービス、Webアプリケーションを構築するのは難しいとすら感じられるはずだ。そうなるとサー...

List

  • 2009/11/16

CSSとJavaScriptを組み合わせたアニメーションライブラリ「emile」

emileはCSS/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを行う際、まず思いつくのはFlashを使った手法だろう。だがそこまで複雑なアニメーションでもなく、そもそもFlashを扱うのが苦手な場合はどうしたら良いだろう。そこで使えそうなのがJavaScriptだ。 ...

List

  • 2009/11/14

iPhone/iPod Touch向けWebサイト向けテンプレート「Webapp.net」

Webapp.netはiPhone/iPod Touch向けのオープンソース・ソフトウェア。iPhone/iPod Touchはモバイルデバイスなので画面の大きさに制限がある。そのためPC向けのWebサイトを表示はできるが、できれば最適化されたWebサイトを提供したい。専用のインタフェースを提供すれば、ユーザ体験がぐっ...

List

  • 2009/11/13

Web上で見やすいSQLに整形する「SQL整形ツール DML Breaker」

SQL整形ツール DML BreakerはJavaScript製のオープンソース・ソフトウェア。O/Rマッピングソフトウェアは数多く登場しているが、より細かな最適化を求めたり、旧来のシステムではまだまだSQLを使わざるを得ない場面が多い。またログに吐き出されたSQLをチェックしたりする必要がある場面は多々ある。WHER...

List

  • 2009/11/06

セキュアなウィジェット環境を構築する「Google Caja」

Google CajaはJava/JavaScript製のオープンソース・ソフトウェア。OpenSocialやFacebookアプリ、iGoogle Widgetなど、サードパーティ製のWebガジェットを実行するプラットフォームが増えている。サービスをプラットフォームとして活用することで新たな価値を提供できる反面、セキ...

List

  • 2009/11/03

自分のサイトにTwitterのフォロワーを表示する「Twitter Friends Widget」

Twitter Friends WidgetはJavaScript製のオープンソース・ソフトウェア。MOONGIFTではサイドバーにGoogle Friend Connectのガジェットを載せている。サイトとユーザをつなぐ、オープンなソーシャルサービスを実現するガジェットだ。しかしそんな時に忘れられないのがTwitte...

List

  • 2009/11/01

Google Codeで使われているソースコードハイライタ「Google Code Prettify」

Google Code PrettifyはJavaScript/CSS製のオープンソース・ソフトウェア。Google Codeではリポジトリにあるソースコードをオンラインで閲覧する機能がある。多様な言語に対応しており、色づけによってソースコードの閲覧が容易になる。JavaScriptの正規表現 そんなハイライトライブラ...