Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
highlight.js - 100種類の以上の言語に対応したコードハイライター MOONGIFT
ブログやWebサイトでプログラミングコードを載せる際に必要になるのがハイライト処理です。単純にコードをそのまま載せても可読性はとても低いです。ハイライトライブラリを使って、見やすくすべきです。 個人的にはGoogleが作っているgoogle-code-prettifyをよく使っていたのですが、highlight.jsも使いやすそうです。 highlight.jsの使い方 左側のコードが表示例。テーマも用意されています。 Apacheの設定ファイルも対応しています。 CoffeeScriptにももちろん対応。 Diff。 HTTPヘッダー、iniファイルにも使えます。 Apacheがあればnginxももちろんあります。 highlight.jsは112言語、49のテーマが用意されています。HTML/JavaScript/スタイルシートのようにマルチ言語に対応したハイライトが行えます。言語も自
Rubyのコードをもっと美しく書くために使いたい·rubocop MOONGIFT
rubocopはRubyのコード可読性をチェックするソフトウェアです。 プログラマーを何年やっていても、なかなか奇麗なコードに辿り着くのは困難です。ちょっと道を誤るとものすごいコードになっている場合もあります。そんな時には機械的に評価してくれるrubocopを使ってみましょう。 実行しました。色々な情報が出てきます。 Cは注意、Wはワーニングでしょうか。 ヘルプです。Emacsとの連携もできます。 rubocopでは内部での幾つかのルールに従って指定ディレクトリ以下のRubyコードについて評価を行ってくれます。筆者の場合、一行あたりの文字数が多くて引っかかるケースが多いようです。そうした点に注意して書くようにすれば、より可読性の高い美しいコードが書けるようになりそうです。 rubocopはRuby製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 美
node.jsの開発時に。ファイル変更でサーバプロセスを自動再起動·Always MOONGIFT
Alwaysはnode.js開発時においてファイルの変更やクラッシュを感知してプロセスを再起動するソフトウェアです。 node.jsで開発していて面倒なのがソースを編集した後の反映でサーバを立ち上げ直さないといけないことです。そこで再起動の手間をなくしてくれるAlwaysを使ってみましょう。 インストールはnpmで一発です。 nodeコマンドの代わりにalwaysコマンドにするだけです。 起動しています。 コマンドオプションです。 Alwaysはソースの変更を感知してプロセスを再起動してくれたり、クラッシュした際にも起動し直してくれます。これで開発がとてもスムーズになるのではないでしょうか。 Alwaysはnode.js/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Apache + PHPを使っていた時代に比べて現在はWe
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を変更
リッチなWebアプリケーションを開発するフレームワークSproutCore後継プロジェクト·Ember.js MOONGIFT
Ember.jsは旧SproutCoreの後継プロジェクトです。リッチなWebアプリケーションフレームワークになります。 SproutCoreがFacebookに買収されました。SproutCoreはリッチなWebアプリケーションを開発できるフレームワークですが、今後の開発についてはEmber.jsとして継続される模様です。 スマートフォンに特化している訳ではありませんが利用できます。 デスクトップ向けでHello World。 コードを見ると分かりますが、HTMLを直接ではなく、テンプレートです。 デモのTodoアプリです。 登録したりチェックして削除したりできます。データは保存していないので再読み込みすると消えます。 Todoアプリのコード。こちらはビュー側です。 こちらはコントローラ、モデル側。コードは見やすいです。 Ember.jsはMVCに分かれており、コードも見やすく使い勝手が
Python製のシンプルなリバースプロキシ·tape MOONGIFT
tapeはPython/Twistedを使ったシンプルなリバースプロキシーサーバです。 tapeはごくごくシンプルなWebサーバですが、利用目的としては設定に書くだけで簡単に使えるリバースプロキシーになっています。 インストールはtapeをパスの通ったところに入れて実行権限を与えるだけです。 立ち上げました。 ごくごく簡単なWebサーバとして立ち上がっています。 設定した上でアクセスすると例えば/googleでGoogleの内容を得られるようになります。 サーバの内容です。/googleがhttp://www.google.com/にプロキシされているのが分かります。 例えばサーバサイドとAjaxなどをやり取りするWebシステムを開発する場合、ローカルからではAjaxのドメイン制約によって通信できません。そこでtapeを使ってリバースプロキシとして通信を仲介してもらうことでサーバサイドをロ
要注目！CSSとJavaScriptで作るアニメーション·Animatable MOONGIFT
AnimatableはJavaScriptでCSSのプロパティを変化させることでアニメーションさせるJavaScriptライブラリです。 最近、CSSだけで作るアニメーションというのが流行っています。CSS3であればtransitionという要素でアニメーションが起こせますが、さらにJavaScriptを使って多彩なアニメーションに対応させたのがAnimatableです。 色々な画像が並んでいます。マウスオーバーでアニメーションが実行されます。 6番は曲線が変化するアニメーションです。 2番は背景画像がアニメーションします。 12番はドロップシャドーです。 fromとtoののところで実際に設定するCSSプロパティが分かります。 data-fromとdata-toでプロパティを指定します。 AnimatableはいわばFlashのアニメーションに似ています。最初のフレームをdata-from
お勧め！使い勝手の良いSubversion管理フロントエンド·Submin MOONGIFT
Gitをはじめとした分散バージョン管理システムが流行っているが、システムの現場ではまだまだSubversionの利用が多いことだろう。そしてこれから新たにSubversionのサーバを立てようと考えている会社もあるかも知れない。 WebベースのSubversion管理インタフェース そのような方々にお勧めしたいソフトウェアがある。WebベースでSubversionの管理ができるSubminだ。 今回紹介するオープンソース・ソフトウェアはSubmin、Pythonで作られたSubversion管理フロントエンドだ。 Subminのお勧めできる点として、格好のいいインタフェースがある。ユーザの作成、グループの作成そしてリポジトリの作成と全てWebベースで行える。インストールさえしてしまえば、ターミナルを使ってメンテナンスすることはまずなさそうだ。色合いなども何となくApple純正のソフトウェア
MOONGIFT: » Web開発者は必須！様々なバージョンのIEを収録した「Internet Explorer Collection」:オープンソースを毎日紹介
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
MOONGIFT: » WindowsとLinuxをシームレスに使う「andLinux」:オープンソースを毎日紹介
Windowsで開発する際に、細かい設定の部分でつまづくことがある。また、ライブラリを導入しようとしてLinux向けしかなかった、なんて経験はないだろうか。そして、結局VMWareのようなエミュレート環境を用意することになる。 だがエミュレータでは環境が断絶された感がある。もっとシームレスにWindowsからLinuxを使いたい、そう考える人のためのソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはandLinux、Windows上でシームレスに動作するLinux環境だ。 andLinuxはcoLinuxを利用して動作している。Linux向けのGUIアプリケーションが動作する点において、cygwinよりも便利だろう。また、それらのアプリケーションがタスクトレイから簡単に呼び出せる点も見逃せない。 デスクトップ環境としてはKDEまたはXfceが選択できる。ファイルの拡張子設定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
