Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート
これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで（Bootstrap本来の機能も使いつつ）リッチな
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
優秀なPHPのWebアクセス解析·Open Web Analytics MOONGIFT
アクセス解析として有名な物と言えばGoogleのAnalytics、ビジネス向けであればSiteCatalystになるだろう。だが予算をそこまで出せず、とはいえ外部のサービスは使いがたいという場面はよくある。そんな中、できるだけ見栄えのいいアクセス解析システムを願うならオープンソースを使わざるを得ない。 インストールウィザードでスクリプトの出力までできる 通常のWebサイトはもちろん、WordPressやMediaWikiと親和性の高いアクセス解析としてOpen Web Analyticsを紹介しよう。 今回紹介するオープンソース・ソフトウェアはOpen Web Analytics。高機能なアクセス解析システムだ。 Open Web AnalyticsはPHP+MySQLによるアクセス解析システムだ。JavaScriptタグを使ってアクセス解析を行うのが基本だが、PHPのシステムであればフ
便利！CSS Spriteを作成するAIRアプリ·Tonttu MOONGIFT
CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。 CSS Spriteを作るならぜひ使いたい CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。 今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。 Tonttuの使い方は簡単だ。起動したらひとまとめにした画像ファイルをドロップして登録する。並べ方は縦または横と自由に選択できる。画像の隙間を空けたり、ドラッグして位置を入れ替えることも可能だ。自動で並べると隙間が空くので、
JSONファイルをFirefox上で閲覧する·JSONView MOONGIFT
Webアプリケーションが増えるに従って、JSONフォーマットを利用する機会も増えてきた。だがJSONファイルの扱いはそれほど良くなく、Firefoxの場合ダウンロードのダイアログが開いてしまう。それにシステム向けに改行なしで作られているケースが多く閲覧には不向きだ。 JSONフォーマットをFirefox上で閲覧できる 今後さらに利用が進んでいくと思われるだけに、扱い勝手が悪いのは問題だ。そこで使ってみたいのがJSONViewだ。 今回紹介するオープンソース・ソフトウェアはJSONView、Firefox上でJSONファイルを閲覧できるようにするFirefoxアドオンだ。 JSONViewをインストールした状態でJSONファイルを開くとダウンロードダイアログが開かず、そのままソースが見られるようになる。キー、文字列、数値とそれぞれハイライト化されて表示されるので分かりやすい。配列やハッシュの
iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT
※ 画面は公式サイトのデモコードより 最近のWebシステム開発ではO/Rマッピングの利用が当たり前になっている。そのため、生のSQLを書く機会が殆どなくなり、開発がスムーズになっている一方、いざ書くとなると非常に面倒に感じるようになっている（もちろんORマッピングではコストがかかってしまう場合はSQLを書く必要もあるだろうが）。 JavaScriptで実現するO/Rマッピング それはSQLiteが使えるiPhone/Gears/Adobe AIRといった今時の開発に対しては特に言える。O/Rマッピングに慣れてしまった体にはSQLite向けのSQLを書くのは非常に辛い。そこで使えるのがActiveRecord.jsだ。 今回紹介するオープンソース・ソフトウェアはActiveRecord.js、JavaScriptで作られたO/Rマッピングソフトウェアだ。 ActiveRecord.jsが対応
Flashファイル（SWFファイル）から各種データをリッピングする·SWFRIP MOONGIFT
最近はあまり聞かなくなったが、動画共有サイトからFlashビデオ（flv形式）をダウンロードし、そこからmp3ファイルを抽出する方法が良く聞くことがあった。そのためのソフトウェアは数多いが、個人的にはRichFLVを使っている。 Flashファイルから各種リソースを抽出 だがmp3だけの抽出であれば良いが、他の素材も欲しいものがあるかも知れない。そんな時に役立つのがSWFRIPだ。 今回紹介するオープンソース・ソフトウェアはSWFRIP、SWFファイルから様々な素材を抽出するソフトウェアだ。 SWFRIPはFlashビデオ形式には対応していないようなので注意されたい。Flashファイル（swf形式）をドロップすると、画像、フォント、テキスト、音楽、ボタン、動画、 ActionScriptなどを抽出して一覧してくれる。 オプション シェイプはswfで書き出す他、SVG形式でも出力できる。画像
MOONGIFT: » 使い勝手の良いアクセス解析「Piwik」:オープンソースを毎日紹介
※ 画像は公式サイトデモより Webサイトのアクセス解析は大事だ。もの言わぬ利用者の動向をそこからうかがい知れる。日々アクセス解析を見ていくのは大事だが、そのためには使い勝手の良いソフトウェアを選択しなければならない。 良いアクセス解析ソフトウェアは見やすく、グラフがあり、一覧性も確保されることが大事だ。そこで使ってみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはPiwik、Webベースのアクセス解析ソフトウェアだ。 PiwikはGoogle Analyticsのオープンソース代替えを目指している。それだけあって、分かりやすいインタフェースと使い勝手の良さが売りだ。ダッシュボードでは各データが一望でき、ページネーションもAjaxを使ってスムーズに処理できる。Piwik自体はphpMyVisitesの後継とのことだ。 グラフはOpen Flash Chartを使い、棒グラフや折
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
