Snapdrop - これは便利！WebベースのAirDrop MOONGIFT
Mac OSXやiOSで使えるAirDropは便利で、近くにいる人（デバイス）と簡単にファイルを送りあうことができます。AndroidやWindowsなど、他のデバイスでも同じことがしたいと思うケースは多々あります。 擬似的に似たようなことができるアプリもあるのですが、Snapdropはなんとアプリのインストール不要で使えます。 Snapdropの使い方 Snapdropのサイトを表示したところです。 iOS側でも開いていると、こんな感じで相手が表示されます。 ファイルをドラッグ&ドロップすれば相手にダウンロード表示が出ます。 ファイルを受け取れば開いたり、保存できます。 blobで渡されています。 逆にiOSから送ることもできます。 ファイルが渡せました。 さらにテキストも送れます。 iOS側で受け取ったところです。 Snapdropを使えばWebブラウザを通じて各デバイスとのデータ送受
Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT
レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介します。 Materializeの使い方 今回はスクリーンショット多めに紹介します。 Materializeはレスポンシブかつマテリアルデザインのフレームワークになっています。開発の高速化、ユーザ体験重視、ドキュメントとサンプルを多めにして学習コストを低くするといった特徴があります。 MaterializeはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（MIT Lic
draw.io·VisioライクのドローWebアプリケーションがコード公開！ MOONGIFT
プロジェクトマネージャやリーダーがよく使うソフトウェアにVisioがあります。ネットワーク図、システム概要図などをまとめる際にはVisio Professional以上のステンシルが必要で、ちょっとした図を描くために購入するのを控えてしまう人も多いのではないでしょうか。 そんな方にお勧めしたいのがdraw.ioです。Visioライクに使えるWebアプリケーションになります。 draw.ioの使い方 最初に保存先を聞かれます。ローカルの他、DropboxやGoogle Driveへの保存が可能です。 テンプレートが多数用意されています。 組織図。 移動や削除はドラッグ&ドロップで。 様々なステンシルが用意されています。 画像出力の結果。左上のは筆者がドロップしたステンシルです。 他のテンプレートです。ビジネスプロセス。 チャート。 draw.ioはフローチャートなどをはじめとして、Visio
レスポンシブなグリッドだけを提供する軽量スタイルシート·fitgrid MOONGIFT
fitgridは本番環境下でも耐えられる軽量なレスポンシブグリッドなスタイルシートです。 レスポンシブなWebデザインを実現するのは大変ですが、Bootstrapを使うとそれっぽさが残ってしまう…。そんなジレンマを感じている方はfitgridを試しましょう。fitgridは軽量なグリッドレイアウトを提供します。 デスクトップサイズでの表示。 1〜4列で細かく制御できます。 タブレットサイズ。幅が狭くなっても奇麗に表示されます。 画像もグリッドに沿っています。 幅を狭くすると画像の並びも変わります。 一番狭くした場合。整然と並んで表示されます。 fitgridは横幅を12に分割してグリッド化します。.fg3といったクラスを使えば4つ並べられる計算です。12を一つ、4を3つといった具合に組み合わせて利用できます。fitgridは軽量であり、本番環境下でも使えるように余計なことはしないように設計
Bootstrapで物足りなく感じているウィジェットをまとめて提供·Fuel UX MOONGIFT
Fuel UXはBootstrap用、JavaScript/CSS製のオープンソース・ソフトウェア（MIT License）です。 Bootstrapを使ってWebアプリケーションを開発していると、どうしても足りないコンポーネントが出てきます。ネットで探せば見つかるのですが、組み合わせている内にバランスが悪くなってしまいます。そこで使ってみたいのがFuel UXです。 様々なウィジェットが提供されています。まずチェックボックス。 コンボボックス。選択した情報が取得しやすいです。 データグリッド。検索でのフィルタリング、ページネーションもサポート。 検索すると右側に×ボタンが出ます。分かりやすいですね。 タグ。×ボタンも出ていて消すのも簡単です。 検索ボックス。 スピナー。上下のボタンを使って値をインクリメントできます。 ツリー。エクスプローラライクな表示が実現できます。 ウィザード。パン屑
お勧め！Windows/Mac OSX双方で使えるGit/Hgクライアント·SourceTree MOONGIFT
SourceTreeはWindows/Mac OSX用のGit/Mercurialクライアントです。 個人的にはGitリポジトリを操作する時にはターミナルで行っているのですが、やはりGUIの方が便利という人も多いはずです。そこでWindows/Mac OSX双方で使えるGit/MercurialクライアントのSourceTreeを紹介します。 リポジトリ一覧です。 リポジトリブラウザ。グラフや説明、編集したユーザなどが一目で分かります。 SourceTreeは日本語ローカライズも行われており、リポジトリに対する操作は上にボタンが並んでいるので一目で分かるようになっています。コミットやチェックアウトといった日常的な処理もSourceTreeから簡単にできます。さらにGitもMercurial（Hg）も変わらずに操作できるのが魅力です。 SourceTreeはWindows/Mac OSX用の
Facebook製。プログラマー向けのプロジェクト管理·Phabricator MOONGIFT
PhabricatorはFacebookが開発しているプロジェクト管理です。ソースコードレビュー、バグトラッキングなど開発者フレンドリーな機能が数多くあります。 企業においてGitHubをソースコードリポジトリ/プロジェクト管理に使っているケースも増えてきていますが、大規模な企業では難しいケースも多いでしょう。そこで紹介したいのがFacebookで開発されているPhabricatorです。 最初にログインを求められます。 ついでユーザ名を入力します。 ダッシュボードです。 チケットの詳細画面です。 ソースコードレビュー。 もちろんコードハイライター付き。 リポジトリビューワー。 コミットログ。 画像付きでディスカッションもできます。 Wiki。 IRCのチャンネルリスト。 PhabricatorではGit/Subversion/Mercurialをサポートしています。また、OSはWindo
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
社内で立てられるGistサーバ·Gistub MOONGIFT
GistubはGitHubの提供するGistのクローンです。 GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。 パブリックなGist一覧。 ソースコードハイライト付きです。 編集画面です。 編集すると履歴がつきます。 新しいGistの追加画面。 プライベートなGistも作成できます。 Gistubはエディター画面こそ単純なテキストボックスで、ハイライトする言語指定ができないものの他はGistと変わらず普通に使えるようになっています。社内で立ててチームで使ったりするのに良いのではないでしょうか。 GistubはRuby/Ruby on Rails製、MIT Licenseのオープンソース・ソフトウェアです。 MOON
HTML5/CSS3を使った多機能デザインフレームワーク·HTML KickStart MOONGIFT
HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。 最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。 リストとメニュー。 メニューは階層対応。 テーブル。 ツールチップ。上下左右自在です。 アイコン。 プログラミングコード。 ボタン。 タブ。 パン屑。 グリッド。 画像。 スライドショー。 動画、地図、カレンダー。 フォーム。 入力フィールドのサイズ。 その他色々。 極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
Webデザイナー向け。CSSを手軽に楽しむ·dabblet, MOONGIFT
dabbletはHTMLとCSSを記述してその結果をリアルタイムで確認できるソフトウェアです。データをGistに保存できます。 dabbletはCSSのプレイグラウンドです。HTMLとCSSを記述してリアルタイムでその適用結果を確認できます。 トップページです。上半分が適用されたHTML、下がそのCSSとなっています。 上にマウスを持っていくとメニューが表示されます。 ログインします。GitHubアカウントでログインできます。 色のところにマウスを持っていくとマウスオーバーで色が表示されます。格好いい！ グラデーションだとバルーンもグラデーションがかっています。 HTMLに切り替えて記述もできます。 メニューも色々です。保存しておくこともできます。 表示の配置を変更できます。 重ねて表示もできます。 Gistに保存できます。 dabbletを使うとリアルタイムに記述したスタイルシートがその
これはいい！設置するだけでWebサイトを高速化·FastPage MOONGIFT
FastPageは静的サイトを対象にしたWebサイト高速化ソフトウェアです。 Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。 ファイル構成です。 例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。 FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ（サーバサイド、クライアントサイド）の利用などの施策がとられています。 なお商用版ではAmazon S3やWindows Azureを使ったCDN配信
面白い！WebSocketを使ってWebブラウザでVNCライクに操作·WebSocketRemote MOONGIFT
WebSocketRemoteはWebSocketを使ってWebブラウザを使ってVNCライクなPCリモート操作を実現するソフトウェアです。 WebSocketを使って色々なWebアプリケーションが作られていますが、WebSocketRemoteはひと味違います。何とWebSocketでVNCライクなリモートPC操作を実現しています。 起動するとメニューバーに常駐します。この時点で既に使える状態です。 他のPCからWebブラウザでアクセスできます。デュアルスクリーンにも対応しています。 スマートフォン対応もしています。 WebSocketRemoteはマウスクリックのイベントのみサポートしているので、今のところキーボード入力はサポートしています。またiOS向けには画面を表示するリモートモードの他、マウスポインタ代わりに使えるマウスモードというのが用意されています。 WebSocketRemo
企業で便利。バグ予測システムのBugSpotsをSubversion対応·BugSpots-Svn MOONGIFT
BugSpots-SvnはBugSpotsをSubversion対応させたソフトウェアです。 個人プログラマーの中では普及しているGitですが、企業ではまだまだSubversionが主流でしょう。そこでバグ予測システムであるBugSpotsのアルゴリズムをSubversionに対応させたソフトウェア、BugSpots-Svnが登場しました。 インストールです。Gemを作成してインストールします。別途SubversionのRubyバインディングが必要です。 結果です。リポジトリに関する情報やHotspotsが一覧されます。 こちらもまた結果がカラーリングされていて見やすいです。 BugSpots-Svnを使えばバグがなくなるという訳ではありませんが、更新を続けているとバグが起こる可能性は高くなってきます。ということでSubversionをリポジトリとして開発している企業は使ってみることをお勧
開発時に。送信内容が確認できるダミーのSMTPサーバ·smtp4dev MOONGIFT
smtp4devはWindowsローカル上に立てるダミーのSMTPサーバです。 システム開発においてメール送信を行う時はよくあります。SMTPサーバを立てたとして、間違って送信してしまうと大変な事態につながるかも知れません。そこで使ってみたいのがローカルで使えるダミーのSMTPサーバ、smtp4devです。 起動しました。まずはセキュリティ警告が出ます。 メイン画面です。この時点でポートは開いています。 オプションです。UIに関する設定です。 サーバ設定です。ポート番号はデフォルトで25です。 アップデートチェッカーもあります。 こんな感じで常駐します。 こんな感じでPHPからメールを送ってみます。 送信しました。すぐに反映されます。 さらに日本語件名のメールを送ってみました。文字化けせずに送信されています。 メーラーでメールの内容を確認できます。 さらに詳細を確認できます。 メッセージソ
スマートフォン向けWebサイトを作る際に導入検討したいJavaScriptフレームワーク·Wink toolkit MOONGIFT
Wink toolkitはスマートフォン向けWebサイトを構築するためのJavaScriptフレームワーク。 Wink toolkitはJavaScript製のオープンソース・ソフトウェア。スマートフォンではこれまでのデスクトップ向けの開発手法とは大きく異なる部分がある。まず画面サイズの制限が大きく、マウスのようなデバイスではなく直接タッチする。さらに独自の拡張もある。 デザインも上品で見やすい画面 そんな状況下ではライブラリも独自のものが求められるようになる。Wink toolkitはスマートフォン向けのWebアプリケーション開発用JavaScriptライブラリだ。 Wink toolkitの機能は実に多い。あまりに多くて語りきれないほどだ。まずスマートフォンに最適な表示が容易に実現できる。テーマに対応しているので色合いを変えることも可能だ。続いてあげるとページフリップでページ送り機能の
これは凄いぞ！スマートフォン向けHTML5生成プログラミング言語「mobl」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。 moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで（iOS/Android/Palm Pre/Blackberryなど）HTML5の恩恵にあずかりやすいのが良い。 開発環境はEclipse そんなHTML5のパワーを使えば、まるでネイティブアプリのような動作をさせることも可能になっている。そのためのスマートフォン向けライブラリは数多くあれど、moblは一味も二味も違う。完全に専用言語でスマートフォン向けWebアプリケーションを開発できる。 moblはEclipse用のプラグインを配布しており、それをインストールした後プロジェクトを作成する。使うのはmoblという拡張子の
複数人で同時に編集するWebベースの表計算アプリ·TOMUSS MOONGIFT
TOMUSSはPython製のオープンソース・ソフトウェア。GoogleドキュメントやZohoではWebベースの表計算ソフトウェアを提供している。さらに大御所、Microsoftまでoffice.comでWebブラウザベースのMS Officeを投入することになっている。オフィススイートもついにWebアプリケーション化するのだ。 複数人で同時編集できる Webアプリケーションになっても、これまでと同じ使い方をするのであれば全く意味がない。大きな利点になりえるのがコラボレーション機能だ。同時に複数人で一つのドキュメントを作り上げる。それを実現するのがTOMUSSだ。 TOMUSSはThe Online Multi User Simple Spreadsheetの略で、表計算について複数人での同時編集が可能なWebアプリケーションになっている。システムはPythonで作られており、Webサーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年の電子書籍市場を振り返る&2011年に登場した関連ソフトウェア×18選 MOONGIFT