Web2Executable·node-webkitアプリをマルチプラットフォームでネイティブ化 MOONGIFT
WindowsやMac OSX、Linuxに対応したGUIアプリケーションを開発してみたいと思いつつもWeb技術では面倒そうと思ってしまっていませんか。node-webkitを使う手もありますが、ランタイムが必要だったりして手控えてしまう人もいるでしょう。 そんな方に使ってみて欲しいのがWeb2Executable、Webアプリケーションをそのままラッピングして実行ファイル化するソフトウェアです。 Web2Executableの使い方 メイン画面です。 必要な項目を選択、入力します。Windows版ながらMac OSX向けの実行ファイルを作れる点も注目です。また、nodeのバージョンを指定する仕組みになっていますので、サーバサイドが必要な場合にはこれが使えるでしょう。 実行ファイル生成中。 ファイル構成。幾つかDLLがありますが割合シンプルです。 実行結果。内容がないのであれですが、普通の
HTML5pano - HTML5で楽しむ360度パノラマ写真
スマートフォンでパノラマ写真が撮影できるようになっていますが、問題はいいビューワーがないことです。撮るのは面白いのですが、それを活かせるビューワーがなければムダなコンテンツになってしまいます。 そこでHTML5を使ってパノラマ写真を楽しめるのがHTML5panoです。左右だけでなく、上下も含めたパノラマ写真が楽しめます。 HTML5panoの使い方 HTML5panoに対応した写真を撮る、または複数の写真から合成するのは難しいかも知れませんが、ビューワーがあればこれに合わせて写真を撮ってみるというのも面白そうです。 HTML5panoはjQuery/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 DeuxHuitHuit/HTML5pano
HTML5/JavaScriptによる電子書籍風フリップアニメーション·Turn.js MOONGIFT
Turn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（BSD License）です。 電子書籍というとePubファイルが有名ですが、HTML5でも実現は可能です。特に紙をめくった時のようなフリップアニメーションが欲しい時にはTurn.jsを使ってみましょう。 デモです。幾つかのサンプル書籍が掲載されています。 開きました。 フリップしています。 別な書籍。マウスをもっていくと端が折れ曲がります。 こんな感じで斬新な表示も。 マガジン風の使い方もできます。 デモ動画です。 Turn.jsではめくる操作はもちろんのこと、拡大表示もサポートされています。デスクトップブラウザはもちろん、iPhone/iPadによる操作も可能です。コンテンツはAjaxによる動的取得にも対応しています。一部HTML5非対応ブラウザでも使えるようになっており、対応ブラウザはIE8からとなって
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
アウトライン化されたテキストの検索に便利！·Outline Grep MOONGIFT
Outline Grepは検索にマッチした行からノードをさかのぼって検索結果を出してくれるテキスト検索ツールです。 プログラマーであれば誰しもが使ったことのあるコマンドの一つがGrepではないでしょうか。確かに便利なコマンドなのですが、ちょっと不便に感じていたのが抽出した行の「周囲」の情報が得られないということです。そんな不満を解消してくれそうな面白いソフトウェアがOutline Grepです。 Outline GrepはHaskellで作られています。別途インストールが必要です。なお、インストールは簡単（cabal installくらい）です。 検索元になるテキストです。テキストがアウトライン化されているのが分かるでしょうか。ここがミソです。 実際に検索した結果です。結果行のアウトラインで言う所の親ノード（さらに親があればそれも含めて）を辿って出力しています。どのカテゴリに属している情報
開発者必携。150種類以上のソースコードをQuickLookでハイライト表示させる·QLColorCode MOONGIFT
QLColorCodeは150種類を超えるプログラミング系ファイルをQuickLookでハイライト表示させるプラグイン。 QLColorCodeはMac OSX用のオープンソース・ソフトウェア。Mac OSXのQuickLookは慣れるととても便利だ。10.6以降はファイルを選ぶダイアログでもQuickLookが使えるようになったので、ファイル指定前に内容を確認することができる。 Ruby ファイルを開く動作はアプリケーションを起動するので若干もたつくが、QuickLookであればスペースを押すだけで素早く内容が確認できる。そんなQuickLookでプログラムコードを確認したいという人はQLColorCodeを迷わず入れるべきだ。 QLColorCodeはHighlightを内蔵したQuickLookプラグインだ。Highlightは実に150種類以上のプログラミング言語に対応したコードハ
業務システムで使える。PDFファイルからテキストや画像を抜き出せる·PDF::Reader MOONGIFT
PDF::ReaderはPDFファイルの操作を行うRubyライブラリ。 PDF::ReaderはRuby製のオープンソース・ソフトウェア。PDFというドキュメントフォーマットはビジネスの場において数多く使われている。WebサービスもPDFによる帳票出力やエクスポートをサポートしているものが多い。 画像の抜き出し処理 閲覧や印刷する分には申し分ないフォーマットなのだが、システムに取り込んで加工しようと思うととたんに面倒なフォーマットになる。そのためのライブラリ（PDFtoHTMLなど）もあるが、もっとシステムから扱いやすくしてくれそうなのがPDF::Readerだ。 PDF::ReaderはRubygemsを使ってインストールするライブラリだ。機能は数多くあるが、例えばメタデータを抜き出したり、テキスト情報を取り出す、画像だけを取り出す、ページを数えるといったPDF操作を行えるライブラリにな
テキスト解析を使ったシステム連携に。Webベースの形態素解析エンジン·Igo GAE MOONGIFT
Igo GAEはGoogle App Engine/Javaを使って形態素解析エンジンのIgoを動作させる。 [/s2If] Igo GAEはJava製/Google App Engine用のフリーウェア（ソースコードは公開されている）。日本語を解析するのに使われているのがいわゆる「形態素解析」だ。名詞や形容詞などに分割することによって、システムとの連携をしたり文書の意味を解析できるようになる。 メイン画面 方法は幾つか存在する。ローカルで行うならMeCabやKAKASI、ChaSenが有名だ。そしてWebサービスとして提供されているのがYahoo! Japanの日本語形態素解析Webサービスになる。Yahoo!同様、Webベースで独自のシステムを使いたいならばIgo GAEを使ってみよう。 Igo GAEはJava製の形態素解析エンジンであるIgoをGoogle App Engine上に
今時の需要を取り込んだWeb用CMS「Halogy」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
HalogyはCodeIgniterを使ったPHP製の汎用的CMS。 [/s2If] HalogyはPHP/CodeIgniter製のフリーウェア（ソースコードは公開されている）。WebベースのCMSの歴史は実に長い。PloneやPHP Nukeくらいからはじまって既に10年以上、様々なCMSが開発されてきた。最近ではWordPressに代表されるブログ型が人気を集めている。 次のトレンドはなんだろうか。個人的にはフレームワークを利用したものを推したい。つまりカスタマイズにも柔軟に対応できるCMSだ。その可能性を感じさせつつ、今時の需要を取り込んだのがHalogyだ。 HalogyはPHP製フレームワークであるCodeIgniterを使って構築されたCMSだ。ユーザ画面と管理画面に分かれて構成されているが、コンテンツ内容の簡易的な編集はユーザ画面からでも行えるようになっている。管理画面はと
Mac OSX用の正規表現確認ツール·Reginald RegEx explorer MOONGIFT
Reginald RegEx explorerはMac OSX用のフリーウェア（ソースコードは公開されている）。プログラマーなら誰しもが使うであろう正規表現。簡単な表現であればすぐにできるが、オプションを使ったり複雑な条件下で正規表現を使おうとするとなかなかうまくいかずハマってしまうことがある。 マッチングした部分がハイライト表示する そこでコードを実行する前に自分の作った正規表現が正しいのか否か確認が出来ると便利だ。細かく言えばプログラミング言語や環境によって記述が異なる場合があるが、それでも便利に使えそうなのがReginald RegEx explorerだ。 Reginald RegEx explorerはMac OSX上で正規表現を書き、それが正しく認識されるか試すことが出来る。元になるテキストと正規表現を書くと、右下にマッチングした結果が表示される。さらに左下にはテキスト中のマッ
軽量なCSSフレームワーク·Invisible MOONGIFT
InvisibleはCSS製のオープンソース・ソフトウェア。CSSはブラウザによって解釈が異なる部分があり、そのために一つのブラウザで整っても、別なブラウザでは崩れてしまうということがよくある。そうした誤差を吸収する意味でもCSSフレームワークを利用するメリットは大きい。 グリッドデザインが容易に CSSフレームワークとして様々な機能を提供するものもあるが、逆に束縛が大きくなってしまったり決められたルールを覚える必要があったりと面倒になってしまうことも多かった。もっとシンプルなものが良いという人に向いているのがInvisibleだ。 InvisibleはHTMLタグ全般について設定をリセットすることから開始する。その後で幅を割合で設定するクラスや左右配置を定義するクラスを追加する。これを使うことで三段や四段のカラムを使ったWebサイトデザインが容易になるという仕組みだ。 レイアウト例 フレ
WebサイトをePubファイル化·Repub MOONGIFT
RepubはRuby製のオープンソース・ソフトウェア。iPad、Kindleの登場によって電子書籍市場がにわかに慌ただしくなっている。既存の書籍、雑誌、単行本などを電子書籍化するのが一般的になっているが、ネット上にも既に膨大な文書データが存在する。 データを取得しているところ 例えばニュースサイトやメディアサイトを電子書籍化すれば、オフラインでも閲覧できるようになる。Webサイトを印刷したりPDFにするように、電子書籍にできたとすればコンテンツは無限とも言えるだろう。それを可能にするのがRepubだ。 RepubはRubygemsを使ってインストールするソフトウェアで、repubコマンドにURLを引数として渡せばデータを取得し、ePubファイルとして出力する。XPathを使って取得部分を操作したり、執筆者情報などを付与することも可能だ。スタイルシートの設定もできる。 できあがった電子書籍
Mac OSX用Cronエディター·Cronnix MOONGIFT
CronnixはMac OSX用のオープンソース・ソフトウェア。Linuxでよく使われるプログラムの自動起動ツールがCronだ。テキストで一行単位の設定なのでわかりやすいのはいいが、その書き方に慣れるまでは使いこなすのが難しいかもしれない。 メイン画面 単純に日や曜日、時間とプログラムを指定して実行程度であれば、いいがもっと深くCronを知って使いこなしていくならばCronnixを使ってみると良さそうだ。Cronnixを使えばGUIを使って分かりやすくCronの設定が行える。 Cronnixを起動すると設定されているCronが一覧になって表示される。ユーザレベルまたはシステムレベルでの設定が可能だ。そして追加、編集も分かりやすくできる。曜日もチェックボックスを付けていくだけでいい。後は実行するプログラムを選択する。 設定画面 保存すれば自動的に反映される。Cron情報をエクスポートして、別
ActionScript3向けのWebストレージライブラリ·as3webstorage MOONGIFT
as3webstorageはFlash/ActionScript3製のオープンソース・ソフトウェア。HTML5の仕様がまもなく確定する。そうなれば新しいブラウザはこぞって対応を完了し、HTML5による新しいWebの時代が幕開けになるだろう。取り残されそうになっている技術もある、それがFlashだ。 Flash自体はHTML5への対応を掲げているが、iPhoneを中心に拒否されているのが問題だ。これまでFlashで行ってきた技術がHTML5によってとって変わられようとしている中、Flashもまた逆にHTML5を取り込もうとしている。その一つがas3webstorageだ。 as3webstorageはHTML5の機能であるWebストレージ機能をActionScript3からも利用するライブラリだ。Webストレージはクライアントのブラウザに蓄積されるKVSであり、接続を切ってもデータは残り続け
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を試せるようになっている。 プレゼン上
デザインのサイズ合わせのお供に·Pixus MOONGIFT
PixusはAdobe AIR製のオープンソース・ソフトウェア。Photoshopを使ってWebサイトやアプリケーションのデザインを行っている時、きちんと適切なサイズに収まるかスケールを合わせたい時がある。キャンバスのサイズを合わせておく手もあるが、そうするとちまちましたデザインになってしまうだろう。 デザインの確認に さらに今はPC向けのみならず、iPhoneやiPad、PSPなど筐体の種類も増えており表示画面サイズも個々に異なるようになっている。各筐体で適切に表示されるデザインを作成するために使ってみたいのがPixusだ。 PixusはAdobe AIR製のソフトウェアで、起動すると枠が表示される。サイズは1024×768、800×600などのPC向けの他、320×480のiPhone向け（水平表示板もある）、PSPサイズもある。さらにIE、Safari、Chrome、iPhoneなど
各種Webサービスに対応した埋め込みを行う·jQuery Oembed MOONGIFT
jQuery OembedはJavaScript製のオープンソース・ソフトウェア。おそらくYoutubeからはじまったであろう、自分のサイトへのコンテンツ埋め込みの機能。今や写真やプレゼンテーション、動画など様々な外部コンテンツがサイトに埋め込めるようになった。しかしここで問題なのが埋め込むコンテンツの内容が分かりづらいことだ。 各種サービスの埋め込みHTMLを生成する 大抵Flashのタグで囲まれており一般的には難解だ。Embedなどと書かれているがよく分かりづらい。そこで使ってみたいのがjQuery Oembedだ。jQuery Oembedはリンクタグにclass="oembed"を指定すると実行されるjQueryプラグインだ。 例えばFlickrの写真のリンクをURLにしてoembedの指定をすると、写真がサイト内に表示されるようになる。イメージタグを書く必要はない。同様にvime
高機能なMySQLフロントエンド·HeidiSQL MOONGIFT
HeidiSQLはWindows向けのオープンソース・ソフトウェア。MySQLの管理インタフェースとしてphpMyAdminを使うケースは多い。確かに外部のデータベースを使うなら便利だ。だが社内やローカルのデータベースを使う場合はローカルアプリケーションの方が便利ではないだろうか。 高性能MySQLフロントエンド GUIのMySQL管理ソフトウェアも幾つかあるが、WindowsであればHeidiSQLが便利そうだ。特に設定をレジストリファイルとして出力して、他のHeidiSQLで読み込ませられるのが良い。社内で複数人で使う際にも一つ一つ設定する手間が省けるのだ。 HeidiSQLからデータベースを選択してテーブルの内容を見られるのはもちろん、データを編集してアップデートすることもできる。テーブルの構造を変更したり、インデックスを追加することも可能だ。任意のクエリーを実行、データのエクスポー
便利！jQueryのアクションをビジュアル的に作成する·IxEdit MOONGIFT
jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。 jQueryを使った開発にぜひ！ 単純なJavaScriptであれば、オーサリングツールで対応しているものもある。だがjQueryのような高度なJavaScriptフレームワークには対応していない。そこで使うのがIxEditだ。 今回紹介するオープンソース・ソフトウェアはIxEdit、jQueryのビジュアルアクションビルダーだ。 IxEditは既に組み上がっているWebサイトに対して使うライブラリだ。指定されたJavaScriptファイルとCSSを読み込むと、Webサイトにフローティングウィンドウが表示される。そし
Adobe製品のショートカットを覚える·Adobe Shortcut App for AIR MOONGIFT
Adobeの製品群はまさにプロフェッショナルのためのソフトウェアだ。PhotoshopやIllustratorは言うに及ばず、旧マクロメディアのソフトウェアを取り込んだ時から、もはや不動の地位を築いたとさえ言えるだろう。そんなプロ向けのソフトウェアだからこそ、使いこなせば作品の質が雲泥の差になるはずだ。 Adobe製品がずらりと並んだショートカット表示ツール 使いこなすためにはマウスを使って一つ一つ作業を選んでいては遅過ぎる。ショートカットを使いこなすのが重要だ。そのためのソフトウェアがAdobe Shortcut App for AIRだ。 今回紹介するフリーウェアはAdobe Shortcut App for AIR、Adobeソフトウェアのショートカットを覚えるためのソフトウェアだ。 Adobe Shortcut App for AIRはAdobe AIRで作られたソフトウェアで、起
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
