Gumby – A Flexible, Responsive CSS Framework – Powered by Sass こんにちは。ECプロデュース部の岡本です。 みなさまはレスポンシブサイトを作る時、どのようなフレームワークを使用されていますでしょうか？ 有名ドコロであれば「Twitter Bootstrap」や「Foundation」などがよく利用されているのではないかと思います。 特にBoostrapはナビゲーションなどの「コンポーネント」が非常に豊富で、モックアップなどを作成する際には非常に重宝されている様です。 しかし一方でカスタマイズするには束縛されるポイントも多く、実際のコーディングに使うには少し工夫が必要となります。 今回はBootstrap並にコンポーネントが多いのに、カスタマイズ性が非常に高いフレームワーク「Gumby」をご紹介いたします。 特徴１：柔軟なグリッド

Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe

コンセプトダイアグラムは2008年から進化し続けてきました。時期や人によっていろいろなバージョンが生まれたので、最新の描き方を公式情報としてこのページでまとめていきます。 描く順番 まず事業（商品やサービス）によって成熟した対象者の状態を「ゴール」に置く ゴールから遡った対局の状態「スタート」を決める スタートからゴールまでの心理要因（ハードル）を２つ選んで縦横の軸に設定 軸に沿ったゴールまでの心理の過程を、ステップ（箱）と矢印でつないでいく 矢印の上に企業の施策を乗せる ゴールのポイント 事業によって成熟した顧客の状態 NG例：「売上増加」「会員100万人突破」 - 企業視点すぎる NG例：「○○のファンになる」「○○が大好き」 - 企業視点すぎる 顧客の抱える悩みや潜在ニーズが満たされている状態 一過性ではなく持続的な状態 なるべく遠くに設定する 到達を支援する施策を打てないゴールだと

86. #!/bin/bash PREFIX="/usr/bin/" install_oil() { sudo sh -c "curl --silent http://get.fuelphp.com/ installer.sh > ${PREFIX}oil" sudo chmod +x ${PREFIX}oil } # # Handle execution # main() { # Start installation install_oil exit 0 } main 88. #!/bin/bash if [ -f "./oil" ]; then php oil "$@" else if [ "$1" == "create" ]; then if [ ! `which git` ]; then echo "For this installer to work you'll need to

knockoutjs (http://knockoutjs.com/)というクライアントフレームワークを試してみた。モデルとUIの依存関係を宣言することにより、自動的に更新してくれるというものだ。売り文句をまとめると： OSS, 他フレームワークとの利用可能、軽い、ブラウザサポート等々。誰が管理しているのか知らないが、ドキュメントはよく書かれていてサポート体制はしっかりしているよう。 必要なもの <script type='text/javascript' src='./jquery-1.4.3.js'> <script type='text/javascript' src='./knockout-1.1.0.debug.js'> インストール詳細はこちら： http://knockoutjs.com/documentation/installation.html http://githu

jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう？ 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ

以前ご紹介した、スマートフォン向けの JavaScriptフレームワーク、Wink Toolkit がバージョンアップしたんだぜ、と開発者 さんからわざわざお問い合わせ頂いたの でご紹介。以前もかなり豊富なUIでとても 有意義なフレームワークだと感じましたが、 今回はUI面が特にパワーアップ。 Wink Toolkitがバージョン1.3になって機能もいくつか追加されました。3ヶ月間、UIの改善にかなり力を入れてくれたようで、スマフォにかなり合わせてくれましたよ。 jQuery Mobileライクなインターフェースになりました。もともとUIエフェクトの評価は高かったWink Toolkitですが、全体的なデザインが見直されてかなり垢抜けた感じです。 尚、以前の機能やUIは過去記事をご参照下さい。 Wink Toolkitが割と良かったので日本語サンプル作った Demo 前回はほぼ全てのデモを

ドットインストール代表のライフハックブログ