タグ

ブックマーク / www.moongift.jp (548)

  • 動くグラフが作成できる·Turbo Plot MOONGIFT

    テキストよりも画像、画像よりも動画と強いインパクトを与えるメディアは変化する。同じデータであっても、強い印象を残すのは画像であったり動くものだ。特にWebの場合、マルチメディアを扱うのが容易なので、ダイナミックに変化するデータの与えるインパクトは大きい。 2D/3Dに対応したグラフ作成ツール 単なるグラフであってもそれは言える。単なるデータもグラフ化し、さらにそれが動くとなれば受け手の印象は全く変わってくるはずだ。 今回紹介するフリーウェアはTurbo Plot、Flash出力もできるグラフ作成ソフトウェアだ。 Turbo Plotでは2D、3Dのグラフ作成に対応している。そこに四角や丸といったグラフを関数で指定することでプロットができる。基となる形は予め定義されているのでさして難しくはないはずだ。 何種類かのグラフを重ねたところ グラフのアニメーション機能がサポートされている。開始と終

    動くグラフが作成できる·Turbo Plot MOONGIFT
    advblog
    advblog 2008/12/11
  • ブラウザで動かせるGoogle Earth·Earth API Samples MOONGIFT

    Google Earthは面白いソフトウェアだが、色々と機能がつき過ぎたせいか、かなり重たくなってきている。さくさくと動作してくれないとどうも楽しめない。そんな中登場したのがブラウザ上で動作するGoogle EarthのEarth Browser Plug-inだ(そのままだが)。 リアルな写真と標高に合わせた立体的表示が魅力 Windows版は昔からあったようだが、最近Mac OSX向けにも提供されるようになった。そしてこのプラグインを使うことで実現できる機能を紹介するのがEarth API Samplesだ。 Earth API SamplesはGoogle製のオープンソース・ソフトウェアで、Goolge Earth Pluginを使って実現できる機能サンプルを紹介している。 Google Earth Pluginはブラウザベースで動作する。そのため、JavaScriptなどを使って操

    ブラウザで動かせるGoogle Earth·Earth API Samples MOONGIFT
  • Windowsにインストールされているドライバーを一括バックアップ·DriverBackup! MOONGIFT

    自作のマシンや、マイナーなメーカーのBTOマシンなどでWindowsをセットアップしていて困るのがドライバーが標準で用意されていない場合の対処だ。マウスが使えないなら代用もあるが、ディスプレイが16色になったり、そもそもLANが使えなかったりするとインターネットも使えず不便な思いをする。 ドライバ一覧。特に問題なければこれを全てバックアップする。 まず現状の環境化にあるドライバーを全てバックアップしよう。そうすればきっと再設定する際に役立ってくれるはずだ。 今回紹介するオープンソース・ソフトウェアはDriverBackup!、Windows用ドライババックアップソフトウェアだ。 DriverBackup!を起動すると、今インストールされているドライバが一覧表示される。後はこの中から不要なものを外していくだけで良い。バックアップを行うとZipファイルでまとめて保存してくれる。ログファイルは日

    Windowsにインストールされているドライバーを一括バックアップ·DriverBackup! MOONGIFT
  • 今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT

    海外に見る最近のWebサイト(特にトップページ)のデザインは、縦に何段かに分かれたデザインが多い。一番上は大きな画像とともに二段構成、その下が2×2のテーブル組みなどでサービスの特徴を書き、次に横並びの3段で利用者の声といった具合だ。 今時のWebサイトっぽいデザインが簡単に まぁテーブルで組めばできないことはない。だがそれはださい、ださすぎる。CSSだけでどうにかしたい所だが、ブラウザの互換性も含めて考えるとプログラマにはとても無理だ。Firefoxで見られるように何とか組んで、IEで見たら吹き飛んでいた…なんてなったらもうやる気がなくなる。そんなことになる前に使いたいのがMaloだ。 MaloはGoogle Code上で公開されているCSSフレームワークで、GPLの下に公開されている。 Maloが実現するのは複雑な、それでいて簡単に設定できるCSSデザインだ。ヘッダとフッターを設けた上

    今時のWebサイトを構築するのに便利そうなCSSフレームワーク·Malo MOONGIFT
    advblog
    advblog 2008/12/08
  • JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT

    Ajaxを使う上でよく使われるのがJSONやXML形式だ。最近では特に冗長性がなく、JavaScriptでそのまま使える分、JSONが好まれる傾向にある。しかしコンピュータ上は読みやすくとも、人向けのフォーマットとは言えそうにない。 例えばデバッグの際にJSONフォーマットをチェックする必要があった場合、その解析は非常に面倒だ。そこで使ってみたいのがJSON Editorだ。 JSON EditorはAdobe AIR製のフリーウェアで、JSONやXMLの内容をパースして表示、編集できるソフトウェアだ。 JSON Editorを使うと、出力されたJSONをそのまま貼付けてReadボタンを押せばテーブル形式に並べ替えて表示してくれる。これで階層がどれくらい深いのか、希望した通りにデータが並んでいるのかといった情報が簡単に分かるようになる。 多彩なショートカットキーがある 逆にデータを作成して

    JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT
    advblog
    advblog 2008/12/01
  • JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT

    こ、これは便利…。新規開発しているときはまだしも、実際に動いているサイトのデザインやJavaScriptをメンテナンスしようと思うと以外と大変だ。静的な場合はまだしも、Ajaxを使ってデータを取得していたりすると、その用意だけでも時間がかかってしまう。 そんな時に使えるのがamachangご推薦のCocProxyだ。Webデザイナーまたは開発者の方はおお、こんなのを待っていたと思うに違いない。 CocProxyはRubyで書かれたオープンソース・ソフトウェアで、開発用プロキシだ。 CocProxyを使う際には、filesというディレクトリを作成し、そこにファイルを配置する。ドメインごとにフォルダを作成して、その中にファイルを入れても良いし、直接ファイルを置いても良い。優先度はfiles直下にあるファイルだ。 style.cssはヒットしたのでローカルファイルを利用している そしてproxy

    JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT
    advblog
    advblog 2008/11/30
  • ソースコードを皆で共有、レビュー·Yes! Paste! MOONGIFT

    ※ 画面は公式サイトより Webシステムは表面上はHTMLJavaScriptを出力するため、内部でどのような処理を行っているのかは外部からでは分からない。開発者自身、作っているコードが問題ないか誰かに見てもらいたいと思うことはないだろうか。 ソースコード表示 そのためのシステムがソースレビューシステムと呼ばれるものになる。コードを貼付けてみてもらいたい、使ってもらいたいそんなニーズに活かせるのがYes! Paste!だ。 Yes! Paste!はPythonで作られたソースレビューシステムで、BSDライセンスの下に公開されている。 Yes! Paste!はユーザ名、プログラム言語、コメント、そしてコードを貼付けて投稿するだけのシンプルなWebアプリケーションだ。貼付けられたコードに対しては、誰でも自由にコメントができるようになっている。 プログラミング言語一覧 また、ソースコードはダウ

    ソースコードを皆で共有、レビュー·Yes! Paste! MOONGIFT
    advblog
    advblog 2008/11/28
  • もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT

    業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと

    もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
    advblog
    advblog 2008/11/27
  • Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT

    Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている

    Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
    advblog
    advblog 2008/11/20
  • Yahoo!が提案するGoogle Gears対抗プロジェクト·BrowserPlus™ MOONGIFT

    Google Gearsは基となっているオフライン機能をはじめ、ジオコーディングなどブラウザ単体ではサポートされていない機能を補完している。だがこれだけではまだ足りない。もっとWebブラウザの可能性を高めてくれる機能が欲しい。 Yahoo! Inc.の提供するブラウザ機能補完ソフトウェア それを提供しようと言うのがYahoo! Inc.の開発しているBrowserPlus™だ。BrowserPlus™はWindowsMac OSXで動作するWebブラウザの可能性を飛躍してくれるソフトウェアだ。 BrowserPlus™は実行ファイルでインストールするソフトウェアだ。WindowsであればIE6/7、Firefox 2/3、Safari 3そしてGoogle Chromeも実験的にサポートしている。Mac OSX向けにはFirefox 2/3、Safari 3がサポート対象だ。 切り抜き

    Yahoo!が提案するGoogle Gears対抗プロジェクト·BrowserPlus™ MOONGIFT
  • MOONGIFT: » どこでもできるRails開発「Ruby on Rails Portable」:オープンソースを毎日紹介

    開発環境というのは構築するのが意外と面倒なことが多い。例えばEclipseにしても、プラグインをインストールしないといつもの使い勝手が出なかったり、PHPでも特殊なライブラリを別途インストールする必要があったりする。それはRuby on Railsでも同様だ。 解凍時の構成 そんな手間のかかる作業を軽減してくれるかも知れない、そんなソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはRuby on Rails Portable、ポータブルなRuby on Rails開発環境だ。 Ruby on Rails PortableはRubyRailsといった開発環境と、Sciteというテキストエディタがポータブルになって提供されている。USBメモリに入れて持ち歩くのはもちろん、このままオンラインのストレージにアップロードしていつでも簡単に構築できる開発環境として使うこともできそうだ

    MOONGIFT: » どこでもできるRails開発「Ruby on Rails Portable」:オープンソースを毎日紹介
    advblog
    advblog 2008/11/07
  • 文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT

    Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch(横幅)、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全

    文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
    advblog
    advblog 2008/10/27
  • MOONGIFT: マイクロソフト製Web環境インストーラ「Microsoft Web Platform Installer」:オープンソースを毎日紹介

    ある意味マイクロソフトらしく、ある意味らしくないソフトウェア。Webアプリケーションのもてはやされる理由として、インストールの手間がなくすぐに使えるという手軽さがある。OSにバンドルしたソフトウェアもあるが、サードパーティ製に敵わないものも数多い。 ウィザード形式で進めていく マイクロソフトとして取るべき戦略として、ローカルインストールという手間を軽減するというのは十分考えられる。様々な要素の絡むマイクロソフト製品群を一括でインストールできれば、サーバサイドアプリケーションのセットアップが簡単になる。 今回紹介するフリーウェアはMicrosoft Web Platform Installer、Webプラットフォームの一括インストールソフトウェアだ。 Microsoft Web Platform Installerを使うとウィザード形式でWeb環境を構築、開発するソフトウェアを一気にインスト

    MOONGIFT: マイクロソフト製Web環境インストーラ「Microsoft Web Platform Installer」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/22
  • MOONGIFT:マイクロソフト製オープンソースプロジェクトインストーラー「Microsoft Web Application Installer」:オープンソースを毎日紹介

    これもまた信じられない。ずいぶんと状況は変わってきているのだが、マイクロソフトには対オープンソース陣営という立場を貫いて欲しいと願ってしまう。ダビデとゴリアテではないが、相手があるからこそ盛り上がる話題もある。 Microsoft Web Application Installerはウィザード形式で進めていく そんな中でこの動きは非常に注目が集まる所だ。なんとマイクロソフトからオープンソースのソフトウェアをインストールするアプリケーションが登場したのだ。 今回紹介するフリーウェアはMicrosoft Web Application Installer、Microsoft Web Platformから生まれたアプリケーションインストーラーだ。 Microsoft Web Application InstallerはMicrosoft Web Platform Installerと同様にアプリ

    MOONGIFT:マイクロソフト製オープンソースプロジェクトインストーラー「Microsoft Web Application Installer」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/22
  • MOONGIFT: » テキストから各種ドキュメントへ変換する「txt2tags」:オープンソースを毎日紹介

    開発用のドキュメントと、提出用のドキュメントと二つ書かなければならないことがある。どちらも似たような内容だが体裁が異なる。だがそのためにコストをかけるというのは非効率的だ。 テスト文書 この手のソフトウェアは数多く存在するが、開発ドキュメントの管理にWikiエンジン(DokuWikiなど)を使っているなら、これの利用はありかも知れない。 今回紹介するオープンソース・ソフトウェアはtxt2tags、一つのテキストフォーマットから各種文書形式に変換するソフトウェアだ。 txt2tagsはすでに7年も開発が行われているソフトウェアで、テキスト文書から各種ドキュメントに変換する機能がある。特にWiki(Wikipedia/MediaWiki形式)、gWiki(Google Code向けWiki)、DokuWIki、MoinMoinのWiki系フォーマットに対応しているのが利点だ。 HTMLでの生成

    MOONGIFT: » テキストから各種ドキュメントへ変換する「txt2tags」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/19
  • MOONGIFT: » ブラウザベースのSubversionブラウザ「Warehouse」:オープンソースを毎日紹介

    ※ 画面の一部は公式サイトより 実際の開発を行っていく中で、リポジトリを参照することはそれほど多くない。きちんとバージョン管理さえされていれば、問題が起こった時にチェックできれば良い程度だ。そう考えるとコミットツールなどはローカルで動作させる必要があるが、ステータスやレポートはWebベースの方が良いのかも知れない。 インストール直後の画面 そんなこともあって、最近ではGitHubなどのオンラインリポジトリツールの人気が高い。そこに目をつけたソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはWarehouse、WebベースのSubversionブラウザだ。 Warehouseは元々商用のソフトウェアだ。そして最近、オープンソース化を決めた。複数のリポジトリに対応し、ユーザ単位のパーミッション設定も簡単にできる。他にもブックマーク機能を使って任意のフォルダを記録しておくことがで

    MOONGIFT: » ブラウザベースのSubversionブラウザ「Warehouse」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/13
  • MOONGIFT: » 要注目!時間と場所の二軸を効果的に演出する「TimeMap」:オープンソースを毎日紹介

    当たり前ではあるが、過去は現在と同じではない。東京は元々江戸であったし、さらにその昔は武蔵野国の一部だったらしい。また、偉人が生まれたのは過去であり、多数の偉人は同じ地域で生まれながらも時間軸がずれているので知り合うことなく去っている。 時間軸と地図の妙技! つまり歴史などを表現する際には地図だけでも、時間だけでも足りないのだ。この二つを効果的に組み合わせることで、情報が意味をもってくる。それを実現するのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはTimeMap、時間と地図を組み合わせるソフトウェアだ。 TimeMapはGoogleマップとSIMILE timelineとを組み合わせて情報を表示できる。デモが多数登録されており、使いどころは多いという実感を感じさせてくれる。地球環境を訴えたり、オリンピックの情報を表示したりなど色々な場面で役立つはずだ。 説明文をAja

    MOONGIFT: » 要注目!時間と場所の二軸を効果的に演出する「TimeMap」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/06
  • MOONGIFT: » Visio並みのグラフィックスもできるコンポーネント「JGraph X」:オープンソースを毎日紹介

    凄さを知るにはデモアプリケーションを試すのがお勧めなソフトウェアだ。VisioはIT技術者であれば誰しもが便利さを感じるはずだ。様々なアイコンやネットワークを示す線、UMLや配置図など多数の用途に使えるといった具合に利便性の高いソフトウェアだ。 Visio的なインタフェースをもったデモアプリケーション だが価格も高く、おいそれとは手が出しづらい。そんな憧れを持っている人にこそ試して欲しいものがこれだ。 今回紹介するオープンソース・ソフトウェアはJGraph X、Java製のグラフィックスコンポーネントだ。 JGraph XはJava Swingで実装されたコンポーネントで、多数の機能を備えている。グラフを作るような用途にも用いられるが、特にUMLのようなオブジェクトを描画するのに適しているようだ。 配置の変更もドラッグで 動作は軽量で、ドラッグアンドドロップによる配置、関連づけなどが行える

    MOONGIFT: » Visio並みのグラフィックスもできるコンポーネント「JGraph X」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/05
  • MOONGIFT: » Google製のJavaScriptによるイメージ生成エンジン「Top Draw」:オープンソースを毎日紹介

    アートな世界は感性的な要素が強く、デジタルな世界からのアプローチは難しい。だが、幾何学的な美しさや緻密さから生み出されるアートは技術からもアプローチができる。そんな可能性を感じさせてくれるソフトウェアが登場した。 幾何学的な模様が描き出される 今回紹介するオープンソース・ソフトウェアのTop Drawは、Google製のソフトウェアで、JavaScriptを使って画像を生成するというものだ。プログラミングから生み出されるものだけあって、幾何学的で、それでいてMac OSXらしさが加わった面白さに溢れている。 Top Drawを起動するとメニューバーにアイコンが表示される。そしてテーマを決めて指定時間が経過すると背景が変わっていく。それらは常に数式によって生み出されるものなので、表示されるたびに内容が変化している。 設定画面 プログラムはそれほど長くなく、60行程度のものになっている。なので

    MOONGIFT: » Google製のJavaScriptによるイメージ生成エンジン「Top Draw」:オープンソースを毎日紹介
    advblog
    advblog 2008/10/03
  • MOONGIFT: » 要チェック!テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介

    ※ 画像は公式サイトのデモより これは面白い発想だ。Web上でグラフを作成、表示するライブラリは数多く存在する。その際に使う方式としては、基準になる点をXY軸それぞれに対して追加し、描画するという方式だ。これはプログラム言語にとっては簡単な方式かも知れない。 JavaScriptだけで画像グラフを生成する だが、使い慣れている表計算ソフトウェアの場合はどうだろう。はじめに表があり、そこからデータを読み取ってグラフを描くようになっている。その慣れた方式を使えるのがこちらのライブラリだ。 今回紹介するオープンソース・ソフトウェアはBluff、グラフ描画ライブラリだ。 BluffはJavaScriptのライブラリで、画像形式(PNG)のグラフを生成する。棒グラフ、円グラフ、エリアグラフ、折れ線グラフなど様々なグラフ形式をサポートしている。背景色を変えたり、複数のデータを描画できるなど多機能なライ

    MOONGIFT: » 要チェック!テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介
    advblog
    advblog 2008/09/22