タグ

2012年2月29日のブックマーク (29件)

  • Knockback.js Home

    Background Both Knockout.js and Backbone.js have their strengths and weaknesses, but together they are amazing! With Knockback.js, you can use the strong ORM provided by Backbone and create dynamic views using Knockout bindings. Features Localization Knockout.js' bindings and automagical update Backbone's sleek Model definition Dynamic collection sorting Two-way string formatting Dependencies Knoc

  • jQuery Mobile と Knockout.js を組み合わせてみた - present

    先日、Backbone.js と比較しながら Knockout.js を試してみました。 Backbone.js と比較しながら Knockout.js を試してみた - present Knockout.js よりも Backbone.js のほうが多機能だけど、コードの書きやすさは Knockout.js の方が上、というのが個人的な評価です。特にデータバインディングとテンプレートはスバラシイ。 たった一度サンプルを作っただけでおしまい、というのは寂しいので、Knockout.js でもう少し遊ぶことにします。今回は Knockout.js と jQuery Mobile を組み合わせることに挑戦。お題は先日同様 ToDo アプリで。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <meta name="viewport"

    jQuery Mobile と Knockout.js を組み合わせてみた - present
  • backbone.js

    (c) 2010 Jeremy Ashkenas, DocumentCloud Inc. Backbone may be freely distributed under the MIT license. For all details and documentation: http://documentcloud.github.com/backbone

    aki77
    aki77 2012/02/29
    ソースコード
  • Backbone.js入門 「Router と History」 - Qiita

    閲覧上の注意 この記事で対象としているバージョン0.5.3は結構古いので注意してください。 その他の割りと新しい情報は Backbone.js Advent Calendar 2012 などにあります。 (追記ここまで) Backbone.js入門の最終回は Router と History です。 Backbone.js入門 「MVC」で述べたように、URL が変更された時に発生する popstate または hashchange イベントを監視してルーチンを起動するのが Router の役目です。History は Router の裏方で頑張る実体で、直接操作することはほとんどありません。 URL が変更された時にアクセスされるのが Router なので、Rails 的な MVC の枠組みで言えばコントローラと言えますし、伝統的な MVC で言えば全てのアンカーとブラウザの進退ボタンを

    Backbone.js入門 「Router と History」 - Qiita
  • Backbone.js入門 「Model」 - Qiita

    閲覧上の注意 この記事で対象としているバージョン0.5.3は結構古いので注意してください。例えばこの記事の内容でいうと、validateに失敗したときに発生するイベントは'error'から'invalid'に変更されています。 その他の割りと新しい情報は Backbone.js Advent Calendar 2012 などにあります。 (追記ここまで) 今日のテーマは Model です。 MVC に関する回で Backbone.js における MVC は Rails などの WAF における MVC よりは伝統的な MVC に近い というようなことを書きました。 しかしながら、モデルに関して言えばどちらの場合も大差ありませんから、気分が楽です。 Rails におけるモデルである ActiveRecord が OR マッパーとしての役割を持っていたり、データのバリデーション機能を持っていた

    Backbone.js入門 「Model」 - Qiita
  • Google Sites: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    aki77
    aki77 2012/02/29
    日本語訳
  • Backbone.js入門 「View」 - Qiita

    閲覧上の注意 この記事で対象としているバージョン0.5.3は結構古いので注意してください。例えばこの記事の内容でいえば、$elプロパティなどが追加されています。 その他の割りと新しい情報は Backbone.js Advent Calendar 2012 などにあります。 (追記ここまで) Backbone.js Advent Calendar もようやく折り返し地点。 そんな節目のエントリで取り上げるのが Backbone.js プログラミングでの最重要登場人物の一人である View です。 前回のエントリで Backbone.js では View が各種の処理を起動するということを説明しました。 今回は View を使って、イベントハンドリングを行う方法について主に解説していこうと思います。 View と DOM tree View の役割は大きく分けて2つあります。 特定の DOM

    Backbone.js入門 「View」 - Qiita
  • Backbone.js入門 「Events」 - Qiita

    閲覧上の注意 この記事で対象としているバージョン0.5.3は結構古いので注意してください。この記事でいえば、bindは無くなり、現在ではonやlistenToが使われています。 その他の割りと新しい情報は Backbone.js Advent Calendar 2012 などにあります。 (追記ここまで) ネタ切れ感が否めないBackbone.js Advent Calendarですが、今回から何回かに分けて懇切丁寧な入門記事を書いていこうと思います。 以下のように書き進めていく予定です。 Events View Model ViewとModelの連携 Collection ViewとModelとCollectionの連携 RouterとHistory なおここで扱うBackbone.jsのバージョンは0.5.3です。 Backbone.jsのドキュメントを開くとまず最初に解説されているの

    Backbone.js入門 「Events」 - Qiita
  • Modelの一対多を実装する - Qiita

    例えば、Blogテーブルにuser_idカラムがあり、これがUserテーブルへの外部キー制約になっているような場合、WebフレームワークではBlogモデルにuserフィールドを持たせて、そのフィールドにメッセージを送ると、参照しているUserモデルのインスタンスを返してくれるようになっている場合が多いと思います。 このような関係をBackbone.jsで実現しようと思い、つい以下のように書きたくなってしまうかも知れません。 var User = Backbone.Model.extend({}); var author = new User({id: $(".user_id").html()}); var Blog = Backbone.Model.extend({}); var entry = new Backbone({text: $(".text").html(), user_id:

    Modelの一対多を実装する - Qiita
  • Backbone.jsでモデルとビューを分離しやすくするためにadd/resetイベントを活用 - Qiita

    Backbone.js Advent Calendar 6日目! 参加者が増えなくてなかなか大変…簡単な内容でも良いので日語コンテンツ増加のためにも使ったことある人は参加してください! http://atnd.org/events/22017 この記事ではBackbone.jsのmodel/collectionのイベントとして用意されているイベントの中でも,綺麗に書くために使いこなしたいaddとresetについて Qiitaでの利用例を交えつつ説明していきます. 余談 Backbone.jsのアイコンが変わってますね.背骨でなくなった. 題 Backbone.jsでは model.bind('hoge', function () { alert('hogeされた'); }); model.trigger('hoge'); // => alert('hogeされた'); のように自分で決

    Backbone.jsでモデルとビューを分離しやすくするためにadd/resetイベントを活用 - Qiita
  • Backbone.jsのカレンダー | Advent Calendar 2011 - Qiita

    URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)

    Backbone.jsのカレンダー | Advent Calendar 2011 - Qiita
  • QUnit Test for "jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう"

    gistfile1.js �� V ���� V //Test for Backbone.js sample app //http://lab.dwango.jp/articles/jquery-mobile-app-development/2-add-mvc-with-backbone.html module("Friend"); test("initialize",function(){ expect(1); var friend = new Friend(); ok(friend,"initialize ok"); }); test("has data attribute",function(){ expect(1); var friend = new Friend(); ok(friend.get("date"),"data ok"); }); test("has name an

    QUnit Test for "jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう"
  • Testing Backbone applications with Jasmine and Sinon – Part 1: Introduction

    Testing Backbone applications with Jasmine and Sinon Part 1: Introduction 3 March 2011 Overview This is the first in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library. In this part, we’ll take a brief look at Backbone, and then move on to an introduction to some of the features of

  • nginx連載3回目: nginxの設定、その1

    ディレクティブはこのモジュールのカテゴリ毎に記述します。ただし、coreモジュールに関してはmainコンテキスト、すなわち、設定ファイル内の最上位の階層に記述します。設定ファイルの構成は次のようになります。 coreモジュールの設定 events { eventモジュールの設定 } http { httpモジュールの設定 } mail { mailモジュールの設定 } httpコンテキストはさらに、バーチャルサーバ(バーチャルドメイン)毎の設定を行うserverディレクティブ、さらにURI毎の設定を行うlocaltionディレクティブにより階層化されます。次のような構成になります。 http { httpモジュールの設定 server { サーバ毎の設定 location PATH { URI毎の設定 } location PATH { URI毎の設定 } ... } server { .

    nginx連載3回目: nginxの設定、その1
    aki77
    aki77 2012/02/29
    設定ファイルの構成について
  • dstatの万能感がハンパない - (ひ)メモ

    サーバーのリソースを見るにはグラフ化は重要ですが、推移ではなくリアルタイムな状況、例えば秒単位のスパイキーな負荷を見るには、サーバー上でvmstatやiostatなどの*statファミリーを叩く必要があります。 さて、vmstatはメモリの状況やブロック数単位のI/O状況は見られますが、バイト単位のI/O状況やネットワークの送信、受信バイト数を見ることはできません。 # vmstat 1 procs -----------memory---------- ---swap--- -----io----- --system-- -----cpu------ r b swpd free buff cache si so bi bo in cs us sy id wa st 3 1 0 4724956 355452 726532 0 0 54 484 3 3 1 0 99 0 0 2 0 0 47

    dstatの万能感がハンパない - (ひ)メモ
  • XMPP(Jabberのプロトコル)技術メモ &mdash; ありえるえりあ

    XMPP(Jabberのプロトコル)技術メモ XMPPの一般的な説明は、IDGの記事(http://www.idg.co.jp/headline/focus20030425a.html)でも見てください。 技術的には、あのlirisさんがいくつか記事を書いています。 - その1 - じじいになった、その2 rfc3920をざっと眺めてみました。 次のような観点で読んだので、XMPPの全てを網羅しているわけではありません。 - ネットワーク的な動作イメージはどんなものか? - 構成要素技術はどんなものか? 感想 読んだ第一の感想(驚き)は、「メールと変わらない」です。 「1.セッションを張りっぱなし(注1)で、2.転送メッセージのフォーマットがXML、のメールシステム」をイメージすると、XMPPの動作イメージの70%は掴めていると思います。 もうひとつの感想は、実装先行の泥臭さを感じさせる部

    aki77
    aki77 2012/02/29
  • reduce関数は結構有用っていうお話 - あと味

    JavaScriptに限った話ではないのですが、reduce関数を持つプログラミング言語がいくつかあります。 JavaScriptに関しては、一応、ECMAScript5の仕様に登場するようで、将来的にはどのブラウザでも使えるようになりそうな気配はあります。 Standard ECMA-262 また、MDCではreduceのアルゴリズムが掲載されているので、これを利用すれば現時点でもどのブラウザでもreduce関数を利用することができます。 reduce関数とは? MDCに掲載されている文章を引用します。 配列の(左から右へ) 2 つの値に対して同時に関数を適用し、単一の値にします。 JavaScriptのreduceは、配列のメソッドです。左ら右へとありますが、右から左へ関数を適用するreduceRightという関数もあります。*1 どういう時に使えるか 元となる配列があって、それを累積

    reduce関数は結構有用っていうお話 - あと味
  • hubコマンドがけっこう使えるっぽい - Meltdown Countdown rev.

    hub · the command-line wrapper for git gitコマンドだと、ローカルのgitをごにょごにょするに限られる。でも、gitユーザならgithub使ってるでしょ。github上でのリポジトリの作成もコマンドラインからやりたくなるでしょ。 Macには公式GUIクライアントがあって、そこからgithubコマンドを入れられたりもします。しかし、そのコマンドはGUIクライアントを起動するためのもの。GUIクライアントがあっても悪くないけど、CUIでできることをわざわざGUIでする必要もないですね。 hub インストール $ brew install hub その他のインストール方法は冒頭のリンク先を参照ください。 リモートリポジトリの作成 $ hub create コマンドひとつでgithub上にリポジトリを作ってくれる。もちろん、remotes/orignも設定し

    hubコマンドがけっこう使えるっぽい - Meltdown Countdown rev.
  • githubのhubコマンドを補完するzsh補完関数を作ってみた - Glide Note

    defunkt/hub - GitHub github用にhubというgitのラッパーコマンドがあることを会社で教えてもらって 使ってみたら、当然の如くzshの補完が効かなくてコマンドの使い方もよく分からなかったので、 コマンド理解とzsh補完関数の書き方の勉強も兼ねて自分で作ってみた。 最初はhubコマンドの補完関数を作ってたんですが、利用方法としてaliasを充てて gitの代わりに使うことが推奨されており、そもそもgitのラッパーで gitコマンドの補完も出来ないと意味が無いので、gitの補完関数自体に 手を入れて、hubのカスタムコマンドも利用出来るようにした。 検証環境は下記 Mac OSX 10.7.3, Scientific Linux 6.1 git version 1.7.7.5 hub version 1.8.2 zsh 4.3.11, 4.3.12 /usr/loca

  • zsh使いなら効率改善のため知っておきたいAUTOJUMP - Glide Note

    joelthelion/autojump - GitHub zsh補完関数の書き方をいろいろ調べていたら、autojump-zshというパッケージを発見。 気になって使ってみたらめちゃくちゃ便利で、久々に感動したので紹介。 autojumpはcdコマンドの拡張的なコマンドで、移動したディレクトリを記録し、 ディレクトリ間を行ったり来たりするときに絶大な効果を発揮します。 公式wikiに書いてあるよう コマンドライン作業の10〜20%はcdコマンドのため、ディレクトリ移動の動作が 改善すると必然的に作業効率も向上するということです。 実際私もautojumpを使い出してから、作業効率が上がりました。 それでは早速autojumpの説明を。動作検証環境は下記です。 Mac OSX 10.7.3 Fedora 16 Scientifix Linux 6.1 導入方法 autojumpを利用するに

    aki77
    aki77 2012/02/29
  • JavaScriptを使って一週間でiPhoneアプリを作ってみた。 - ブログのおんがえし

    現在時刻を好きなフォーマットでクリップボードにコピーすることが出来ます。シンプルなものですがソースコードごと公開します。以下のような事柄の実装例を知りたい時には参考になるかもしれません。 UIの作成、配置 イベントを受け取る クリップボードへのコピー 時刻表現の変換 サポートサイト App Storeへ ソースコード(github) 使った道具 名前 補足 Titanium Mobile Titanium Studioをインストールすれば使えます Titanium Studio 最初のプロジェクト作成時にしか使っていません Emacs + js2-mode ファイルセーブ時に自動でビルドする仕組みを整えています、後述 XCode4 実機への転送テスト、App Store登録用のバイナリ作成 基はこれだけです。Xcode4以外は無料でインストール出来ます。 ※ Xcode4もiPhone

    JavaScriptを使って一週間でiPhoneアプリを作ってみた。 - ブログのおんがえし
  • IPアドレスからアクセス元サーバーの位置情報を調べるjQueryプラグイン | ゆっくりと…

    2000年代前半、荒らし や 掲示板スパム に悩まされていた頃、JPNIC やら RIPE やらの WHOIS データベースで IP アドレスの出所を調べ、「また関西からだよ」 とか 「お、役所からだゾ、串刺されてんのかな」 とかやっていたわけですが、アクセス元を調べたところで結局のところ IP を弾くイタチゴッコを続けていたものでした。当時は、WHOIS にわざわざ アドレスをコピペしてクリック じゃなく、自サイトからオンラインで調べられたら便利だなぁと思っていました。 さて今もそんなニーズがあるのかわかりませんが、jQuery Plugins にそんな思いを実現してくれる jqIpLocation というプラグインが紹介されていたので、試してみました。 実はこのプラグイン、IPInfoDB が無料で提供する DB サービスを利用して、IP アドレスからアクセスポイントの位置情報を引っ張

  • Backbone Patterns

    Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf

  • Slot88: Fastslot88 Daftar Judi Slot Online, Situs Slot Gacor 2022

    Apalagi link situs slot gacor Fastslot88 selalu memberikan jackpot nyata yang mana player tidak perlu ragu dan khawatir jika ingin daftar judi slot online bersama Fastslot88. Dan semua permainan yang kami Fastslot88 sediaan sangat gampang sekali untuk dimainkan serta dimenangkan. Cukup dengan satu akun ID saja kalian bisa bermain dengan provider gacor hari ini, tidak hanya menyediakan situs slot g

    aki77
    aki77 2012/02/29
    require.jsとの組み合わせ
  • 見た目が格好いい。node.jsをWebベースで開発する·Nide MOONGIFT

    Nideはnode.jsプロジェクト用のWebベースIDEです。Mac OSX向けアプリもあります。 ここ最近になってようやくWebベースのIDEが格化してきました。Nideもその一つで、node.jsプロジェクトの開発に最適化されています。 Mac OSX向けにはバイナリも提供されています(今回はnpmでインストールできるものを使っています)。 npmで一発インストールできます。 最初に設定を行います(node.jsのプロジェクトで実行すれば必要ありません)。 ファイルの一覧が出ました。 ハイライトも行われていて編集も楽々です。 バージョン管理機能、Spaceです。Mac OSXのTime Machineライクで格好いいです。 package.jsonもメンテナンスできます。 フォルダの作成もできます。 NideではWeb上での編集に加えて、バージョンごとの履歴管理(これがアニメーショ

  • output_add_rewrite_var()でCSRF対策してみる - k-holyのPHPとか諸々メモ

    output_add_rewrite_var() は、session.use_trans_sid で利用されているURLリライト機能に新しい名前と値のペアを追加する関数。 session.use_trans_sidの場合と同様、有効になるHTML要素と属性は url_rewriter.tags の設定によって決まります。 url_rewriter.tagsの設定は、デフォルトで "a=href,area=href,frame=src,input=src,form=fakeentry,fieldset=" となってますが、それぞれどのように書き換えられるか調査しました。 結論を書くと、書き換えられる要素が何であろうと、以下の仕様となっているようです。(PHP5.4.0 RC6で確認) name はURLエンコード/HTMLエスケープ共にされない value はurlencode()されるが、

    output_add_rewrite_var()でCSRF対策してみる - k-holyのPHPとか諸々メモ
    aki77
    aki77 2012/02/29
  • Socket.IO or WebSocket を AmazonELB でバランスする検証 - Block Rockin’ Codes

    追記 12/2/29 検証コードと環境は後にしてとりあえず結果だけ書く 12/3/5 Socket.IO の RedisStore を使えばスケール可能なことがわかったので追加 12/3/11 検証コード追加 caution この検証は 東京Node学園 4時限目 - connpass でやった結果です。しかしその時の環境やソースが手元に無いので今再現ソースと環境を作っています。 2/28 現在分かってる結論だけ先に出しておきます。ソースは後で追って掲載します。その時点でもし結論が変わったりした場合は追記します。 また、この検証内容については一切責任は取りませんので、プロダクション等で使う場合はきちんと検証して下さい。 特に ELB の仕様が変わったら結果が変わると思います。結果が変わったことに気がついた方は教えて頂けると助かります。 code 検証コードを公開しました。 https://

    Socket.IO or WebSocket を AmazonELB でバランスする検証 - Block Rockin’ Codes
  • Backbone.js

    Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChanged – changedAttributes – previous – previousAttributes Collection – extend – constructor / initialize – models – Underscore Methods (24) – add – remove – get – getByCid – at – le

  • node+socket.io+enchant.jsでチャットゲーを作る

    Spring Web Service, Spring Integration and Spring BatchEberhard Wolff

    node+socket.io+enchant.jsでチャットゲーを作る