タグ

2013年6月13日のブックマーク (12件)

  • JSONビュアーとしてVim(とjq)を使うとすごい便利 - Qiita

    Help us understand the problem. What is going on with this article?

    JSONビュアーとしてVim(とjq)を使うとすごい便利 - Qiita
    oppara
    oppara 2013/06/13
    VimでJSON(jqとvim-json) #Vim - Qiita [キータ]
  • フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ

    最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUIWindows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

    フラットデザインとは?UIの特長と注意点 デザイン会社 ビートラックス: ブログ
    oppara
    oppara 2013/06/13
    フラットデザイン入門: その利点と注意点と主なテクニック | freshtrax | btrax スタッフブログ
  • http://publicdraft.studiomohawk.com/research/2012/05/20/grunt-a-javascript-command-line-build-tool/

    oppara
    oppara 2013/06/13
    Grunt: A JavaScript command line build tool | Public Draft | Just writing down what I've found.
  • todomvc/dependency-examples/backbone_require at gh-pages · tastejs/todomvc · GitHub

    oppara
    oppara 2013/06/13
    todomvc/dependency-examples/backbone_require at gh-pages · tastejs/todomvc · GitHub
  • [O'REILLY]Developing Backbone.js Applications -

    Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag

    oppara
    oppara 2013/06/13
    Developing Backbone.js Applications -
  • debug-assert-RequireJS-moduleなるものを作りますた - monjudoh’s diary

    GitHub - monjudoh/debug-assert-RequireJS-module: RequireJS module for debugging and assertion. これは何かと言うとRequireJS moduleについて - 文殊堂で説明したRequireJSのmoduleで、 debug支援用のものです。 debug log出力の基的な使い方 RequireJSのmoduleなので以下のように読み込んでやります。 callbackにdebug関数が渡されてくるのでこいつで適当にdebug printしましょう。 require(['debug'],function(debug){ debug('hogehoge'); }); define(['debug'],function(debug){ debug('fugafuga'); }); consoleがない

    debug-assert-RequireJS-moduleなるものを作りますた - monjudoh’s diary
    oppara
    oppara 2013/06/13
    debug-assert-RequireJS-moduleなるものを作りますた - 文殊堂
  • スマホアプリの忘れちゃいけない5つのテスト観点 | DevelopersIO

    こんにちは!おおはしりきたけです。今日はスマホアプリの忘れちゃいけないテスト観点について書いてみたいと思います。 はじめに 前提条件として、機能要件のテストは、やっている前提です。ここでは、テストの観点で忘れがちなポイントを備忘の為にも書いておきます。もっと深いとこ掘れば色々と細かいテスト観点というのは出てきますが、まずは、以下の5点を抑えておく必要があるかなと思います。 1.オフライン スマホはオンライン/オフラインの切り替わりが頻繁に起きます。たまにオフラインだとローディングのままずっと返ってこないアプリありますよね?そういったアプリはオフラインの場合を想定していない為、タイムアウトにもならなかったりします。オフライン時のリクエストでどのような動きになるのかをしっかりと確認する必要があります。オフラインで動くところ、サーバーにリクエストを投げるのでオンラインじゃないと動かないところなど

    oppara
    oppara 2013/06/13
    スマホアプリの忘れちゃいけない5つのテスト観点 | Developers.IO
  • java-ja.js #2 RequireJS実践編 - monjudoh’s diary

    java-ja.js #2 : ATND 自己紹介 文殊堂といいます。 BePROUDという会社のリーダーです ↑はロケタッチの話です(ロケタッチ知らない人は4SQでMayorになったみたいな話だと思っといてください)。 弊社では今(2010年12月現在)人材募集中らしいですよ。 今の仕事UIがリッチな業務システムを作るとかそんな感じで、 そこでRequireJSを使っています。 RequireJSって何? 公式サイト RequireJS スライド jQueryRequireJS.pdf語記事だとこの辺? http://zudolab.net/blog/?p=451 要はJavaScriptの依存性解決をしてくれるライブラリです。 以前RequireJS moduleについてって記事書きました。 あらためてRequireJS moduleについて まず最初に、一般的な言語と同じよう

    oppara
    oppara 2013/06/13
    java-ja.js #2 RequireJS実践編 - 文殊堂
  • 勉強会資料シェア Getting Started with RequireJS

    げりんぐすたーてっど うぃず りくわぃあーじぇーぇす ということで、社内勉強会でRequireJSの入門資料をこさえたのでシェア。 利用したデモファイルセット http://d.aho.mu/S4mh なんとなくRequireJSが動くセットです。スライド中のr.jsによるビルドコマンドや、gruntを利用したビルドも試せるようになっています。 おさえるべき要点 いくつかの要点だけ記事内に文字列でおこしておきまする。 モジュラーと依存関係 Webサイト → Webアプリ への流れが明確になってきてフロントエンドが複雑化してきている今、1つのJSファイルにつらつらとCSSのようなノリで書き連ねる時代は終わりつつあります。 ParisJS #10 : RequireJS このあたりについては、上記の素晴らしいスライドから、Figureを拝借しました。個々のJavaScriptの粒度が揃えてモジ

    勉強会資料シェア Getting Started with RequireJS
    oppara
    oppara 2013/06/13
    勉強会資料シェア Getting Started with RequireJS ::ハブろぐ
  • RequireJSによるコードの分割と最適化 for enchant.js - Kengo's blog

    enchant.jsプログラミングでRequireJSを使うとなにが嬉しいの?どうやって使うの?という話。最初はenchant.jsをCommonJS/Modulesに合うように書き変えなきゃダメだと思っていたんですが、そんなことはないんですね。これは便利。 何が嬉しいの? 開発時にはゲームを複数のJSファイルに分割できるというメリットを、公開時にはゲームプレイに必要なダウンロード回数を減らせるというメリットを得られます。 Why Web Modules? 複雑なゲームじゃないしべつにgame.jsひとつで充分ですという場合には、はっきり言って不要なモノです。しかし長々と開発してたらクラス数が10を超えてきて超長いスクリプトになっちまったぜウォォという場合には、遠慮なくコードを分割統治できるというメリットは大きいでしょう。 enchant.jsとgame.jsを読み込む まずはrequir

    RequireJSによるコードの分割と最適化 for enchant.js - Kengo's blog
    oppara
    oppara 2013/06/13
    eller's blog
  • VimでMarkdownをGitHub風にリアルタイムプレビュー - memorandum

    VimmerだがMarkdown文書を書く時にはリアルタイムプレビュー機能が欲しいのでしかたなく専用エディタを使っている。」 そんな根無し草的Vimmerの夢を叶えるVim用のMarkdownリアルタイムプレビューツールがあったので紹介します。 使い方 vimmarkdownテキストを開くだけです。 vimMarkdownテキストを入力するとWebブラウザが自動的に起動して、GitHubとよく似たプレビューが表示されます。 そして、vimMarkdownテキストを入力するとリアルタイムにブラウザのプレビューがアップデートされます。プレビューを更新させるためにMarkdownテキストを保存する必要はありません。 導入方法 instant-markdown-d これは何? Markdown文書をHTMLに変換してブラウザにリアルタイムプレビューするNode.jsのアプリです。 REST

    VimでMarkdownをGitHub風にリアルタイムプレビュー - memorandum
    oppara
    oppara 2013/06/13
    VimでMarkdownをGitHub風にリアルタイムプレビュー - memorandum
  • Vagrant + シェルスクリプトで簡単プロビジョニング

    Vagrantでプロビジョニングというと、Chef SoloとかChefとかPuppetを使うという印象がありますが(Vagrant initしてできるVagrantfileにもそれらだけが入っている)、シェルスクリプトでも簡単にプロビジョニングできます。 マニュアルに書いてあるわりに意外と知らない人が多くてびっくりしたので、簡単に紹介しておきます。 インラインでシェルを使う方法これはVagrantfileの中に直接コマンドを書いておく方法です。コマンドの数が少ない場合はこれで十分です。 # 以下にコマンドを書く script = < <SCRIPT yum install -y httpd php php-mbstring php-pdo php-mysql mysql-server /sbin/chkconfig --level 2345 mysqld on /sbin/chkconf

    Vagrant + シェルスクリプトで簡単プロビジョニング
    oppara
    oppara 2013/06/13
    Vagrant + シェルスクリプトで簡単プロビジョニング | http://t.co/IbCj90kHIR