タグ

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

  • iPhoneで画像ベースのモックを動かす·Briefs MOONGIFT

    BriefsはiPhone用のオープンソース・ソフトウェア。iPhoneアプリはWebアプリケーションと大きく異なる動作が多い。画面遷移として定義しづらい場面も多く、実際に触れてみないとその動作がどうなるのか分からないのだ。 iPhone用モックアプリビューワー そのためモックアップやワイヤーフレームと呼ばれる類の存在が重要になる。サーバへの接続はなくとも、画面上に何かデータが表示され、それをクリックすると次の画面に変わると言ったのを見られるものだ。そのためのオープンソース・ソフトウェアがBriefsになる。 BriefsはApp Storeで15ドルで販売されているiPhoneアプリだ。全て同じという訳ではなく、オープンソース版は基的な部分だけを抜き出したものだ。とは言え画面定義を行い、その画像切り替え時のアクション定義などは同じだ。画像を用意し、画面の指定した場所をタップ指定したり、

    iPhoneで画像ベースのモックを動かす·Briefs MOONGIFT
  • iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT

    jQuery iPhone UIHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML

    iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
  • iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT

    moobileはHTML/JavaScript製のフリーウェア(ソースコードは公開されている)。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが

    iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
  • Google App Engineを使ったMapReduce·Appengine Mapreduce MOONGIFT

    Appengine MapreduceはGoogle App Engine用Python製のオープンソース・ソフトウェア。Googleの基礎技術の一つであるMapReduce。膨大な文字列やデータを細かく細分化し、無数のコンピュータ上で並列処理させることで高速なシステムを実現する仕組みだ。 実行画面 MapReduceはAmazon Webサービスにも真似されており(Amazon Elastic MapReduce)、有益さが分かっている。だが、どう使えば良いかが今ひとつ実感できないかも知れない。そこでMapReduceを手軽に試せるシステムとして開発されたのがAppengine Mapreduceだ。 Appengine MapreduceはGooglerが開発したソフトウェアで、Google App Engine上で動作する。テキストなどを分散化処理することができる。管理画面から処理を

    Google App Engineを使ったMapReduce·Appengine Mapreduce MOONGIFT
  • HTML5の凄さを理解できるHTML5製のプレゼンテーション·HTML5 Slides MOONGIFT

    HTML5 SlidesはHTML製のオープンソース・ソフトウェア。2010年秋に仕様の確定が予定されているHTML5。ビデオタグなどの一部混乱はあるものの、大筋で仕様は固まってきており、SafariやGoogle Chromeなどは率先してHTML5に取り組んでいる。 HTML5に関するプレゼン HTML5で目玉機能になっているのがローカルストレージやオフラインアクセス、データベース、位置情報、SVG/Canvasなどだろう。そんなHTML5の魅力を知ることが出来るプレゼンテーションとしてHTML5 Slidesを紹介しよう。 HTML5 SlidesはHTMLで作られたプレゼンテーションだ。左右の矢印キーを使って読み進めることが出来、Ctrlキーと+/-キーで拡大、縮小表示ができる。内容はずばり、HTML5に関する説明で、プレゼンの途中でHTML5を試せるようになっている。 プレゼン上

    HTML5の凄さを理解できるHTML5製のプレゼンテーション·HTML5 Slides MOONGIFT
    utalab
    utalab 2010/06/07
  • Google製のオープンな動画フォーマット·WebM MOONGIFT

    WebMはGoogle製のオープンソース・ソフトウェア&プロジェクトHTML5の仕様が定まっていく中で、一番もめているのが動画フォーマットだ。videoタグで再生される動画について、現状のデファクトH.264はAppleやマイクロソフトが特許を持っている技術であり反発が起こっている。 WebMで再生中 そこで注目を集めていたのがGoogleが買収したOn2 Technologiesが持っているVP8と呼ばれる動画フォーマットだ。そして彼らが成し遂げたのがWebM Projectだ。WebM ProjectはVP8をベースにした動画フォーマットをオープンソースとして公開する。 高圧縮、高品質な動画フォーマットであり、H.264と比較されるだけあって優秀な動画フォーマットではある。現在、FFMPEG向けのパッチが提供されており、これを使えば対応動画からWebMフォーマットでの出力が出来る。

    Google製のオープンな動画フォーマット·WebM MOONGIFT
  • 簡単に使えるフローチャート作成ソフトウェア·Diagram Designer MOONGIFT

    Diagram DesignerはWindows用のフリーウェア。フローチャートやUML、地図などドロー系ソフトウェアの利用範囲は多い。それだけに誰でも使えると便利なのだが、フリーで使えるものは多くない。有料であればMS Visioが有名だろう。 高機能なドローソフトウェア だがあれだけの高価なソフトウェアを必要な人全員に購入するのはなかなか難しい。簡易的なドローで十分というのであればDiagram Designerを使ってみると良いだろう。ステンシルも数多い、フリーで使えるドローソフトウェアだ。 Diagram Designerはフローチャートが基になっているようで、オブジェクトやラインが多数登録されている。フォントを変えれば日語の表示にも対応している。さらにUML、Windowsのモックアップ、地図、電気図といったステンシルが登録されている。 画像出力に対応 使い方はステンシルから

    簡単に使えるフローチャート作成ソフトウェア·Diagram Designer MOONGIFT
  • HTML5で作られたシューティングゲーム·HTML5 Asteroids MOONGIFT

    HTML5 AsteroidsはHTML5製のオープンソース・ソフトウェア。HTML5とFlashを巡る攻防が続いている。AppleのFlash締め出しについては独禁法の調査次第だが、だからといって方針が180度変わるとは思いがたい。今後もこの戦いは続くだろう。 現状ではFlashが使えないのは不便きわまりないものの、モバイルへインターネットデバイスが移り変わっている現在、将来性はHTML5のがポテンシャルは高そうだ。そのHTML5で何ができるのか、その一端をかいま見れるのがHTML5 Asteroidsだ。 HTML5 Asteroidsは懐かしのゲームアステロイドをHTML5で実装したWebアプリケーションだ。敵は隕石で、ミサイルを発射して隕石を破壊する。ミサイルが当たるごとに細かく分かれていき、小さな隕石にミサイルを当てると消滅する。 細かな破片が襲い来る 全て消滅させればクリアだが

    HTML5で作られたシューティングゲーム·HTML5 Asteroids MOONGIFT
  • シンプルに分かりやすくメモを作る·iroha Note MOONGIFT

    iroha NoteはAdobe AIR製のフリーウェア。構造的にノートを書くときにはアウトラインエディタやマインドマッピングがよく使われる。一度に長文を書こうと思うとなかなか筆が進まなかったり、メンテナンスするのも大変だが、小さく分割することで可視化され、整理されるのだ。 ノートとリースでメモをする マインドマッピングソフトウェアは数多く存在し、高機能なものも多数存在する。だが多機能であると逆に操作に混乱してしまい、元々の目的だったノート作成がおぼつかなくなってしまう。そこで使ってみたいのがiroha Noteだ。 iroha Noteは日製のAdobe AIRアプリで、Windows/Mac OSX/Linuxで動作する。左側にノートリストがあり、その右側にノートのコンテンツを作成する。付箋紙のようなリーフと呼ぶメモを貼り付け、各リーフをリンクさせてノートを作成する。 リーフ同士は線

    シンプルに分かりやすくメモを作る·iroha Note MOONGIFT
  • CSS3だけでアクションを実現するフレームワーク·CSS3 Action Framework MOONGIFT

    CSS3 Action FrameworkはCSS3製のオープンソース・ソフトウェア。HTML5に注目が集まっているが、同時に見逃せないのがCSS3だ。良く角丸やドロップシャドーがCSSだけでできるようになると言われているが、他にも様々な効果がCSSのみで可能になる。 CSSだけでオブジェクトの回転 これまでは同様の効果を出すためにはJavaScriptの利用が必須だった。だがこれからは簡単なアクションであればCSSだけで実現できるようになる。そのサンプルとして注目したいのがCSS3 Action Frameworkだ。 CSS3 Action FrameworkはJavaScriptを使わずCSSのみで作られている。だがマウスをオブジェクトの上に載せたり、クリックによって効果を出せるようになっている。効果はサイズの変更や回転とその組み合わせ、ドロップシャドー、さらに消失などだ。 Goog

    CSS3だけでアクションを実現するフレームワーク·CSS3 Action Framework MOONGIFT
    utalab
    utalab 2010/05/22
  • iPhoneで使えるWebアプリケーションキット·TouchScroll MOONGIFT

    TouchScrollはiPhone(予定ではAndroidやPalm Preも)用のフリーウェア(ソースコードは公開されている)。iPhoneにはWebサイトをブックマークとして保存する機能がある。その時、ホーム画面に追加をすればネイティブアプリのようにアイコンから起動できるようになる。 コンテンツだけスクロールする とは言えネイティブアプリとは違う使い勝手で、そこはブラウザ動作の限界と考えられてきた。インタフェースについては様々なテンプレートが登場している。さらにそれを一歩進めてくれるのがTouchScrollになる。 TouchScrollは簡単に言うと、ヘッダ部とフッタ部を残しつつ内部コンテンツだけスクロールできるようにするライブラリだ。フッタ部にボタンを配置することで、よりネイティブアプリに近い動作が実現できるようになる。ヘッダも同様に残しておけばネイティブアプリとさして変わらな

    iPhoneで使えるWebアプリケーションキット·TouchScroll MOONGIFT
  • Google App Engineを使った帳票出力システム·don-gabacho MOONGIFT

    don-gabachoはGAE/Jによるオープンソース・ソフトウェア。基幹システムにおける最大の目的は帳票の出力にある。なのでシステムを開発する際には帳票へ出力する項目や他システムへ受け渡す項目から考えると分かりやすい(個人的な経験として)。 出力された帳票 しかし帳票を出力するシステムを考えるとなると話は違う。特にWebシステムは帳票出力が苦手だ。通常のHTMLやテキストファイルを出力するのに比べると異なるライブラリが必要になったりする。そこで試したいのがdon-gabachoだ。 don-gabachoは名前はユニークだが、その実態は有益な帳票出力システムとなっている。自分で帳票の設計が可能で、さらに項目を設定することで出力される値を任意に変更ができる。生成された帳票はExcelファイルとしてダウンロードができる。 入力画面 PDFではないが、Excelの方が細かな調整もできるので便利

    Google App Engineを使った帳票出力システム·don-gabacho MOONGIFT
  • 複数のGoogleアカウントをお持ちの方は·Google Account Switcher MOONGIFT

    Google Account SwitcherはGoogle Chrome用のフリーウェア。Gmailはスパムフィルターを含めて相当便利であるために、目的に応じて複数アカウントを使いこなす方も少なくない。そして切り替える際には都度ログアウトしてから実行する必要がある。 ドロップダウンでアカウントを切り替える そんな手間をかけるのが嫌であれば(大抵嫌だろうが)、Google Account Switcherを使ってみよう。Google Account SwitcherはGoogle Chrome機能拡張としてインストールする、Googleのアカウントスイッチソフトウェアだ。 Google Account Switcherをインストールした状態でGoogleの各サービスを表示させると、右上にドロップダウンが追加される。それをクリックするとアカウントのリストが出る。そして自分が使っているアカウン

    複数のGoogleアカウントをお持ちの方は·Google Account Switcher MOONGIFT
  • 記事が見つかりません MOONGIFT

    特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿:センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る!2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ!2014/01/30 なぜプレミアム?そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト?オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す

  • iPadに対応したProcessing.js·pjs4iPad MOONGIFT

    pjs4iPadJavaScript製のオープンソース・ソフトウェア。Processing.jsとはWebブラウザ上でProcessingというプログラミング言語を実行するライブラリだ。そしてそのProcessingとはブラウザ上で絵を描くための言語になる。 iPad向けインタフェースに最適化されている JavaScriptを使ってWebブラウザ上でグラフィックスが描けるようになれば、さらにHTML5の需要が高まっていくことだろう。そんなProcessing.jsをオンラインで編集し、実行できるのがpjs4iPadだ。 pjs4iPadはProcessing.jsを実行しているだけなのだが、そのインタフェースがiPadに最適化されているというのがユニークだ。もちろん他のiPhoneやiPod Touchでも動作することができる。Webブラウザで開き、文字を編集して実行するところまでpjs

    iPadに対応したProcessing.js·pjs4iPad MOONGIFT
  • HTML5による動画プレーヤ·Projekktor MOONGIFT

    ProjekktorはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の中で最も注目を集めているのがvideoタグだろう。これがFlashから置き換わるか否かによって、今後のシェア争いに大きな変化が出てくるはずだ。H.264は導入が難しい状況ではあるが、まだまだ分からない。 多様なブラウザに対応 HTML5を使った動画プレーヤを提供するのはさほど難しくないかも知れないが、HTML5に対応していないブラウザまで含めて対応しようとすると工数がかかってしまう。そこでHTML5対応の動画プレーヤProjekktorを使ってみよう。 ProjekktorはIE7/8、Firefox、Safari、Chrome、Operaといった主要ブラウザに対応した動画プレーヤだ。HTML5によるvideoタグに対応している。動画フォーマットはOggやH.264に対応しており、ブラウザに

    HTML5による動画プレーヤ·Projekktor MOONGIFT
  • HTML5で実現するファミコン風ゲーム·Akihabara MOONGIFT

    AkihabaraはHTML5/JavaScript製オープンソース・ソフトウェア。HTML5が間もなくの仕様確定とあって、次々とその可能性を感じさせるソフトウェアが登場している。特にFlashに代わるような機能を実現させられるのは注目が高い。 パックマン風ゲーム Flashで使われるものとしては、バナー、ゲームそして動画だろう。動画についてはVideoタグがあり、バナーについてはGordonが取って代わるかも知れない。そしてゲームについてはAkihabaraに注目したい。 AkihabaraはHTML5/JavaScriptによるゲームエンジンだ。HTML5を使ったブラウザで動作するのがPCのブラウザではキーパッドが表示されないので上手く動作しない。iPhoneであれば画面の下にキーパッドが表示され、遊べるようになる。 テトリス 基的な操作は十字キーとA/B/Cボタンだ。ゲームによって

    HTML5で実現するファミコン風ゲーム·Akihabara MOONGIFT
  • iPhoneにも対応したビジュアルプログラミング環境·Tersus MOONGIFT

    TersusはWindows/Mac OSX/Linuxに対応したオープンソース・ソフトウェア。ビジュアルプログラミングは誰しもが夢を見る。コードの羅列ではなく、見た目でオブジェクトを配置したりしてプログラミングができればどれだけ面白いだろう。エラー処理などはもちろん環境が隠蔽してくれれば良い。 コードを書かずにビジュアルプログラミング もちろん高度なソフトウェアは無理だろうが、かつてのVBのようにユーザがちょっとしたツールを自分たちのために作りたいと思った時に使えるかも知れない。そんなとき、プログラミングコードを書くよりもビジュアルな方が使い勝手が良い。そのためのソフトウェアがTersusだ。 Tersusはビジュアルプログラミング環境を提供する。画面のデザインも含めて一つのファイルの中に全てが詰め込まれる。iPhoneMac OSXなど様々なプラットフォームに対応したWebアプリケー

    iPhoneにも対応したビジュアルプログラミング環境·Tersus MOONGIFT
  • iPhone/iPadアプリの宣伝にぜひ·iPhone Screentaker MOONGIFT

    iPhone ScreentakerはMac OSX用のフリーウェア。iPhoneアプリや最適化されたWebサイトを宣伝するのにスクリーンショットは重要な役割を果たす。主なパターンとしてはシミュレータまたは実機のスクリーンショットを利用することが多い。 iPhoneアプリをスタイリッシュに紹介 だが、ただ画面を撮影したままではあまり訴求力がない。もっとiPhoneならではのインパクトが必要だろう。もっと自分のアプリケーションをアピールしたいと思うならばiPhone Screentakerを使ってみよう。 iPhone Screentakerを起動すると二つの枠が表示される。右側にスクリーンショットをドロップする。そしてiPhone/iPadなどの筐体を指定する。縦型、横型の指定も可能だ。そしてただiPhoneを表示する他、イヤホンを付けたテンプレートも用意されている。 iPad用もあり そ

    iPhone/iPadアプリの宣伝にぜひ·iPhone Screentaker MOONGIFT
  • Flashプレーヤを使わずにYoutube動画を直接再生するプレーヤ·QuickTubePlayer MOONGIFT

    QuickTubePlayerはMac OSX用のフリーウェア(ソースコードは公開されている)。Youtubeには無数の動画があり、見入っているとついつい時間が過ぎてしまう。だがMac OSXでFlashプラグインを使っていると、時々ハングしてSafariごと落ちたりすることがある。これは非常にストレスだ。 Youtubeの動画をFlashプレーヤを使わずに再生する そんなショッキングな事態を防ぐにはFlashプレーヤを使わずにYoutubeの動画を再生すればいい。幾分スムーズに再生も行われるようだ。ダウンロード系ソフトウェアを経ずに使えるのがQuickTubePlayerだ。 QuickTubePlayerはYoutubeのURLを指定して動画を開くと、対応している各種フォーマットに従って動画を再生する。URLのパラメータを変更して対応するので、1080pでの再生も可能だ。MPEG4をダ

    Flashプレーヤを使わずにYoutube動画を直接再生するプレーヤ·QuickTubePlayer MOONGIFT