そろそろ本格化。node.js用Webアプリケーションフレームワーク·flatiron MOONGIFT
flatironはルーティング、ミドルウェア、テンプレートエンジン、ODM、プラグイン拡張を備えたnode.js用Webアプリケーションフレームワークです。 Herokuがサポートしたり、着実に安定性を増した開発が継続されているnode.js。そろそろ使ってみたいと思い始めているのではないでしょうか。フレームワークを使って開発してみたい方は今回紹介するflatironをお試しください。 ルーティングです。まとめて設定するのがいい感じです。 unionという最低限のミドルウェアも付属しています。 テンプレートエンジンがあります。IDを指定してその中の値を変更するようです。 ODM（オブジェクトドキュメントマッピング）です。いわゆるO/Rマッパーに近いです。Mongo/CouchDB/Redisに対応しています。 プラグインによる拡張もできます。 flatironはWebアプリケーションを開発
インパクト大！コンソールの中に棒グラフを表示する·spark MOONGIFT
sparkはコンソールの中にスパークラインのグラフを表示するソフトウェアです。 文章の中に埋め込める、高さ1行程度のグラフがスパークラインです。使いどころによってはユーザビリティが高まります。そんなスパークラインをコンソールの中に出現させてしまうのがsparkです。 ヘルプです。sparkの後に値をカンマつなぎで入力します。このヘルプだけでかなりわくわくしますね。 見頃スパークラインのグラフが表示されました。 マックスの値に合わせて高さが自動で調整されます。 USの地震観測結果を解析してスパークラインに表示するデモです。全体を解析した後で表示するので若干時間がかかります。 sparkは単純に渡されたカンマつなぎの数値データをスパークラインの棒グラフに表現します。とてもシンプルですが見た目のインパクトが大きいソフトウェアです。 sparkはBashスクリプトで作られたMIT Licenseの
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
何に使えるか。指定フォルダ以下のファイル変更を監視·Track Folder Changes MOONGIFT
Track Folder Changesは指定したフォルダ以下のファイルやフォルダの追加、更新をトラッキングするソフトウェアです。 Windowsのインストーラーやソフトウェアが使っているときにどんなことをしているか気になったことはないでしょうか。そんな時にはTrack Folder Changesを使ってみましょう。指定したフォルダ以下の更新が如実に分かりますよ。 起動するといきなりフォルダツリーが更新されていきます。監視するフォルダを決めて、そのフォルダ以下の変化をトラッキングします。基本的には見ているだけです。利用には.NET Framework 3.5が必要です。 アバウトです。 Track Folder Changesを使うとリアルタイムにファイルやフォルダの追加や更新をトラッキングできます。任意のソフトウェアがどこにファイルを配置しているか、どのような操作をしているかをトラッキ
Webベースの基幹系システムで取り入れたい。日本製PDF帳票作成ソフトウェア·ThinReports MOONGIFT
ThinReportsはマルチプラットフォームで動作するエディタを含んだPDF出力の帳票作成ソフトウェアです。 Webシステムで帳票周りに悩まれている方に朗報です。ThinReportsは日本製、かつGUIのエディタまで含めた帳票ソフトウェアになります。 エディタです。Windows/Mac OSX/Linux版があります。 新しい帳票を作成します。 テキストボックスを配置してプログラムから入力内容を変更できます。 一覧表系も追加できます。自動改ページもあります。 定義をHTML保存することもできます。 HTMLの定義書です。 こういう情報は受託開発などで役立ちそうです。 コードのサンプルです。作成したレイアウトファイルを読み込んで、値を変更しつつ最後にPDFファイルを指定して保存しています。 Rubygemsを使ってThinReportsをインストールします。 先ほどのコードを実行すると
記事が見つかりません 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を開発す
node.jsを使ったSinatra風Webフレームワーク·Express MOONGIFT
ExpressはJavaScript製のオープンソース・ソフトウェア。node.jsはGoogle製のJavaScriptエンジンv8を使って作られたネットワークサーバで、Webサーバや何らかのメッセージを受け取るサービスを作るのに使えるサーバサイドJavaScriptを実現するフレームワークだ。 サンプルアプリケーション node.jsを使ってもWebサーバは作れるが、それはあくまでも作れるというレベルだ。もっと使いやすさを考えるならばWebアプリケーションフレームワークが欲しい。そしてそれをSintra風にまとめたのがExpressだ。 Expressはnode.jsを使いつつ、容易にサーバサイドJavaScriptを使ったWebアプリケーションを開発できるようにしたフレームワークだ。HTTPメソッドとしてはGET/POST/PUT/DELETEが使えるようになっている。テンプレートエ
GitHubにPushする前に記法チェック·Github Preview MOONGIFT
Github PreviewはMarkdown、textile、rdoc、org、creole、MediaWiki記法のリアルタイムプレビューがついたWebテキストエディタです。 GitHubのREADMEではMarkdownやTextile、RDocといった各種記法が利用できます。可読性も記述もしやすい記法とは言え、書いてPushして確認したら間違っていた…なんていったらショックなはずです。そこで使いたいのがGithub Previewです。テキストエリアで各種記法の記述、プレビューができます。 左側に入力するとリアルタイムに右側にHTMLへの変換結果が表示されます。 記法のヘルプもついています。 他の記法に変更することもできます。 Textileの記法ヘルプです。 対応しているのはMarkdown、textile、rdoc、org、creole、MediaWiki記法となっています。
これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
すごい！単なるテーブルを検索、ソート、グラフ化に対応するFirefoxアドオン·TableTools2 MOONGIFT
社内システムではテーブルがよく使われます。レポートも同様です。そんな一覧データを並び替えたいと思ったり、加工したいと考えるときは多いはずです。プログラマーが機能実装してくれれば良いですが、それが臨めないならTableTools2で独自に拡張してしまいましょう！ 配布はAdd-ons for Firefoxにて行っています。 インストールします。インストール後、一度再起動が必要です。 任意のテーブルでコンテクストメニューが表示されます。 テーブルのデータを使ってグラフを描くことができます。 棒グラフなど、複数のグラフに対応しています。 検索フィルタをつけたりできます。 列を消したり、テーブルの結合や比較もできます。 TableTools2ではテーブルを解析するため、theadやtbodyできちんとテーブルが表現されている必要があります。またソートは日付や数値、英語名などが対応しているので日本
Mac OSXのFinder風に動くドリルダウン式選択コンポーネント·jcvl MOONGIFT
ドロップダウンリストでカテゴリとサブカテゴリが連動したりする表示はよくあります。しかしあまり使いやすいとは言えません。そこでjcvlを使ってみましょう。ドリルダウン式、さらに複数選択もできる使いやすそうなコンポーネントです。 デモです。カラムは左からドリルダウンしていきます。選択すると、その結果が下にタグ上になって表示されます。 中央のカラムの選択を変更すれば、その右側のリストが変化します。 一段階のドリルダウンをした場合の表示です。この場合は三段目のカラムは表示されていません。子要素がない場合は「●」が表示されません。 コードです。リストを組み合わせたシンプルな作りになっています。 jcvlはリストを使うだけでドリルダウン式の（Mac OSXのFinder風の）UIを実現できる点にあります。Ajaxでコンテンツを取得しないので表示も高速です。カテゴリやタグなどの記入補助に使えそうです。
スマートフォンにも使える。SVGでグラフを描画するPythonライブラリ·svgplotlib MOONGIFT
svgplotlibはSVGで各種グラフを描画するPythonライブラリです。 Webシステムを作っていて悩みどころになりやすいのがグラフ表示です。もし利用言語がPythonで、スマートフォンへの対応も考えないといけない時にはSVGでグラフを描画するsvgplotlibが良い選択肢になるかも知れません。 グラフの例です。上にコードが書いてある通り、30度ごとに中心から70の線を引いています。 TeXを組み込んで数式を表示することもできます。 棒グラフです。 ガントチャートです。 折れ線グラフです。二つのデータを表示しています。 円グラフです。タイトルやラベルも表示できます。 対応しているのはTeXシンタックス、円グラフ、棒グラフ、ガントチャート、XYグラフとなっています。SVGなのでインラインに出力して表示できるのが魅力かもしれません。 svgplotlibはPython製のオープンソース
エラーやインフォメッセージの通知に使いたい。jQuery製通知ライブラリ·Notifier.js MOONGIFT
Notifier.jsはGrowl風通知を行うjQueryプラグインです。 Mac OSXではGrowlという有名な通知ソフトウェアがあります。バックグラウンドでの処理結果や、何か問題があった際に通知が出るのは慣れると手放せません。そんなGrowlに似た通知をjQueryで実現するのがNotifier.jsです。 リンクをクリックすると通知が右上に表示されます。この通知は一定時間が経つと消えます。 複数を同時に表示させることもできます。アイコン、タイトル、内容がカスタマイズできます。 いくつも出せます。 表示するコード。success、info、warning、errorを指定できます。 Notifier.jsを使えば見た目のデザインを変えずにエラーメッセージやお知らせを通知できるようになります。 Notifier.jsはjQuery/JavaScript製のソフトウェア（ソースコードは公
ネットワーク管理者必見！無線LANの強度を図面にマッピング·Netspot MOONGIFT
NetspotはMac OSX用のWifiネットワーク探索ツールです。測定を行って図面の上に強度をマッピングします。 オフィスに勤めていた頃、無線LANアクセスポイントを設置して、どこまで有効かチェックして効率的な配置をチェックしたりしました。無線は目に見えないため、可視化することで現状の問題が見えてくるかもしれません。その補助としてNetspotを使ってみましょう。 インストールはMac OSXらしくアイコンをドロップするだけです。 図面を画像にしておけば取り込めます。今回はサンプルの図面を使います。 距離の設定をします。この設定によって強度の計算が変わってくるものと思われます。 測定範囲を設定します。今回はこの赤枠の部分です。 測定中です。一カ所の測定は数秒で完了します。 四隅+中央で計測した結果です。 強度でグラフ化されました。Jerryというアクセスポイントの強度グラフです。 結果
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
Smartyの記法が使えるJavaScriptのテンプレートエンジン·jSmart MOONGIFT
jSmartはSmartyの記法を取り込んだJavaScriptのHTMLレンダリングエンジンです。 Webアプリケーションが増えていくにつれてニーズが上がっているのがJavaScriptのHTMLレンダリングエンジンです。今回紹介するjSmartはSmartyにインスパイアされた、有力なテンプレートエンジンになります。 サンプルです。HTMLが書かれています（当たり前ですが）。 コードです。こちらはテンプレート側、Smarty的な定義や書き方が使えます。 こちらはデータ型。JSONファイルで定義されているのみです。 jSmartを見て分かる通り、テンプレートとデータをミックスして表示しているだけです。データはJSONで定義した後、jSmartのオブジェクトに渡しているだけとなります。これだけシンプルな仕組みであれば、利用は簡単かもしれません。 jSmartはJavaScript製のオープ
Safari機能拡張として動作するYouTubeダウンローダー·YouTube video downloader for Safari MOONGIFT
YouTube video downloader for SafariはSafariの機能拡張として動作するYouTubeダウンローダーです。今は動かないようです。 筆者環境ではうまく動かなかったのですが誰かが直してくれることを期待してご紹介。随時やり方が変わっていくYouTubeの動画ダウンロード方法。YouTube video downloader for SafariはSafariの機能拡張として動作するYouTubeダウンローダーです。 インストールします。公式サイトでパッケージを配布しています。 インストールしたところです。 動画を見るとDownload Videoボタンが追加されるようになります。 本来であればDownloadの右に動画の品質順にリンクが並びます。そして右クリックから保存を選択してダウンロードできます。 筆者が試したところ、Flash版の画面ではダウンロードボタ
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
Windowsユーザだけじゃない。Adobe AIR製のiPhone/iPadエミュレータ·iBBDemo3 MOONGIFT
iBBDemo3はAdobe AIRで作られたiPhone/iPadエミュレータです。 Windows PCでiOS向けの最適化Webサイトをテストしたい時に使ってみたいのがiBBDemo3です。既にiBBDemo2はありましたが、各種バグフィックスと機能追加を行ったバージョンになります。 Adobe AIRではWebKitをブラウザのレンダリングエンジンに採用しているのでiOSと同じように閲覧できます。 アドレスバーを消すこともできます。 キーボードショートカット一覧です。iPad風にしたり、表示する向きを変える、Flashの有効/無効切り替えもできます。 iPadに変更してみました。 iPadの横向き表示です。検索機能は使えますが、それ以外のボタンは動きません。 Flashを有効にした状態での表示です。 Flashを無効にしている所です。 そうなるとこうやってブランクになります。 キー
MITの学生、教員向けのiPhoneクライアント·MIT Mobile iPhone MOONGIFT
MIT Mobile iPhoneはマサチューセッツ工科大学専用のiPhoneアプリです。 マサチューセッツ工科大学と言えば、言わずと知れた工学系に関して世界最高レベルの大学です。そんな知の結晶であるMITに通う教員、学生用に存在するのがMIT Mobile iPhoneです。 トップページ。アイコンが並んだダッシュボード風になっています。それぞれのアイコンが機能になっています。 シャトルバスの情報です。外部のサイトでリアルタイムのバス運行状況が確認できます。 公開電話帳です。恐らく教授などの番号が調べられるのだと思います。 キャンパスツアーも。MITの学生ならずとも楽しめそうです。 キャンパスツアーは電子書籍風になっています。 緊急電話番号です。大学内のエマージェンシーコールが並んでいます。 QRコードリーダーも。利用が多いのかも知れません。 設定です。シャトルバスのトラッキングがありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
