Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
node.js blob service gateway - VMWare社製のAmazon S3互換サーバ MOONGIFT
Webサービスを構築する際にAmazon S3は欠かせない存在になっています。データを無制限に置いておけるサーバはそうそうなく、Amazon S3を使うことで容量制限を気にすることなくどんどんファイルを保存しておけます。 そんなAmazon S3と互換性あるクラウドストレージがnode.js blob service gatewayです。VMWareが開発しているソフトウェアになります。 node.js blob service gatewayの使い方 node.js blob service gatewayを立ち上げるのはserver.jsを実行するだけです。 $ cp config.json.default config.json $ node server.js WebのUIがある訳ではないので、curlなどのコマンドから操作します。まずサーバを叩いてみます。 $ curl http
Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT
CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。 まずデスクトップからです。 ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。 タイポグラフィ。可読性高いです。 リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。 インジケーターやラベル、アラート。こういうのもよく使いますよね。 フォーム。基本的にplaceholderを使った表示になっているようです。 テーブル。角丸サポートです。 タブ。幅が設定できます。 縦のタブもあります。 ドロワー。クリ
HTML5/JavaScriptによる電子書籍風フリップアニメーション·Turn.js MOONGIFT
Turn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（BSD License）です。 電子書籍というとePubファイルが有名ですが、HTML5でも実現は可能です。特に紙をめくった時のようなフリップアニメーションが欲しい時にはTurn.jsを使ってみましょう。 デモです。幾つかのサンプル書籍が掲載されています。 開きました。 フリップしています。 別な書籍。マウスをもっていくと端が折れ曲がります。 こんな感じで斬新な表示も。 マガジン風の使い方もできます。 デモ動画です。 Turn.jsではめくる操作はもちろんのこと、拡大表示もサポートされています。デスクトップブラウザはもちろん、iPhone/iPadによる操作も可能です。コンテンツはAjaxによる動的取得にも対応しています。一部HTML5非対応ブラウザでも使えるようになっており、対応ブラウザはIE8からとなって
Bootstrapで物足りなく感じているウィジェットをまとめて提供·Fuel UX MOONGIFT
Fuel UXはBootstrap用、JavaScript/CSS製のオープンソース・ソフトウェア（MIT License）です。 Bootstrapを使ってWebアプリケーションを開発していると、どうしても足りないコンポーネントが出てきます。ネットで探せば見つかるのですが、組み合わせている内にバランスが悪くなってしまいます。そこで使ってみたいのがFuel UXです。 様々なウィジェットが提供されています。まずチェックボックス。 コンボボックス。選択した情報が取得しやすいです。 データグリッド。検索でのフィルタリング、ページネーションもサポート。 検索すると右側に×ボタンが出ます。分かりやすいですね。 タグ。×ボタンも出ていて消すのも簡単です。 検索ボックス。 スピナー。上下のボタンを使って値をインクリメントできます。 ツリー。エクスプローラライクな表示が実現できます。 ウィザード。パン屑
Rubyのコードをもっと美しく書くために使いたい·rubocop MOONGIFT
rubocopはRubyのコード可読性をチェックするソフトウェアです。 プログラマーを何年やっていても、なかなか奇麗なコードに辿り着くのは困難です。ちょっと道を誤るとものすごいコードになっている場合もあります。そんな時には機械的に評価してくれるrubocopを使ってみましょう。 実行しました。色々な情報が出てきます。 Cは注意、Wはワーニングでしょうか。 ヘルプです。Emacsとの連携もできます。 rubocopでは内部での幾つかのルールに従って指定ディレクトリ以下のRubyコードについて評価を行ってくれます。筆者の場合、一行あたりの文字数が多くて引っかかるケースが多いようです。そうした点に注意して書くようにすれば、より可読性の高い美しいコードが書けるようになりそうです。 rubocopはRuby製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 美
Google ChromeでJavaScriptのデバッグをする際にはぜひインストールを！·JS Runtime Inspector MOONGIFT
JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。 最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。 インスペクタにJS検索フィールドが追加されます。 検索結果です。 そこから定義されている場所に簡単に飛べます。 利用例。 JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。 JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 MOONG
jQueryをRailsで·jRails MOONGIFT
Railsにははじめからprototype.jsやイフェクト用のeffects.jsが入っているので、手軽にJavaScriptによる各種イフェクトを楽しむことができる。 だが、人によってはprototype.jsよりも、プラグインで拡張できて軽量なjQueryの方がお好みだろう。その際にはこれを使おう。 今回紹介するオープンソース・ソフトウェアはjRails、Rails向けjQueryプラグインだ。 jRailsはプラグインとして提供されているのでインストールが容易に完了する。それだけで15種類を超えるイフェクトや、Ajaxによるデータの送受信を実装できる。 例えばクリックすると左右に震える「Shake」、クリックすると下に落ちる「DropOut」、下からせり出してくる「Grow」など。さらにprototype.jsやScriptaculo.usを使った際に利用される「form_remo
MOONGIFT : Web上でiPhone/iPad/Androidアプリを開発する「appMobi」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
appMobiはWebブラウザ上でスマートフォンアプリを実行、開発できるソフトウェア。 MOONGIFTはこう見る PhoneGapやTitaniumなど、JavaScriptを使ってiPhoneをはじめとする各種スマートフォン向けアプリを開発できる環境が整ってきている。共通言語が使える分、開発工数が減る他、どこかの陣営が崩れた時のリスクヘッジにも繋がるだろう。問題はAPIが共通化されることによる最大公約数的なアプリになってしまうことにある。 appMobiの場合も基本は同じだが、デモ実行環境をWeb上で使えるというのが利点になる。傾きやGPSを擬似的に実行できるのはユニークだ。またGoogle ChromeとJavaがあれば良いので、WIndows/Linuxでも開発できる利点もある。App Storeの場合はアプリ生成が有料になってしまうが、利用する価値は十分あると思われる。 appM
JailBreak不要でiPhoneと相互にファイル転送·i-FunBox MOONGIFT
iPhone/iPod Touchの個人的な使い方として、目的地周辺の地図や時刻表のPDFを転送しておき、いつでも見られるようにしている。この時使っているのはAir Sharingなのだが現在は有料になっている。そこでフリーで行うための手段を考える必要がありそうだ（もちろん購入してもいい）。 エクスプローラライクにiPhoneの内部を閲覧できる JailBreakすれば幾つかの方法があるだろうが、JailBreakをせずにiPhone/iPod Touchへファイルを転送するにはi-FunBoxを使うのがいい。 今回紹介するフリーウェアはi-FunBox、Windows用のiPhone/iPod Touch向けファイル転送ソフトウェアだ。 i-FunBoxの利点はJailBreakが不要という点だろう。聞いた話ではiPod Touchの第二世代はJailBreakできないということなので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
