タグ

javascriptとmoongiftに関するmellow_punchのブックマーク (7)

  • JavaScriptのソースコードをもっと格好よく、見やすく·Code Illuminated MOONGIFT

    Code IlluminatedはWebベース、JavaScript製のオープンソース・ソフトウェア。開発者にとってシステムのソースコードを直接見られるというのは貴重だ。ライブラリの操作が分からないとき、どのように処理をしているのか気になった時にソースコードが見られれば簡単に解決する。 ハイライト表示されると見やすい しかし単なるソースコードのファイルだけが置いてあるのでは利便性が高いとは言いがたい。見やすくなっていてこそ、使いたいと思えるものだろう。JavaであればJavaDoc、PHP用のPHPDocumentorも知られているが、これらは書き方を習得するのが面倒に感じてしまう。JavaScriptに限定されるがCode Illuminatedはなかなかユニークなソースコードビューワーだ。 Code Illuminatedは左にクラスの説明やメソッドに関する説明がされ、右側にソースコー

    JavaScriptのソースコードをもっと格好よく、見やすく·Code Illuminated MOONGIFT
  • SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT

    dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能

    SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
  • iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT

    xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に

    iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT
  • クロスブラウザでXUL/SVGを実現するフレームワーク·Ample SDK MOONGIFT

    Ample SDKはJavaScript製のオープンソース・ソフトウェア。JavaScriptはAjaxが登場して以来、一気に進化を遂げた。Prototype.jsやjQueryを使えばインタラクティブなアクションが可能なWebサイトが簡単に構築できる。そうしたライブラリはプラグインによって細かく分割された機能をもっているのが特徴だ。 XULによる画面定義 だが自分の目的にあったプラグインがあれば良いが、ないと自分で作ったり探す羽目になる。Ample SDKであればその使い方を覚えてしまえば一つのライブラリで済むのが利点と言えそうだ。リッチなインタフェースや操作を可能にする各種機能が盛り込まれている。 機能は数多いが、例えばリサイズしたりドラッグアンドドロップを実現するオブジェクトを簡単に作ることが出来る。さらにマウスオーバーで枠の色が変わるデモやJavaScriptのアクションをブラウザ

    クロスブラウザでXUL/SVGを実現するフレームワーク·Ample SDK MOONGIFT
  • Google製、JavaScript/CSSの難読化&キャッシュ·Reducisaurus MOONGIFT

    ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い。 設定方法 JavaScriptCSSのファイルを複数読み込むにはその分だけコネクションを行う必要があり、負荷がかかってしまう。そこで使ってみたいのがReducisaurusだ。ローカルファイルやリモートのファイルを読み込んで一つにまとめてアクセスできるようになる。 ReducisaurusはGoogleエンジニアでJaikuの開発にも関わっているプログラマによるソフトウェアだ。実行はGoogle App Engine上で可能になっている。自分でサーバを立てることもできるし、Reducisa

    Google製、JavaScript/CSSの難読化&キャッシュ·Reducisaurus MOONGIFT
  • Google Wave風インタフェースも作れるJavaScriptのUIキット·UKI MOONGIFT

    UKIはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを作る上ではそのインタフェースが重要な要素になる。ローカルアプリケーションの代わりに使えるレベルとなると、通常のWebサイトとは異なるインタフェースが求められるだろう。 リスト作成&操作も簡単 使いやすいWebアプリケーションを容易に構築し、さらに開発者にとっても使いやすいUIキットがUKIだ。ボタンやリスト、スライダー、3ペイン構成と言ったオブジェクトを容易に実装し、Webアプリケーションを手軽に開発できるソフトウェアだ。 インタフェースの組み立てだけでなく、アクションの実装についても考慮されているのが特徴だ。プラグインで拡張することもできる。実装は4000行程度で、とても高速に動作する。対応ブラウザはIE6、Opera9、Firefox2、Safari3、Google Chromeからとなっている。 G

    Google Wave風インタフェースも作れるJavaScriptのUIキット·UKI MOONGIFT
  • 複数のCSS/JavaScriptを結合&圧縮·phpFlair MOONGIFT

    phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。 利用するサンプル(公式サイトより) そこで考えたいのがJavaScript/CSSファイルをそれぞれ結合して一度のアクセスで済ませてしまう方法だ。手作業でもできるが、メンテナンスを考えると自動処理の方が便利そうだ。phpFlairを使えばそれを簡単に実現できる。 phpFlairはPHPで作られているのでPHPを使ったプロジェクトでは手軽に導入できそうだ。JavaScriptファイルやCSSファイルを表示する際にphpFlairを経由して呼び出すことでキャッシュしたり、レスポンスのヘッダにもキャッシ

    複数のCSS/JavaScriptを結合&圧縮·phpFlair MOONGIFT
  • 1