draw.io·VisioライクのドローWebアプリケーションがコード公開！ MOONGIFT
プロジェクトマネージャやリーダーがよく使うソフトウェアにVisioがあります。ネットワーク図、システム概要図などをまとめる際にはVisio Professional以上のステンシルが必要で、ちょっとした図を描くために購入するのを控えてしまう人も多いのではないでしょうか。 そんな方にお勧めしたいのがdraw.ioです。Visioライクに使えるWebアプリケーションになります。 draw.ioの使い方 最初に保存先を聞かれます。ローカルの他、DropboxやGoogle Driveへの保存が可能です。 テンプレートが多数用意されています。 組織図。 移動や削除はドラッグ&ドロップで。 様々なステンシルが用意されています。 画像出力の結果。左上のは筆者がドロップしたステンシルです。 他のテンプレートです。ビジネスプロセス。 チャート。 draw.ioはフローチャートなどをはじめとして、Visio
EvaporateJS - レジューム機能付き。Webブラウザから直接S3にファイルアップロード MOONGIFT
Webシステムで画像や動画、ファイルのアップロード先としてAmazon S3を利用しているケースは多いかと思います。従来、アップロード処理はサーバを経由して転送する必要がありましたが、今はブラウザから直接S3へ保存できるようになっています。 とはいえトークンの生成など必要な処理が幾つかありますが、それらに加えてレジューム機能まで提供してくれるアップローダーサンプルがEvaporateJSです。 EvaporateJSの使い方 まず最初にAmazon S3の管理画面にてCORS（Cross-Origin Resource Sharing）設定を行う必要があります。 こちらがEvaporateJSの画面。ファイルを指定します。 小さいファイルであれば一瞬にしてアップロードされます。サーバはトークン生成を行っていますが、ファイルの送信はJavaScriptから直接行っています。 サーバ側のログ。
Watchman·Facebook製のファイル/フォルダ監視ツール MOONGIFT
ファイルの変更を監視して何らかの処理を行うと言ったソフトウェアは静的サイトの流行もあって幾つか出てきています。軽量なもの、プラグインで拡張できるものなど色々ですが、今回はFacebookにより開発されているWatchmanを紹介します。 特徴としてはファイルの拡張子も問わず、指定したファイル（パターン指定可）が変更されたらそれをトリガーに何らかの処理を行うと言ったソフトウェアになるようです。さっそく見ていきましょう。 最も簡単な使い方として、CSSを変更したらミニファイする場合は次のようになります。 $ watchman -- trigger ~/src buildme '*.css' -- minify-css さらに複数のディレクトリ、ファイルを監視できます。 $ watchman watch ~/www この場合、~/wwwを監視対象に加えます。さらに別なディレクトリも監視対象に加え
Vagrantを設定ファイルをWeb上で作成·PuPHPet MOONGIFT
PuPHPetはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 Vagrantが注目を集めています。簡単に仮想サーバを立ち上げられますが、設定ファイルを書けばさらにコマンド一つで環境まで整ってしまいます。そんなVagrantの設定ファイルを設定を行うだけで生成してくれるのがPuPHPetです。 最初にディストリビューションを決めます。 次に最初にインストールするパッケージや設定を決めます。 HTTPサーバです。Apacheまたはnginxから選択します。 PuPHPetなのでPHPメインです。バージョンも5.3/5.4/5.5から選択できます。 PHPのモジュールです。入力補完がついているので簡単に選択できます。 PEARを組み合わせることもできます。 データベースです。MySQLまたはPostgreSQLが使えます。 後は設定ファイルをダウンロードするだけです。Zi
小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
便利！自分のローカル以下で異なるPHPを切り替える·PhpBrew MOONGIFT
PhpBrewは個人のホームディレクトリ以下に異なるバージョンのPHPをインストールできるソフトウェアです。 最近はバージョンの異なる実行環境を手元で手軽に切り替えられる仕組みが流行っています。rvmやnodebrew、perlbrewなどがありますが、PHPにおいて同様の環境を提供するのがPhpBrewです。 インストールはPearまたはソースをダウンロードして行います。 セットアップしました。.bash_profileに追記します。 これだけのバージョンをインストールできます。 5.3.10のインストールを開始します。 完了しました。24分かかったようです。 パスがローカルのものになっています。 phpbrew use systemでシステムに入っているものに代わります。 listで既にインストールされているものが一覧されます。 PhpBrewは他のbrew系ソフトウェアと同様にコマン
jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT
Twitter Bootstrap jQuery Mobile ThemeはTwitterのBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterのBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更
SVGはもっと面白くなる。プログラマブルSVGツール·IScrIptDesIgn MOONGIFT
IScrIptDesIgnはプログラミングを組み合わせたSVG作成ツールです。 SVGエディタと言えばInkscapeやIllustratorのようなドロー系ソフトウェアが多いですが、IScrIptDesIgnはそうしたソフトウェアに反対してプログラマブルなSVG作成ツールを目指しています。 最初の画面です。奇麗な筆記体です。 太さを動的に変更します。 傾きも変えられます。 ベジュ曲線が描かれています。 図形もあります。 なんともユニークな形です。 V字型の図形です。 四角が3つ並んだデモです。 あらららら。 髪の毛の長さを動的に変えられます。あなた好みの長さにどうぞ。 エクスポートボタンで描画するSVGタグが出力されます。 IScrIptDesIgnではSVGの描画に際して内部計算、再利用、パラメータ指定を可能にし、プログラマブルで動的なSVG作成を行います。様々なパターンが用意されてい
開発時に。送信内容が確認できるダミーのSMTPサーバ·smtp4dev MOONGIFT
smtp4devはWindowsローカル上に立てるダミーのSMTPサーバです。 システム開発においてメール送信を行う時はよくあります。SMTPサーバを立てたとして、間違って送信してしまうと大変な事態につながるかも知れません。そこで使ってみたいのがローカルで使えるダミーのSMTPサーバ、smtp4devです。 起動しました。まずはセキュリティ警告が出ます。 メイン画面です。この時点でポートは開いています。 オプションです。UIに関する設定です。 サーバ設定です。ポート番号はデフォルトで25です。 アップデートチェッカーもあります。 こんな感じで常駐します。 こんな感じでPHPからメールを送ってみます。 送信しました。すぐに反映されます。 さらに日本語件名のメールを送ってみました。文字化けせずに送信されています。 メーラーでメールの内容を確認できます。 さらに詳細を確認できます。 メッセージソ
お役立ち！PC/スマートフォン/ガラケー/IE6のみとしてWebサイトを検証するブックマークレット·mecalint MOONGIFT
mecalintはPC/スマートフォン/ガラケー/IEのみという視点でWebサイトを検証してくれるブックマークレットです。 mecalintはPC/スマートフォン/ガラケー/IE6のみとして任意のWebサイトを評価してくれるブックマークレットです。W3Cの検証とはまた異なる基準でWebサイトを検証してくれます。 ブックマークレットを実行しました。ページ下にツールバーが表示されます。 PC向けで評価したところです。IEのPNG、classの小文字キャメルケースで大きな減点が… スマートフォン向けとして評価したところです。若干低いといった程度です。 PC向けサイトを携帯電話向けとして評価するとやはりすごい点数が。 mecalintでは全部で20項目のテストを行ってくれます。ついやってしまいがちなミスを防ぐのに役立ちそうです。特にスマートフォンとガラケーの違いをまとめてチェックしてくれるのが便利
セキュアにデータを扱うために。クライアントサイドでのRSA/AES暗号化ライブラリ·cryptico.js MOONGIFT
cryptico.jsはJavaScriptでRSA/AES暗号化/復号化を行うライブラリ。 cryptico.jsはJavaScript製のオープンソース・ソフトウェア。Webサイトで重要なデータを扱う場合、暗号化処理を行うのが一般的だ。SSLはもちろん、DBに入れるときも暗号化する。パスワードのように可逆変換を求めない場合はハッシュ値を保存するだろう。 画面下にてテスト中 それ以外のコンテンツであってもユーザだけが知っていれば良い、またはユーザだけが知るべきコンテンツであれば暗号化する方が良い。そんな時に使えそうなJavaScript暗号化ライブラリとしてcryptico.jsを紹介しよう。 cryptico.jsはJavaScriptによるRSA、AES暗号化ライブラリだ。ビット数も指定可能で、例えば1024bitでの暗号化も可能だ。キーフレーズも利用でき、まず秘密鍵を生成する。そし
SubversionとGitリポジトリを両方利用できるようにする·SubGit MOONGIFT
SubGitはSubversionとGitの二つを利用できるようにするソフトウェア。 SubGitはJava製のフリーウェア。企業においてはSubversionが使われることが多い。だが個人の開発者や新しいプロジェクトからはGitを使っていこうという動きも見られる。とは言え新しいバージョン管理を覚えるのも大変なことだ。 実行中 発言力をもったメンバーがSubversionでいいじゃないかと言ってしまえばGitへの移行もおいそれと実現しないだろう。そこで使ってみたいのがSubGitだ。 SubGitは既にあるSubversionのリポジトリをGit化してしまうソフトウェアだ。移行するのではなく、両方が共存できるようにしてしまう。Java製のプロキシサーバ的なものがローカルに立ち上がる仕組みになっている。これがGitとSubversionの仲介役を務めるのだろう。 さらにSubversionリ
WindowsのJSONを使った開発のお供に。JSONをツリービューに展開する·JSON Viewer, MOONGIFT
JSON ViewerはVisual Studioとの連携も可能なJSONビューワー。 JSON ViewerはWindows用のオープンソース・ソフトウェア。XMLを面倒なものに感じていたのはタグの仕組みによって記述が冗長的になってしまうからだった。ライブラリがあるので利用はさほど難しくないが、自分で作成するのは面倒だった。 貼付け そこで登場したのがJSONだ。XMLほど複雑な表記に対応できる訳ではないが、その代わりにとてもシンプルに記述できる。また、大抵の場合はそこまで複雑な定義は必要としないだろう。JSONは元々Web向けの技術だったが、最近は変わってきている。そこで登場したのがJSON Viewerだ。 JSON ViewerはWindows用のソフトウェアで、JSONフォーマットの文書を貼付けると、ツリー状に展開してくれるソフトウェアだ。JSONは改行などをなくして送受信される
旅行やネットワークがない時の準備に。オフライン用地図を生成する·Mobile Atlas Creator MOONGIFT
Mobile Atlas Creatorは各種デバイス/アプリに対応したオフライン利用用地図を作成するソフトウェア。 Mobile Atlas CreatorはJava製、Windows/Mac OSX/Linux用のオープンソース・ソフトウェア。スマートフォンや携帯電話でよく使われるソフトウェアの一つが地図アプリだ。出かける時や旅行先などで活躍しているアプリだ。特に海外旅行などで便利だ。 メイン画面 しかしネットワークがなければ使えないというのはとても不便だ。海外旅行先などでははじめから現地のSIMがない場合も多く、そのような時はオフラインで確認できる地図が便利だ。そこで紹介したいのがMobile Atlas Creatorだ。 Mobile Atlas Creatorはオフラインでも使える地図を作製するソフトウェアだ。地図の元データとしてはOpenStreetMap、Googleマップ
サーバとクライアントで互いのメソッドを呼べるnode.js用ライブラリ·nowjs MOONGIFT
nowjsはリアルタイムWebアプリケーションを手軽に実行できるnode.js用ライブラリ。 nowjsはJavaScript製/node.js用のフリーウェア（ソースコードは公開されている）。node.jsではWebサーバとクライアントが同じJavaScriptによって開発できるのがメリットになっている。とは言え全く同じという訳ではなくサーバ側独自の機能は存在する／ サンプルのチャットアプリケーション もっと親和性高く、サーバとクライアントが互いにメッセージを飛ばし合えるとすればどうだろう。チャットのような相互通信系のWebアプリケーションや、コラボレーション機能が充実するはずだ。それを可能にするライブラリがnowjsになる。 nowjsはnode.js（サーバ）とWebブラウザで共通の関数を定義して、互いに関数を呼び合えるシステムだ。つまりサーバからクライアントの関数を実行（プッシュ）
MongoDBを使った開発のお供に。MongoDB版phpMyAdminとも言うべき「RockMongo」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
RockMongoはPHP製のMongoDB管理インタフェース。 RockMongoはPHP製のオープンソース・ソフトウェア。NoSQLデータベースが注目を集めている。RDBMSに代わるとは思いがたいが、使いどころによってはNoSQLの方がパフォーマンスが高く、より高速なWebサービスを構築できるメリットがある。 ドキュメント一覧 そのNoSQLの一つして知られているのがMongoDBだ。ドキュメント指向データベースとしても知られ、複数サーバにまたがったようなスケーリングにも対応している。そんなMongoDBを扱う上で便利な管理インタフェースがRockMongoだ。 RockMongoはMongoDB用のPHP製管理インタフェースだ。MySQLで言う所のphpMyAdmin的存在だ。データベースの一覧、コレクションの一覧、ドキュメントの一覧など階層的に閲覧できるようになっている。もちろんコ
便利！jQueryのアクションをビジュアル的に作成する·IxEdit MOONGIFT
jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。 jQueryを使った開発にぜひ！ 単純なJavaScriptであれば、オーサリングツールで対応しているものもある。だがjQueryのような高度なJavaScriptフレームワークには対応していない。そこで使うのがIxEditだ。 今回紹介するオープンソース・ソフトウェアはIxEdit、jQueryのビジュアルアクションビルダーだ。 IxEditは既に組み上がっているWebサイトに対して使うライブラリだ。指定されたJavaScriptファイルとCSSを読み込むと、Webサイトにフローティングウィンドウが表示される。そし
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が使えるようになっている。テンプレートエ
MOONGIFT Androidアプリ開発のお供に「Android UI Utils」
Android UI UtilsはAndroid用のオープンソース・ソフトウェア。AndroidはGoogleという技術先行の企業がメインで開発しているだけに、あまりアプリケーションのデザイン部分に手が回っていない印象を受ける。開発者はよくとも、デザイナーにとっては問題だろう。 Pencil用の素材 とは言えAndroid自体がオープンソースということもあって、周辺のオープンソース・ソフトウェアも増えつつある。もしあなたがAndroidアプリのモックなどを作成するならばAndroid UI Utilsを試してみるといいだろう。 Android UI Utilsは幾つかのソフトウェアがセットになっている。まずFirefoxのプロトタイプ作成ツールであるPencil用のソフトウェアがある。これをインポートすると、Androidに適したUIコンポーネントが利用できるようになる。 HTML5で画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
