CSVから多彩なフォーマット、プログラミング言語向けに変換·Mr. Data Converter MOONGIFT
Mr. Data ConverterはCSVフォーマットから各種プログラミング言語向けなどにデータを変換するソフトウェアです。 CSVファイルはシステム開発においてとてもよく使われるフォーマットです。XMLやHTMLなど同様の機能を提供するフォーマットもありますが、それでもやはりCSVは人気が高いです。そんなCSVデータを別フォーマットに変換してくれるソフトウェアがMr. Data Converterです。 XMLに変換しました Rubyです。 MySQLの場合はテーブル作成も入ります。 HTMLのテーブルもあります。 PHPです。 キーを小文字にしてみました。 Mr. Data ConverterはWebブラウザ上で動作し、CSV（またはTSV）を別フォーマットに変換します。変換先はActionScript、ASP、HTML、JSON、MySQL、PHP、Python、Ruby、XMLと
これは凄い。JavaScriptで作られたPHP VM·php.js MOONGIFT
php.jsはJavaScriptで作られたPHP VMです。PHPコードをJavaScriptに変換して実行します。 世の中には色々変わったことを考える人がいます。Webブラウザでデフォルトで実行できるプログラミング言語がJavaScriptだけなんて許しがたい、そう考えたPHPプログラマーが生み出したのがphp.jsです。その名の通り、PHPの実行エンジンをJavaScriptに実装したというとんでもないソフトウェアになります。 確かに実行できています。PHPのコードからJavaScriptに変換を行っているようです。 配列、クラスさらにvar_dumpまで実装されているのが興味深いです。 かなり突っ込んだPHPの処理もできている模様です。これは面白い。 ダブルクオートの中に変数を入れて普通に出力できているのが興味深いです。 php.jsではPHPのコードがそのまま実行できます（もちろ
Appcelerator製。Titamium用MVCフレームワーク·alloy MOONGIFT
alloyはAppceleratorが開発したTitanium用MVCフレームワークです。 JavaScriptを使ってiOSもAndroidアプリも作れるのが魅力のTitaniumですが、大型なアプリを作るには仕組みの自由度が高過ぎに感じる人も多いのではないでしょうか。そこで使ってみたいのがAppcelerator社自らが開発するMVCフレームワークのalloyです。 インストールします。npmでインストールできます。 まずアプリを作成します。ディレクトリで「alloy new .」と実行すればOKです。 生成された内容です。まるでRailsのような構成です。 こちらはコントローラー。オブジェクトにアクションを結びつけています。 こちらはビュー。ボタンなどの配置を決めています。 alloyはMVCそれぞれコマンドラインからベースを生成できます。コードはコンパイルしてJavaScriptに
スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック·jQuery Mobile Icon Pack MOONGIFT
jQuery Mobile Icon PackはjQuery Mobileで使えるアイコン集です。 jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。 アイコンの一覧です。 実際に使っている例。data-iconで指定するだけで使えます。 多数のアイコンが揃っています。 シンプルで使い勝手が良さそうです。 アイコン画像は全て一つの画像となっており、CSS Spriteで切り出すようになっています。このアイコン群を使う限り読み込みは一度なので高速に表示が可能です。 jQuery Mobile Icon PackはCSS製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る 3Gを
Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
ここまでやるか。SQLiteをJavaScriptに変換·SQL.js MOONGIFT
SQL.jsはSQLiteをEmscriptenを使ってJavaScript化したソフトウェアです。 SQL.jsはWebブラウザ上で使えるデータベースです。Emscriptenを使ってSQLiteをJavaScriptに変換した面白いソフトウェアです。 デモです。テキストエリアに書かれたSQLを実行できます。 実行した結果です。最終的な結果だけが出力されています。SELECTの結果はJSONデータとして取得されています。 もちろん普通にSQLが使えます。 日本語は出力時は化けてしまいましたがデータ上は問題ないと思われます。 SQL.jsはSQLiteがそのままJavaScriptになってしまったようなソフトウェアです。慣れた使い勝手でSQLを実行したり、データを取得できてしまうのは面白そうです。なお現状Google ChromeやFirefoxにしか最適化されていません。 SQL.jsは
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク·AngularJS MOONGIFT
AngularJSはMVCモデルを徹底したJavaScript製のWebアプリケーションフレームワークです。 Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 まずごくシンプルなデモから。 クリックでビューが切り替わります。 node.js製のWebサーバも付属しています。 HTMLソースはこんな感じです。 JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。 Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。 入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。 入力チェックはリアルタイムに
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT
sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 ： フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字を絵文字画像に変換
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
電子書籍をリッチなビューワーで楽しむ·The Internet Archive BookReader MOONGIFT
The Internet Archive BookReaderはInternet Archiveプロジェクトでも使われているWebベースの書籍リーダー。 The Internet Archive BookReaderはJavaScript製のオープンソース・ソフトウェア。Webサイトのコピーを集積し、過去の姿をかいま見ることができるプロジェクトがInternet Archiveだ。自分のサイトの過去の姿を見たり、有名サイトの開始当初の形を見ることが出来る。 リーダー そんなInternet ArchiveではTextsというプロジェクトがある。ここでは既に著作権の切れた書籍についてオンラインで公開している。しかもPDFなどで置いてある訳ではない。HTMLベースで閲覧できるのだ。そのリーダーがThe Internet Archive BookReaderになる。 The Internet A
ぜひ触れてほしい。WebベースのSVGエディター·Js Vector Editor MOONGIFT
Js Vector EditorはWebベースのSVGエディター。保存はできないがXMLを出力する。 Js Vector EditorはJavaScript製のオープンソース・ソフトウェア。HTML5の登場によってようやく普及しそうなのがSVGだ。XMLのベクターフォーマットだ。テキストベースなのでシステムとの相性も良く、自動生成も行えるだろう。 自由に描ける 今後SVGを描くためのライブラリも多数登場してくるはずだ。とは言え流行るか否かはやはり一般ユーザが扱えるかどうかにかかっている。ドロー系ソフトウェアを購入し、インストールしてまでSVGを使いたいと思うだろうか。否、Js Vector Editorを使えば良いのだ。 Js Vector Editorは何とWebブラウザ上でドローを描けるソフトウェアだ。IE6はさすがに無理だったが、対応ブラウザはIE/Firefox/Google Ch
本物そっくりな免許を生成するジョークソフトウェア「免許証ジェネレータ」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
免許証ジェネレータはJavaScriptを使って免許証そっくりの表示を行うソフトウェア。 免許証ジェネレータはJavaScript製のオープンソース・ソフトウェア。○○ジェネレータ系のサービスは時々現れては人気を集める。写真を手早く加工したり、何となく意味が通じそうなテキストを生成したりと面白いサービスが多い。 まさに免許証 その一つがまた登場した。汎用的な画像ではないが、チャレンジしたこと自体が面白い。生成されるのは何と免許証になる。それも本物そっくりで自由にカスタマイズができるものだ。免許証ジェネレータを使って遊んでみよう。 免許証ジェネレータはWebブラウザ上でテキストボックスに文字を入力すると、免許証の文字がその場で変更される。名前や生年月日、本籍などはもちろんのこと、免許の条件や種別についても自由に設定が出来る。写真だけは残念ながら変更できない。 色や文字を細かく変更できる でき
HTML/JavaScript/CSSを使って電子雑誌を作ろう·Magaka MOONGIFT
MagakaはHTML/JavaScript/CSSなどWebの技術を使ってインタラクティブな電子雑誌を作成する。 [/s2If] MagakaはPHP/JavaScript/HTML製のオープンソース・ソフトウェア。電子書籍に関する話題が日々出てきている。海外では既に本格化してきており、iPad専用の電子雑誌まで登場している。それに比べると日本ではコンテンツホルダーがばらばらにサービスを提供しているため、足並みが揃っていないのが実状だ。 デモ雑誌 電子書籍と言うとePubやPDF、独自フォーマットの文書を専用アプリでラッピングして閲覧するというイメージが強い。だが実際そうしなければならないという訳ではない。既存のWeb技術だけで見せる電子雑誌、それがMagakaだ。 Magakaが使っているのはHTML/JavaScript/CSSそして若干のPHPだ。Digital magazines
遅延して入力を隠すパスワードフィールド·dpassword MOONGIFT
dpasswordはJavaScript/jQuery製のオープンソース・ソフトウェア。パスワードフィールドというのはいつも入力すると※や●といった記号で表示される。自分自身何と入力したか分からない代物だ。そのため忘れやすく、ストレスを感じることも多い。 最後の文字だけ表示されているのが分かる 背後から覗き見られた場合を想定しているらしいが、そのようなことがあった試しがない。iPhoneではその垣根を越え、入力した文字が少しの間表示された後に●に変化する仕組みを取り入れた。これをWebブラウザ上で実現するのがdpasswordだ。 dpasswordを入れるとパスワードフィールドに文字を入れた時に入れた文字がそのまま表示されるようになる。続いて文字を入力すると文字が●に変化する。あのiOSの入力方式そのままといった感じだ。さらにパスワードを取得するためのJavaScriptがあるのも便利だ
オンラインでHTMLプレゼンを作成、公開する·Swinger MOONGIFT
SwingerはWeb上でプレゼンテーションを作成、公開するサービス/ソフトウェア。 [/s2If] SwingerはJavaScript/Couchapp製のオープンソース・ソフトウェア。数年前にドキュメント共有サイトが流行った。ScribdやSlideshareといったサービスが立ち上がり、Webベースでプレゼンテーションなどが閲覧でき、人気を集めた。 だが今ではオフィスファイルを変換する必要はなくなってきている。HTMLベースのプレゼンテーションが増えており、プレゼンテーションが終わったらそのまま公開なんて当たり前になっている。それをサービス化したのがSwingerだ。 SwingerはWebベースのプレゼンテーション作成、公開ソフトウェアだ。プレゼンテーション作成ソフトウェアほどではないものの、Web上でテキストを入力してその場でプレゼンテーションを作成できる。画像やリンクの埋め込
jQueryでコンソールを再現する「jQuery Console」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery ConsoleはjQuery/JavaScript製のオープンソース・ソフトウェア。Web上でターミナル操作を行うニーズは時々見かける。実用レベルに達するにはまだまだだが、ホスティング業者などで顧客に簡易的なコンソールをWebベースで与えている場合もある。 Web上でコンソール そんな時にWebブラウザからターミナル風に操作できる環境を提供するのがjQuery Consoleだ。Ajaxと組み合わせて使えば、実用レベルになるかも知れない。それ以外でも面白そうな使い方が考えられそうだ。 jQuery ConsoleはTry Haskellというサイトで用いられている。Web上でHaskellを学ぶのにコンソールを提供し、指定された文字を入力することでウィザード風にHaskellを学んでいけるというものだ。面白いアイディアではないだろうか。 JavaScriptの実行コンソールも
.NETで提供されるJavaScriptインタプリタ·Jint MOONGIFT
Jintは.NET用のオープンソース・ソフトウェア。10年くらい前のJavaScriptと言えばWebブラウザのちょっとしたアクションを実行する簡易的な補助スクリプト言語でしかなかった。だが今ではWebアプリケーションはもちろん、Webサービスを構築するのにも必須のソフトウェアになっている。 コーディング例 さらにWindowsの場合はJScriptというJavaScriptを拡張した言語を使ってファイルを操作したり任意のコマンドを実行することもできるようになっている。そしてさらにJavaScript + Windowsの可能性を高めるのがJintだ。 Jintは.NETアプリケーションの組み込んで使うJavaScriptインタプリタだ。文字列としてコードを渡し、JintEngineを使って実行する。引数を渡すこともできる。結果を受け取ることももちろん可能だ。つまりJavaScriptを使
リアルタイムにスムーズなグラフを描く·Smoothie Charts MOONGIFT
Smoothie ChartsはJavaScript製のオープンソース・ソフトウェア。Web上でのグラフ描画に対するニーズは多い。常時固定であれば画像でも良いだろうが、システムの値を使う場合は何らかのグラフ描画ライブラリを使うことになる。 複数グラフ同時描画も可能 さらにアクセスの度にレンダリングして終わる場合もあるが、刻々と変化するデータを常時アップデートしていくグラフもある。そんなリアルタイムに変化するグラフを必要とするならばSmoothie Chartsを使ってみよう。 Smoothie Chartsはリアルタイムに変化するデータをスムーズに描画していくライブラリだ。一つに限らず複数の線を同一グラフ内に描画することができる。例えばシステムのモニタリングであったり、アクセス数の変化などを追うのに使えそうだ。 canvasタグを使っているため、対応していないブラウザでは表示できないのが欠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
