Webブラウザ、Google ChromeでJSON構造の確認、編集·JSON Editor Online MOONGIFT
JSON Editor OnlineはWebブラウザやGoogle Chrome機能拡張として動作するJSONビューワー、編集ソフトウェアです。 RESTfulのWeb APIなどでよく使われるようになったJSONフォーマット。構造が分かりづらかったり、自分で手作業でJSONファイルを作成したりするといった時に便利なのがJSON Editor Onlineです。 トップページです。左側がJSON、右側がその解析結果のツリービューです。 項目を追加しました。中央にある左右の矢印ボタンをクリックすると反映されます。 右側でツリーを使って値を変更したりキーを追加したりできます。 その結果を逆に差し戻すこともできます。 配列も表現されています。 検索機能もあります。 URLを指定してJSONの取得ができます。 JSONの内容は小さくすることも可能です。 JSON Editor OnlineではJS
手軽に電子書籍を作成できるコマンドツール·easybook MOONGIFT
easybookは電子書籍作成のためのベース生成、PDF/HTML生成をコマンドベースで行えるソフトウェアです。 電子書籍を作成するのは大変そうなイメージがありますが、easybookを使うとごく手軽に作成を進められます。書籍作成プロジェクトの作成から実際の電子書籍生成まで一通り面倒みてくれます。 とりあえず実行しました。幾つかのコマンドが用意されています。 まずは新規ブックを作成します。 作成しました。 構成はこういう形になっています。 設定ファイルの内容です。 次に作成です。文書のタイトルとエディションを選択します。例えばprintはPDF生成します（設定できます）。 生成されました。奇麗なPDFです。 目次も生成されています。 コードも奇麗です。 エディションをwebにするとHTMLが生成されます。 コード部分も奇麗です。 デモ動画です。 easybookはコマンドラインでファイルを
Mac OSXのWeb開発のお供に·HTTP Client MOONGIFT
Webシステムを開発している時に、ネットワーク上のよく分からないエラーにはまることがある。また、ブラウザでは実行できないHTTPメソッド（PUT/DELETEなど）の実行結果を確認したり、デバッグしたりするのは手間がかかる作業だ。 HTTPメソッドをブラウザのように実行 それを緩和してくれるのが開発用HTTPクライアントだ。Firefox向けにはRestTest、Windows向けRESTClientにはがある。そしてMac OSX向けにはHTTP Clientが利用できる。 HTTP ClientはBSDライセンスの下に公開されているオープンソース・ソフトウェアで、Webシステムの開発やマッシュアップ開発に役立つソフトウェアだ。 HTTP ClientはURLを指定し、特定のHTTPメソッドとデータを付与して実行できる。利用可能なメソッドはGET/POSTの他、PUT/DELETE/HE
Eclipse上で帳票設計。JasperReportsデザイナープラグイン·Jaspersoft Studio MOONGIFT
Jaspersoft StudioはEclipse用プラグインで、JasperReportsの帳票設計を行うためのソフトウェア。 Jaspersoft StudioはJava製、Eclipse用のオープンソース・ソフトウェア。基幹システム系の開発では、その結果は全て何らかの帳票に出力されて完結する（帳票に関連しないならば無用なデータとも言える）。帳票はとても重要視され、デザインにおいても精度の高いものが要求される。 デザイン確認 Webベースのシステムでは帳票の設計、出力がとても苦手だ。とは言え幾つかのソフトウェアが既に存在する。その一つがJasperReportsだ。そしてJasperReports向けに設計された帳票のデザインを確認したり、若干の修正を行えるのがJaspersoft Studioになる。 Jaspersoft Studioの特徴としてはEclipseプラグインで提供され
jQuery Mobileを使ったスマートフォン向けHTML5フレームワーク·The-M-Project MOONGIFT
The-M-ProjectはiOSやAndroidといったスマートフォン向けに特化したWebアプリケーションフレームワーク。 The-M-ProjectはJavaScript/HTML5製のオープンソース・ソフトウェア。Webアプリケーションが本格的に取り入れられるようになっている。AjaxなどによるWebアプリケーションの操作性向上に加えて、JavaScriptで実現しうる機能が増えていることに要因があるだろう。 サンプルのTodoアプリ そしてもう一つがHTML5の存在だ。PCブラウザ向けにはまだ全面採用は難しいものの、スマートフォンであれば採用できるだろう。そんなスマートフォン向けのWebアプリケーションを開発する際に使えるフレームワークがThe-M-Projectだ。 The-M-ProjectはHTML5を採用したWebアプリケーションフレームワークだ。iOSはもちろん、Andr
node.jsとWebSocketを使ってアクセスログをリアルタイムにビジュアル化·maptail.js MOONGIFT
maptail.jsはアクセスログをリアルタイムに地図上へマッピングするソフトウェア。 maptail.jsはJavaScript/node.js製のオープンソース・ソフトウェア。node.jsに注目が集まっている。様々なソフトウェアが日々開発されていて、そのどれもが新しい技術を積極的に取り入れている。例えばHTML5だ。 こんなに奇麗に HTML5を使えばどんなことができるのか、それは実際にできあがったものを見てみるのが一番分かりやすいはずだ。その例として紹介したいのがmaptail.jsになる。MapとTailを組み合わせたこのソフトウェアはnode.js/HTML5を知る上できっと面白いはずだ。 maptail.jsを起動する時には何らかのログファイル（通常はアクセスログ）を指定して実行する。そうするとアクセスログをリアルタイムに解析し、IPアドレスから位置情報を取得して地図上にマッ
サイトがOpenIDに対応しているならば·openid-realselector MOONGIFT
openid-realselectorはjQuery/JavaScript製のオープンソース・ソフトウェア。最近ではWebサイトの認証にOpenIDを利用するケースも増えている。かつGoogleやYahoo!など大手のWebサービスでもOpenIDプロバイダーとして使えるようになっている。 選択すれば良いだけ GoogleやmixiといったOpenID 2.0に対応したサービスではURLが共通化されたために入力する手間も省けるようになっている。そうした対応サービスを個々に並べるのが面倒という人はopenid-realselectorを使ってみよう。 openid-realselectorはGoogleやYahoo!、AOLなど主立ったWebサービスをアイコンで並べてOpenID認証をしやすくするライブラリだ。さらにユーザ名を入れる必要がある場合も、FlickrやWordPress、Blog
覚えておくときっと役立つ。Webアプリケーション用のリッチなUIフレームワーク·Alloy UI MOONGIFT
Alloy UIは数多くのウィジェットを提供するUIフレームワーク。 [/s2If] Alloy UIはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア。Webの役割は大きく変わってきている。シンプルなホームページと言われた時代は終わり、Webアプリケーションやソーシャルサービスのようにオンライン上でやり取りされるデータが増している。 入力補完 それに伴ってWebベースでもリッチなUIが求められるようになってきた。日付をカレンダー入力したり、ソートやドラッグアンドドロップなどを実装して欲しいと言われることも多い。そのようなニーズに幅広く答えられるライブラリがAlloy UIだ。 Alloy UIは実に多くのコンポーネントを提供する。入力補完、グラフィカルなボタン、カレンダー、画像が定期的に切り替わるスライダー、カラーピッカー、グラフ、ダイアログ、インラインエディタ
各種JavaScriptライブラリをCDNで提供する·Cached Commons MOONGIFT
Cached CommonsはWebベースのオープンソース・ソフトウェア。jQueryやPrototype.js、各種MVCなどJavaScriptが利用されるケースは増え続けている。それに伴ってWebブラウザ側で読み込む量も増加している。これは意外と帯域を使う。 様々なライブラリがそろっている アクセスが少ない内は良いが、数百万アクセスに対して多数のJavaScriptファイルを送信するとなると速度面も問題になる。そこで使われるのがCDNだが、無料で使えるものとしてCached Commonsを紹介しよう。 Cached Commonsはグラフ化、HTML5、IE用、jQuery（本体&プラグイン）、3D、物理エンジン、MVC、Flash、テスト、WYSIWYGライブラリを提供している。GithubのCDNを使っているので高速に配信できるのが特徴となっている。ライブラリを選択してCOPY
Mac OSX用の正規表現確認ツール·Reginald RegEx explorer MOONGIFT
Reginald RegEx explorerはMac OSX用のフリーウェア（ソースコードは公開されている）。プログラマーなら誰しもが使うであろう正規表現。簡単な表現であればすぐにできるが、オプションを使ったり複雑な条件下で正規表現を使おうとするとなかなかうまくいかずハマってしまうことがある。 マッチングした部分がハイライト表示する そこでコードを実行する前に自分の作った正規表現が正しいのか否か確認が出来ると便利だ。細かく言えばプログラミング言語や環境によって記述が異なる場合があるが、それでも便利に使えそうなのがReginald RegEx explorerだ。 Reginald RegEx explorerはMac OSX上で正規表現を書き、それが正しく認識されるか試すことが出来る。元になるテキストと正規表現を書くと、右下にマッチングした結果が表示される。さらに左下にはテキスト中のマッ
Google App Engineを使ったブログシステム·keb-log MOONGIFT
keb-logはGoogle App Engine用/Python製のオープンソース・ソフトウェア。Google App EngieはWebサービス開発者向けのシステムだと思われているが実はそうではない。一定のリソースまでは無料なホスティングサービスと考えることもできる。 エントリー画面 自分で開発する必要もない。既に多数のソフトウェアがGoogle App Engine用に開発されている。例えばブログがそうだ。自分の独自ブログを立てたいならばkeb-logのようなソフトウェアをダウンロードして利用すれば良い。 keb-logはDjango製のブログシステムで、カテゴリやタイトル、本文、タグ、要約を記事としている。画面上部に年数が並び、その下に月が並ぶという独特なインタフェースになっている。記事には画像も貼付けることが可能だ。 投稿画面 各記事にはコメントが付けられる。一部のデータはkeb
Google App Engineで他サービスの認証を用いる·gaema MOONGIFT
gaemaはPython製/Google App Engine用のオープンソース・ソフトウェア。Google App EngineではGoogleの認証システムが容易に使えるようになっている。とは言えOpenIDが多数のサイトで対応している現在、認証としては他のサービスを使いたい場合も多い。 OpenIDでログインするサンプル 類似のサービスとしてはTwitterやFacebookが挙げられるだろう。この手のサービスならば通知も兼ね備えるので、さらに使い勝手が良い場合もありそうだ。そんな多彩な認証ニーズに応えるのがgaemaだ。 gaemaは認証統合ライブラリとも言うべきソフトウェアで、OpenID認証の他、OAuth、Googleアカウント、Facebook、FriendFeed、Twitterといったサービスに対応している。デモ版ではGoogleアカウントに対応したものが試せる。 ログ
開発時の便利なローカルメールサーバ·Papercut MOONGIFT
PapercutはWindows向けのフリーウェア（ソースコードは公開されている）。システム開発を行っている時に最も厄介なのがメールの取り扱いだ。メールサーバがなければエラーが起きるし、かといってサーバを立てて本当にメールが出てしまっても困る。本物に近いデータを使っていて、間違ってメールを送ってしまったなんて経験は誰しもがあるのではないだろうか。 ローカルで立てる開発用メールサーバ そのような時に便利なのがローカルコンピュータ上で立てるメールサーバだ。開発環境の設定さえ行えば、これでメールの送信ができるようになる。Windowsの環境であればPapercutを使うのが手軽で良さそうだ。 Papercutを起動するとタスクトレイに常駐する。後は任意のプログラムからメール送信を行うとPapercutが受信してくれるようになる。もちろんlocalhost:25でプログラム側のメールサーバの設定を
Excelをテンプレートに帳票を作成する·ExCella MOONGIFT
Webのシステムが最も苦手にしているのが帳票システムだ。幾つかのソフトウェアは存在しているが、海外製であるために日本語の取り扱いに問題があったり、レポートテンプレートがビジュアル的に作れなかったりと問題点もある。 Excelで書かれた帳票テンプレート そんな中、ExCellaのとった方法は最適な解と言えそうだ。何せ使うのは一番慣れているであろうExcelなのだ。 今回紹介するオープンソース・ソフトウェアはExCella、Excelをテンプレートに用いた帳票作成ライブラリだ。 ExCellaは全部で3つのパートに分かれる。ExCella CoreはExcelに書かれているデータをJavaオブジェクトに変換する。データベース以外の入力データでもExCellaを使えば簡単に帳票元データとして利用できる。 サンプルの帳票データ（公式サイトより） ExCellaはExcelファイルで作ったテンプレー
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
Googleリーダーとはてなブックマークを使う人は·Google Reader plus Hatena MOONGIFT
情報収集の効率化を考えてRSSリーダーを使っている人は多いだろう。そしてWeb型のRSSリーダーとして有名なものといえばGoogleリーダーがある。多数のフィードを購読しても問題ない動作の速さはあるが、さらに効率的に情報をチェックしたいという人も少ないないだろう。 みんなが注目しているニュースが一目で分かる！ そんな時に役立つのが他の人による注目度だ。皆が注目しているニュースをざっくばらんにチェックして、その後他のフィードを消化していく、そんな習慣がつけられるようになるのがGoogle Reader plus Hatenaだ。 今回紹介するオープンソース・ソフトウェアはGoogle Reader plus Hatena、Googleリーダーにはてなブックマーク情報を追加するユーザスクリプトだ。 Google Reader plus HatenaはGreasemonkeyまたはGreaseK
IE6を殲滅せよ·sevenup MOONGIFT
※ 画像は公式サイトより Webシステムの開発に関わる方であれば、皆がIE6は嫌だと思っている。IE7も微妙かも知れないが、それでもIE6以前に比べれば十分に良い。Vistaがもっと普及していればIE7率はもっと高かっただろうに、今ではIE5.5、IE6、IE7そしてIE8と混在している状態だ。 IE6ユーザに警告する、ただちにIE7へバージョンアップしなさい！ IE6はもう嫌だ、もうサポートしないと決めたならsevenupを使ってみるのも良さそうだ。 今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。 気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す
各種ブラウザで使えるクリップボードへのコピーライブラリ·Zero Clipboard MOONGIFT
確かIEではクリップボードのコピーをJavaScriptから実現することができる。これは便利な反面、若干の怖さもある。そのためか他のブラウザではできないようになっている。とは言え、場合によってはとても便利な機能になるはずだ。 ブラウザで任意の文字列コピーを実現するライブラリ そのブラウザからクリック一つでコピーを実現するライブラリがZero Clipboardだ。 今回紹介するオープンソース・ソフトウェアはZero Clipboard、各種ブラウザで使えるコピーライブラリだ。 Zero Clipboardではその機能実現にFlashを利用している。FlashではsetClipboardを使うことでクリップボードへの任意の文字列コピーを実現する。Zero Clipboardではその機能を提供しているので、Flashさえ使えるブラウザであればコピー機能が実現できる。 エレメントのデータをクリッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
