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

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

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

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

もっと見る

List

  • 2008/06/26

Google Browser Syncがサポート終了&オープンソース化「Browser Sync」

先日、Google Browser Syncが今後はメンテナンスされないことが発表された。便利に使えるものだけに、残念に感じている人も多いことだろう。だが、同期設定をする際に、PINコードを設定することを考えると、アカウント認証と暗号化されたデータがストレージ保存される場所さえあれば乗り換えもできそうだ。そしてさすがG...

List

  • 2008/06/22

WebベースのEmacs「9ne」

※ 画面は公式サイトデモよりついにここまで進化した、そう思わせてくれるソフトウェアだ。ブラウザのテキストエリアは総じて使い勝手が悪い。初期の頃からメモ帳レベルを脱することができない。これではWebブラウザ上で長文を入力しようと言う気も失せてしまう。何となくEmacsっぽい そこで次の一歩を踏み出そう。Webベースでvi...

List

  • 2008/06/20

AppleのMobileMeでも使われるJavaScriptライブラリ「SproutCore」

インタフェースはとても重要だ。技術的に優れていても、インタフェースが悪いと触ってもらえない。逆に技術的にそれほどすごいものではなくとも、インタフェースが優れていると流行ったりすることもある。Welcomeページ 技術とデザイン、両立できれば言うことはない。優れたインタフェースを手軽に作るために、このライブラリを使ってみ...

List

  • 2008/05/31

Cookieなしでデータをストレージする「PersistJS」

Cookieは使うと便利なものだが、ブラウザの設定次第で使わないことにもできるので頼りにできない、そんな勿体ない技術だ。もっと便利に活用できれば、きっとWebサービスのあり方、データの保存する仕組みも変わってくるのではないだろうか。Firefoxでテストしているところ という訳で代替え手段の提案だ。これはCookieが...

List

  • 2008/05/29

iPhone/iPod Touch向けWebサイトフレームワーク「Safire」

3GのiPhoneがもうすぐ発表されると噂されており、そうなるといやが応にも日本向けの製品登場を期待してしまう(どこのキャリアかは分からないが)。プライベートな利用はもちろんのこと、その人気を活かした専用のWebサイトを構築する需要を喚起することだろう。自社サイトおよびクライアントのサイトをiPhone/iPod To...

List

  • 2008/05/10

JavaScriptのvi「jsvi」

色々なアプリケーションがWeb化しているが、この分野はまだ決定的なものがないように思える。いわゆるテキストエディタだ。テキストはコンピュータの入力の基本であり、幅広い用途に用いられている。そのためにローカルアプリケーションであることが当たり前になっている。検索だってできる だが将来的には分からない。既にローカルアプリケ...

List

  • 2008/04/23

JavaScriptでXPath/XSLT「AJAXSLT」

個人的にはあまり得意でないXSLT。XML自体がどうも冗長的な感じがするのと、さらにそれを解析して出力するというのがどうも合わない。が、時代はXMLでのデータやり取りが主流になっている。好き嫌いで判断してはいけない。XPathのデモ 手軽にXPathやXSLTを利用できるツールも登場している。これはJavaScript...

List

  • 2008/04/18

難読化されたJavaScriptを見やすく「JsDecoder」

JavaScriptが多用されるになっているが、そのために肥大化する傾向にある。特に共通ライブラリ系は相当重たくなっており、ブラウザへの負担が大きくなっている。そのためにサイズを減らすべく使われているのが難読化処理だ。見づらい… 変数名を短い単語に置き換え、余計な改行やコメント、空白を省いていく。開発は通常のソースで行...

List

  • 2008/04/16

JavaScriptだけでグラフを生成「PlotKit」

Webサイトを開発する中で、グラフを希望するケースは多々ある。同じデータではあっても、数値を一覧してあるのとグラフ化されているのとではインパクトが全く変わってくるからだ。棒グラフの例 だがそのためにライブラリや、サービスを立ち上げたりするだろうか。日本語表示などで問題が発生することも多々ある。そうした不安から解放される...

List

  • 2008/04/14

クールなプレゼンをしよう「S6」

HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。S6によるプレゼン例(via S6 と X...

List

  • 2008/04/09

JavaScriptベースのスーパーマリオ「The Javascript Mario Experiment」

スーパーマリオは日本よりも海外の方が愛好家が多いのかも知れない。あれほど単純で、ごくわずかな容量に収まった魅力的なゲームはないだろう。各種ゲームでマリオというキャラクターは動いているが、スーパーマリオブラザーズほどの傑作はそうそうお目にかかれない。画面は乱れてしまっているが、確かにマリオだ そんなスーパーマリオを何と、...

List

  • 2008/04/09

要チェック!Ajax向けIDE「WaveMaker Visual Ajax Studio」

Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。サンプルアプリケーションを開いているとこ...

List

  • 2008/04/08

JavaScriptで画像をズーム「Magic Zoom」

※ 画像は公式サイトデモよりEコマースサイトでは数多くの写真を使うが、それだけでは詳細が分かりづらいということは多々ある。そのため、各部を拡大した画像をリストアップして対応しているサイトもあるだろう。だが、それはユーザが本当に希望する場所とは限らない。バイクの画像(左)とその拡大画像(右) そこで画像の拡大をユーザに任...

List

  • 2008/04/04

必見!GUIアプリケーションもこれでWeb化?「Jsc」

※ 画像は公式サイトデモよりこのソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわな...

List

  • 2008/04/03

Springnoteで使われているWYSIWYGエディタ「Xquared」

SpringnoteというのはWikiを使ったオンラインノートサービスだ。メモとしての利用はもちろん、コラボレートしたり、ブログへの投稿もできる。韓国の会社が開発しているサービスだが、英語や日本語でも提供されている。そんなSpringnoteで使われているWYSIWYGエディタはオープンソースの下に公開されている。今回...

List

  • 2008/04/02

JavaScriptだけで画像イフェクト「Bevel.js」

サイトの画像を角丸にしたり、影をつけたりするのは良くあることだ。単なる画像も、多少の変化をつけるだけで見栄えがずいぶん変わってくる。だが、一つの一つの画像にそうした変化をつけるのは面倒で、徐々にやらなくなってしまう。そこで自動化を考えたい。とは言ってもサーバサイドではない。クライアントサイドで行うのだ。今回紹介するフリ...

List

  • 2008/04/01

Mamboでも使われているWYSIWYGなエディタ「TinyMCE」

WYSIWYGで編集できるエディタは、一般ユーザをはじめ、HTMLに不慣れな人でも簡単に文字装飾が施せるので便利だ。単なるテキストでは分かりづらい情報でも、装飾や文字の配置を工夫することでコンテンツを分かりやすくすることができる。様々なWYSIWYGエディタが存在するが、Webブラウザ向けに高機能なものを探しているなら...

List

  • 2008/03/28

Webベースのマークアップエディタ「markItUp!」

※ 画像は一部公式サイトデモよりマークアップの技術は様々に存在する。最も有名なものとしてはHTMLが挙げられるだろう。だが、見た目の分かりやすさ、習得にかかる時間を考えるとあまり一般的ではない。そこで生み出されているのが他のマークアップで、例えばMarkdownやWiki、Textileなどだ。だが、いずれにせよ記法を...

List

  • 2008/03/23

ブラウザベースのIM「Soashable」

セキュリティと利便性の妥協点として、利用は許可するが、そのコントロールはできるようにする、というのがある。全くの自由ではないが、解決策はあって、それは管理側にとっていざとなればコントロールできるという代物だ。IM(インスタントメッセンジャー)は手軽に通信できてしまう分、安易に情報漏洩が発生する危険性がある。ではIMをイ...

List

  • 2008/03/20

クールなスライドショーライブラリ「Galleria」

画像をサイトで一気に紹介したいことがある。ただ画像のサムネイルやリンクを並べるだけでも良いが、それでは味気ない。写真や画像は見せ方次第でその印象が大きく異なる。専用のソフトウェアを使っても良いが、もっと手軽なのはJavaScriptベースのライブラリだ。今回紹介するオープンソース・ソフトウェアはGalleria、Jav...