タグ

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

  • 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
    ko-ya-ma
    ko-ya-ma 2010/01/12
    ボタンやリスト、スライダー、3ペイン構成と言ったオブジェクトを容易に実装し、Webアプリケーションを手軽に開発できるソフトウェア
  • 写真共有サイトにアップロードした写真を別なサービスに·Migratr MOONGIFT

    MigratrはWindows向けのフリーウェア。Webサービスは無料で使えるものが多いが、そのためにサービスの質が問われることになる。同じ無料であればよりレベルの高いものやリソースが多く提供されるものが好まれるだろう。またもう一つの視点としてインポート/エクスポート機能の充実がある。 処理はウィザード風に進んでいく 囲い込みのようにアップロードした自分のデータが後で自由にできないのはとても苦痛を感じるはずだ。そこで予めデータが移行しやすいサービスを選んでおくのが大事になる。そうしたサービスであればMigratrを使ってデータが引っ越しできるようになる。 Migratrは写真共有サイトにアップロードしたデータをダウンロードし、ついで別なサービスにアップロードできるソフトウェアだ。対応サービスは23HQ、AOL Pictures、Faces.com、Flickr、Menalto Galler

    写真共有サイトにアップロードした写真を別なサービスに·Migratr MOONGIFT
    ko-ya-ma
    ko-ya-ma 2010/01/12
    写真共有サイトにアップロードしたデータをダウンロードし、ついで別なサービスにアップロードできる
  • 画像を自在に差し替える·Transm.js MOONGIFT

    Transm.jsはJavaScript製のフリーウェア(ソースコードは公開されている)。Webサイトでヘッダーの画像が定期的に入れ替わったり、写真のスライドショーのように切り替わる表示方式がある。ただ入れ替わるだけでは面白くなく、そこにイフェクトが加わってこそ意味があるだろう。 黒目の部分だけ入れ替わる そんなイフェクトが110種類を越えて利用でき、さらに画像の透過処理を使って一部だけで差し替えもできるライブラリがTransm.jsだ。非商用であればフリー、商用利用のライセンスも用意されているソフトウェアだ。 Transm.jsを知るにはサンプルを見るのが一番早いだろう。フェードアウトしたり、上下左右から新しい画像が出てきたりと様々なイフェクトが可能だ。画像の中央から円形に沿って表示が切り替わる、HTML5を使った効果も多数あるので、対応していないブラウザもある。 Transm.jsの紹

    画像を自在に差し替える·Transm.js 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
  • iPhone/iPodから音楽データを復旧する·expod MOONGIFT

    expodはMac OSX向けのフリーウェア。開発に使う用途やその他もろもろの理由があってiPod Touch/iPhone 3G/iPhone 3GSが手元にある。個々のガジェットには音楽が入っているのだが、整理したりしているうちにiPodにしか入っていないデータが生まれたりする。 そんな状態で同期すると折角の音楽データが消えてしまう。その前にレスキューしなければという時に使えるのがexpodだ。USBケーブルでつないだiPhone/iPod Touchから音楽データを救済できるのだ。誤って母艦のデータが消えた時にも使えるだろう。 expodが便利だと思うのはプレイリストの読み込みに対応している点で、そのお陰でデータの選択が容易になるのだ。検索にも対応している。そしてリストアップされた音楽からレスキューしたい音楽をチェックしたらExtractボタンを押せば良い。 そしてもう一つ便利なのが

    iPhone/iPodから音楽データを復旧する·expod MOONGIFT
  • ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT

    jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。 予め文字を入力してユーザビリティを向上する そんなテキスト入力を補助する効果を実現するのがjQuery Watermarkだ。名前の通りjQueryプラグインなので、jQueryを使った開発の際にはぜひ使ってみたいライブラリだ。テキストボックスの他、テキストエリアに対しても適用できる。 テキストボックスに対して利用する他、パスワードボックスでも通常のテキストを表示しつつマウスがフォーカスしたら内容を消すこともできる。さらにSafari用の検索ボックスへのデフォルト表示にも対応して

    ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT
  • FirefoxでiPhoneアプリのプロトタイプを作成する·iPhonePrototype MOONGIFT

    iPhonePrototypeはオープンソース・ソフトウェアのFirefoxアドオン。iPhoneが日でも200万台近く出荷されているという話もあってか、徐々にビジネス面での話も聞くようになってきた。iPhoneと言えばネイティブアプリが面白いだろう。そして実際に開発を行う際には何らかのモックアップが必要になる。 iPhonePrototypeはまさにそのためのソフトウェアだ。この手のタイプとしてはローカルOSネイティブで動くもの、Webサービス上で行うものが多かったがiPhonePrototypeはちょっと変わっている。その動作プラットフォームにFirefoxを選んでいるのだ。 Firefoxと言えばある意味iPhone(WebKit)のライバルとも言えるソフトウェアだ。そんなFirefoxでありながらもiPhonePrototypeはきちんと動作する。独立したウィンドウが開くので、F

    FirefoxでiPhoneアプリのプロトタイプを作成する·iPhonePrototype MOONGIFT
  • Google Analyticsの解析をパワーアップする·gaAddons MOONGIFT

    gaAddonsはJavaScript製のオープンソース・ソフトウェア。自社または個人のWebサイトの解析にGoogle Analyticsを使っている人は多いだろう。標準のままでもWebサイトを運営するのに十分なデータが収集できるので、より良いサイトを目指すのに便利なツールだ。 埋め込むコード しかしAnalyticsのコードが埋め込めないような場所に対しては解析が難しいのが事実だ。例えばダウンロードサイトで、Zipファイルがどれくらいダウンロードされたかなどという測定は難しい。そこで使ってみたいのがgaAddonsだ。 gaAddonsは主に二つの機能をGoogle Analyticsに追加する。一つは外部流出の際にどのリンクへ行ったかが検知できるようになる。各外部リンクに対してoutboundというイベントが追加される。そして二番目にダウンロードの検出だ。デフォルトでオフィス系ファイ

    Google Analyticsの解析をパワーアップする·gaAddons MOONGIFT
  • ノートPCを紛失する前に設定しておこう·Prey MOONGIFT

    PreyはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。ノートPCは持ち歩いてカフェや空港、駅などで作業するのにぴったりだ。だがちょっと置いておいた隙に盗まれてしまったり、どこかに置き忘れてしまったりという事件も良く聞かれる。 ひっ! そんな時に追跡装置があれば、と思うだろう。そんな時のためには今のうちに準備が必要だ。使うのはPreyだ。Preyは単体で動作する訳ではなく、PreyのWebサービスと連携して動作するソフトウェアだ(一応単体でも動作するようだが)。その点がなかなかユニークで面白い。 PreyをインストールしたらPreyのWebサービスにユーザ登録し、APIのキーを得る。さらにデバイスを登録しデバイスのキーも得る。この二つをローカルのPreyに設定すれば準備は完了だ。後は盗まれるの待てば(?)いい。いざ盗まれたらPreyのWebサービスにアクセス

    ノートPCを紛失する前に設定しておこう·Prey MOONGIFT
    ko-ya-ma
    ko-ya-ma 2009/12/11
    盗まれると分かるといろいろしてくれる
  • jQueryによる画像に沿ったテキスト回り込みライブラリ·jQSlickWrap MOONGIFT

    jQSlickWrapはjQueryベース、JavaScript製のオープンソース・ソフトウェア。Webページの中に画像を差し込んで表示することは多々ある。そんなとき、画像が四角であれば回り込みも綺麗に行われるので申し分ない。だが三角の画像や、人物だけの画像の時に四角く回り込んでいるのはあまり格好が良くないだろう。 画像をスムーズに回り込んでいる イラストやシンボルに限定されるかも知れないが、背景が透明のPNG画像を使えば画像の形に合わせた回り込みができるのがjQSlickWrapだ。jQueryベースのソフトウェアで、背景を柔軟に処理して表示が出来るようになっている。 幾つかのサンプルがあるが、画像の枠線に合わせて透明な背景を無視して回り込みをしてくれる。Web上でこのような表現をするのは困難だったので、まるで雑誌のような仕上がりになるはずだ。さらに透明な背景を指定した色に変更することも

    jQueryによる画像に沿ったテキスト回り込みライブラリ·jQSlickWrap MOONGIFT
    ko-ya-ma
    ko-ya-ma 2009/11/27
     透過 PNGの透過部分を認識して回り込ませるらしい。
  • Google ChromeをWebサイト制作で用いる·Pendule MOONGIFT

    PenduleはGoogle Chrome向けのオープンソース・ソフトウェア。Google Chromeのシェアが徐々に伸びている。一般ユーザはIEを使い続けるケースが多いことを考えると、注目するのはプログラマやWebデザイナといったITリテラシーの高い層になるだろう。 Webサイト制作に便利な機能が揃う そうなるとGoogle Chromeにまず欲しいのがクリエイターのための便利ツールだ。だが標準で用意する必要はない。機能拡張として既に提供されているのだ。それがPenduleになる。PenduleはWebデザイナーが便利に使えるGoogle Chrome機能拡張だ。 Penduleをインストールするとアドレスバーの横にアイコンが表示される。メニューは画像系、W3C系、CSS無効に分類される。CSS無効はその名の通り、クリックすると表示されているサイトのCSSが無効になる。この状態で必要な

    Google ChromeをWebサイト制作で用いる·Pendule MOONGIFT
  • Webベースの表計算ライクなグリッドライブラリ·grrid.js MOONGIFT

    基幹システムをWebベースで作るといった話題が持ち上がるようになっている。そんな中、よく聞かれるのが表計算ソフトウェア的にデータを操作できる機能だ。技術者の方であればその難易度はご存知の通りで、大抵Excelを使えるようにCSVで出力してお茶を濁すことが多い。 需要の多そうなグリッドライブラリ しかしもう諦めないで良い。高機能、ではないけれど簡易的なデータ操作であればgrrid.jsを使ってみよう。 今回紹介するオープンソース・ソフトウェアはgrrid.js、Webベースで表計算ソフトウェアのように動作するグリッドライブラリだ。 grrid.jsを使うとまるで表計算ソフトウェアのようなグリッドが表示される。各セルは自由に文字を入力できる。移動はエンターキー、タブキー、矢印キーを使って可能だ。タブキーで右、エンターキーは下にフォーカスが移動する。なお、動作にはprototype.jsが用いら

    Webベースの表計算ライクなグリッドライブラリ·grrid.js MOONGIFT
  • iPhoneでARアプリを開発するならば·iPhone ARKit MOONGIFT

    iPhone ARKitiPhone向けのフリーウェア(元々はNew BSD Licenseだったが現在は設定されていない模様)。セカイカメラの登場以後、AR(拡張現実)への注目が高まっている。サングラスのようなヘッドマウント型も開発が進んでいるが、一歩先を行くのがiPhoneAndroidを使ったスマートフォン連携型のARソフトウェアだ。 こっちはハワイらしい 位置情報、傾き、向いている方向などの情報を集めて、さらにオンラインから表示したい情報を取得して両者を統合する。地図を使ったマッシュアプリが人気が高いのと同様、ARには大きな可能性があるはずだ。そんなARアプリを自分でも、と思う方はiPhone ARKitを使ってみるといいだろう。 iPhone ARKitiPhoneでARアプリケーションを構築する際のライブラリを提供している。デモアプリケーションを立ち上げるとカメラの状態に

    iPhoneでARアプリを開発するならば·iPhone ARKit MOONGIFT
  • リアルタイムにMySQLの監視を行う·Jet Profiler for MySQL MOONGIFT

    Jet Profiler for MySQLWindows/Mac OSX/Linux向けのフリーウェア。Webアプリケーションの開発でMySQLを採用するケースが多くなっている。そのため手軽に使える監視ツールが必要になっているのではないだろうか。数値で出るものも良いが、グラフ化されて見られるともっと良い。 MySQLのステータス管理に そんなデータベース管理者の方にお勧めできるMySQL監視ソフトウェアがJet Profiler for MySQLだ。マルチプラットフォームに対応したローカルアプリケーションであり、データがビジュアル化されて見られるので状況の把握が容易になるはずだ。 例えばクエリーの実行状況によってパフォーマンスがどの程度出ているのか、リアルタイムに反映されていく。最も良く使われているデータベースやテーブル、実行速度の遅いクエリーか否かの診断もできる。グラフは多数用意さ

    リアルタイムにMySQLの監視を行う·Jet Profiler for MySQL MOONGIFT
  • プレゼンテーションとTwitterを連携させる·TweetBubbles MOONGIFT

    TweetBubblesはAdobe AIR製のフリーウェア。勉強会やセミナーで、その状況をTwitterにつぶやく行為は良く行われている。その内容はTwitterクライアントを立ち上げている人や、勉強会に参加していない人にとってはメリットがあるが、同じ勉強会に参加している人にはあまりメリットがなく面白みがない。 このように左右から吹き出しが そこで使ってみたいのがTweetBubblesだ。TweetBubblesはTwitterを検索して予め指定してあるキーワードがあるつぶやきを見つけると画面の両サイドに吹き出しを表示してくれる。これによりプレゼンテーションがさらに盛り上がることだろう。 プレゼンテーションが行われている最中に感想をつぶやいたり、突っ込みを入れたりすればそれが目の前のプレゼンテーションに表示される。手を上げて質問はしづらくとも、つぶやきであればできるという人もいるかも知

    プレゼンテーションとTwitterを連携させる·TweetBubbles MOONGIFT
  • Firefoxのabout:configを使いやすく·Configuration Mania MOONGIFT

    Configuration ManiaはフリーウェアのFirefoxアドオン。Firefoxを自分なりのカスタマイズするにはアドオンを使う方法もあるが、予め設定されている値であればabout:configを使っても変更できる。だが単なる一覧と数字(または文字)の設定では一般ユーザにとっては触り難いだろう。 設定をさらに細かく また、英語名のキーでは実際の設定がどのようなものであるか分かりづらいという問題もある。そこで使ってみたいのがConfiguration Maniaだ。Configuration Maniaをインストールするとabout:configで設定できる値をGUIを使って分かりやすく設定できるようになる。 設定できる項目はタブで分かれており、ブラウザ、セキュリティ、HTTPネットワーク、インタフェース、デバッグとなっている。個々のカテゴリの中にはさらに設定項目が並んでいる。項目

    Firefoxのabout:configを使いやすく·Configuration Mania MOONGIFT
  • 人物のモデリングをする·MakeHuman MOONGIFT

    MakeHumanはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。3Dを使って人をモデリングしようと思うと専用のソフトウェアを使わざるを得ないだろう。だが汎用的な3Dモデリングソフトウェアでは細かな設定が難しいかも知れない。 詳細な設定が可能な人物モデリングツール そこで使ってみたいのがMakeHumanだ。細かな設定ができる、というよりもむしろ細か過ぎるくらいに設定が可能になっている。かつソフトウェア名の通り人のモデリングに特化しているのが特徴だ。マウスで回転させたり、関節を曲げたりして自由にモデリングができるようになっている。 設定項目は非常に多い。首の太さや歯の大きさ、目の設定一つをとっても十種類以上のパラメータが存在する。そうしたパラメータをマウスのドラッグだけで設定していくのだ。慣れるまでは非常に困難ではあるが、緻密な設定を行いたい場合はとても便利

    人物のモデリングをする·MakeHuman MOONGIFT
  • Google Chromeにマウスジェスチャー·Chrome Mouse Stroke MOONGIFT

    Chrome Mouse StrokeはGoogle Chrome向けのオープンソース・ソフトウェア。Webブラウジングの際にはマウスが欠かせないので、マウスジェスチャーアプリケーションには注目が集まる。利用されている方も多いことだろう。過去にはChrome Gesturesやnk-gestureといったソフトウェアを紹介してきたので人気の高さが伺い知れるだろう。 Google Chrome用マウスジェスチャー Chrome Mouse Strokeはその意味では同種のマウスジェスチャーソフトウェアになる。機能拡張なので、Google Chromeの起動時に--enable-extensionsを付けて起動し、ダウンロード&インストールすれば使えるようになる。 インストールが終わったらhを描くように動かせばヘルプページが呼び出せる。基的な機能は他のマウスジェスチャーと変わらないが、右ボタ

    Google Chromeにマウスジェスチャー·Chrome Mouse Stroke MOONGIFT
  • PDFに注釈や矢印が入れられる·PDF-XCHANGE VIEWER MOONGIFT

    PDF-XCHANGE VIEWERはWindows向けのフリーウェア。PDFはその特性もあって編集はできないというイメージがある。だがAcrobatを使えば注釈を入れたり、編集を許可することもできる。とは言えそのために高価なソフトウェアを購入するだろうか。PDFに注釈を入れられると利用可能性が広がるだけに何とかフリーでできると便利だ。 PDFMac OSXであればSkimというソフトウェアが編集に対応していた。Windowsで同様の操作を行うにはどうしたら良いかと思ったが、PDF-XCHANGE VIEWERを使うとある程度編集ができる。例えばコメントを書いたり、文字を選択してハイライト表示にすると言った具合だ。 その他矢印を引いたり、自由線を引いたりすることが簡単にできる。まるでドローソフトウェアのような具合だ。日語の入力にも対応している。なお、ここで言う編集は文字の修正などでは

    PDFに注釈や矢印が入れられる·PDF-XCHANGE VIEWER MOONGIFT
  • Mac OSXらしい高性能グラフィックスアプリケーション·LiveQuartz MOONGIFT

    LiveQuartzはMac OSX向けのフリーウェア。昔はグラフィックス、DTPをするならMac OSXしかないと言われていた。だが今ではPhotoshopもIllustratorも大抵のソフトウェアはWindows向けにも提供されている。だが、それでもグラフィックスの性能はMac OSXの方が高いと思ってしまう(懐古主義かも知れないが)。 独特なボタン配置だが使い勝手は良い そんなMac OSXのグラフィックス性能を存分に活かした画像編集ソフトウェアがLiveQuartzだ。LiveQuartzはレイヤーとフィルターを組み合わせて自在に画像を編集できる。画像の一部を編集することはできないようで、ちょっと独特な使い勝手になっている。 レイヤーを使って複数の画像を重ねたり、文字を書いたりするのはもちろんのこと、ぼかしや画像の歪めるようなイフェクトがフィルターとして登録できるのが特徴だ。フィ

    Mac OSXらしい高性能グラフィックスアプリケーション·LiveQuartz MOONGIFT
    ko-ya-ma
    ko-ya-ma 2009/11/12
    フィルタレイヤーが使える半面、一部分だけの編集はできない