タグ

2012年7月3日のブックマーク (10件)

  • クックパッド流UIの作り方~サービスとユーザーを繋ぐもの〜 - クックパッド開発者ブログ

    もっとサービスのデザインを良くしたい、UIが分かりやすいサービスを作りたい、というエンジニア向けの勉強会です。 創業者の佐野がcookpad.comを立ち上げて以来、クックパッドUIデザインに非常に強いこだわりを持って、ものづくりを行ってきました。 その「こだわり」の一端をこの勉強会で共有し、みなさまと意見交換できる場にしたいと思っています。 ■発表内容/発表者 「UI/UXのためのSass〜技術面から考えるサービスデザイン〜」 池田 拓司 (@tikeda) サービスデザイン部 デザイン・UIグループ 「密着!クックパッドiPadアプリ開発の100日間~クックパッドUI改善プロセス~」 片山 育美 (@monja415) サービスデザイン部 デザイン・UIグループ 「UIで変わるマネタイズ~今すぐできる3つのコツ〜」 高 大輔(@dsk1124) 会員事業部 ◆開催概要 日時:7/

    クックパッド流UIの作り方~サービスとユーザーを繋ぐもの〜 - クックパッド開発者ブログ
    ama-ch
    ama-ch 2012/07/03
    申し込みましたー。よろしくお願いします! #uipad
  • MVC is dead, it's time to MOVE on.

    MVC is a phenomenal idea. You have models, which are nice self-contained bits of state, views which are nice self-contained bits of UI, and controllers which are nice self-contained bits of … What? I’m certainly not the first person to notice this, but the problem with MVC as given is that you end up stuffing too much code into your controllers, because you don’t know where else to put it. To fix

    ama-ch
    ama-ch 2012/07/03
    Models, Operations, Views, and Events
  • GETBARKEEP.ORG

    Las personas suelen fantasear con diversas cosas, desde romper las reglas hasta tener encuentros sexuales con el sexo opuesto. Cualesquiera que sean sus preferencias sexuales, desde mujeres heterosexuales que encuentran irresistible la idea del cabello canoso hasta chicos de mente abierta que encuentran irresistibles los tríos, es crucial que ambos partes, en una relación hablen abiertamente de su

    ama-ch
    ama-ch 2012/07/03
    コードレビューツール
  • Dartで遊んでみよう.2 [vs JSX その1] | Codelogy

    こんばんは! 第二回はDartと他の言語との比較ということで、DeNA発のJSXというプログラミング言語との比較を行なってみようと思います。vs JSXです! 1回では纏まりそうにないので、複数回に分けていこうと思います。 それでは、軽くJSXの説明を行います。Dartについては前回の Dartで遊んでみよう.1 をご覧ください! JSXとは、DeNAによって開発されたオブジェクト指向のプログラミング言語です。 Dartと同じくJSXのコードはJavaScriptにコンパイルされるため、node.jsやブラウザ上で動作させることができます。 文法はJavaScriptにとても近いので、JavaScriptユーザーはすぐに書き始めることが出来るはずです。 そして最大の売りは、静的型付けであることだと思います。 静的型付けは、打ち間違えによる些細なミスや、間違った値の代入、誤った型

  • array.length vs. cached · jsPerf

    JavaScript performance comparison Test case created by kazuho on 2012-7-2 Preparation code <script> Benchmark.prototype.setup = function() { var a = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; a = a.concat(a, a, a, a, a, a, a, a); }; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled.

  • O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針

    デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」(53MB) 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003 

    O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
  • フロントエンドWeb戦略室 記事一覧 | gihyo.jp

    第1回外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー(3) mala 2012-07-04 第1回外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー(2) mala 2012-07-03

    フロントエンドWeb戦略室 記事一覧 | gihyo.jp
  • Command Lineで使用しているツールまとめ vol.1 - Qiita

    Command Lineで使用しているツールを簡単にではありますが、まとめてみようと思います。私が知らない便利ツールはまだまだたくさんありますので、ここに掲載されているもの以外で便利なものがあれば、ぜひ教えてください。 この記事に貼り付けてあるリンクは、キーワードに関連する適切な場所へと誘導してくれます。非常に有効なので、ぜひ参照してみてください。 また、私は基的にパソコンのことは何もわかっていないので、記事内には誤りを含む可能性があります。よって、できる限り自分の環境を把握した上で、適時読み換えてもらえればと思います。特に、設定ファイルの場所については気をつけてください。また、GitやHomebrew、MacPortの導入説明などは省略していますので、注意が必要です。 zsh Shellであるzshを拡張する設定の数々を紹介していきたいと思います。簡易にではありますが、もっと良い設定が

    Command Lineで使用しているツールまとめ vol.1 - Qiita
  • CSSの勉強中に困ったら

    CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日語訳集 - 血統の森 web実験小屋日語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3

    CSSの勉強中に困ったら
    ama-ch
    ama-ch 2012/07/03
    良いリソース
  • 次世代HTMLの新仕様「レスポンシブ・イメージ(仮)」についてまとめてみた

    レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG(Web Hypertext Application Technology Working Group – ワットダブルジーと読む)で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか? なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb

    次世代HTMLの新仕様「レスポンシブ・イメージ(仮)」についてまとめてみた
    ama-ch
    ama-ch 2012/07/03
    いいまとめ。回線速度を考慮するのはやっぱ難しいかなー