閲覧上の注意 この記事で対象としているバージョン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のドキュメントを開くとまず最初に解説されているの

Qiitaでは新しい投稿がある場合にその件数を表示し，クリックするとタイムラインに追加するということをやっています．TwitterやFacebookと同じ仕組みですね． これはBackbone.jsのBackbone.Collection#fetchを使うと簡単に実装できます． コード // アイテムのコレクションを実装 var TimelineItems = Backbone.Collection.extend({ model: Item // 投稿のモデル }); // 新規投稿のみを取得する // "/items?after=123"でid:123以降のアイテム情報がJSONで返ってくる想定 TimelineItems.fetch({ url: '/items?after=' + TimelineItems.models[0].id, add: true }); add: trueを

Backbone.js Advent Calendar最終日です．他のエントリはこちらをどうぞ． 最後ということで，実際にBackbone.jsを使い始めるのに便利なリンクをまとめておきます． RailsでBackbone.jsを使うときに利用できるライブラリ どちらもrails g backbone:installやrails g backbone:scaffoldなどを提供する codebrew/backbone-rails - GitHub modelやrouterのgeneratorも提供している meleyal / backbone-on-rails - GitHub thoughtbot workshopsの思想を実現している デフォルトではcoffeescriptで雛形を生成する これら2つの違いについては https://github.com/meleyal/backbon

ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です Backbone.js(http://documentcloud.github.com/backbone/)を2,3ヶ月触ってみて、導入して良かったことをまとめます。 Backbone.js単体での威力はそこまでではないかもしれませんが、Server側も含めた設計思想を絡めて考えると大きな効果が期待できます（サーバー側も含めた構造改革が全体的に必要になるとは思いますが・・・）。 ViewとControllerの結合強度低下 = Viewのアプリ化viewとcontrollerが1対1対応だった頃Rails単体で作成している場合、Viewにロジックが入れられない以上、 そのViewで必要な変数などは、全てControllerに書く必要がありました。 この状態では、Contro

2012/11/14に開催された「なんでもないただの先端技術勉強会（仮）」にて、Backbone.jsの概要説明に使ったスライドです。

本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです（例えば、「ログが必要だよね」など）。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様

はじめに 今回からタイプ毎に代表的なNoSQLデータベースを扱っていきます。まず今回は、揮発性key-valueストアの代表としてmemcachedを取り上げます。 なお、利用したコードやプログラムはgithubに置いてあります。適宜参照してください。 どんなところに使える？ memcachedの特徴は、何といってもデータの揮発性（memcachedサーバを停止すると全データが消えてしまうこと）です[1]⁠。そのため、データが消えても影響が小さいところに利用シーンは限られてきます。一方、連想配列（ハッシュ）のように使えて扱いやすいこと、様々なサイトでの事例があること、などから導入はしやすいです。 具体的な利用シーン memcachedの具体的な利用シーンとしては、以下の事柄が考えられます。 RDBMSから取得したデータのキャッシュ 消えても大きな影響の無いデータの保存 一般的には（1）のよ

Rails3を使っていて、memcachedを利用できるようにしたときのメモです。 memcachedを使えるようにconfigを設定する ローカル環境がすべてキャッシュを使うようになると不便なため、自分はdev_with_cachingという環境を作成しました。productionの場合もほぼ同じやり方でできるため省きます。 config/database.ymlに以下を追記。database.ymlは自分の環境に合わせてください。 dev_with_caching: adapter: mysql encoding: utf8 reconnect: false database: myapp_development pool: 5 username: root password: socket: /opt/local/var/run/mysql5/mysqld.sock config/e

Railsのデフォルトだとセッションの保存先はCookieになるけど、様々な事情からサーバ側にセッションのデータを持ちたくなることがある。 Railsはセッションの保存先をMySQLにすることもできるけど、expireがめんどくさいとか他いろいろを考えて使いたくない。 memcachedを使うのが一般的な気もするけど、memcachedをインストールするのがめんどくさかったので、今回はRedisを保存先に使うことにした。*1 redis-storeとredis-railsを使う https://github.com/jodosha/redis-store/ https://github.com/jodosha/redis-store/tree/master/redis-rails このgemを使うとRailsとかSinatraとかRackとかのキャッシュやセッションの保存先にRedisを使

RailsGameServer::Application.config.session_store :redis_store, :servers => { :host => "localhost", :port => 6379, :namespace => "sessions" }

最近よく見かけるようなのでメモ Redisって大量にメモリを積んでないとダメかと思ってたけど、思ったよりいろんな方面に用途がありそう(リンク先の情報はわたしは未検証です) Redisの基礎 (全14回) memcachedと“正反対”、Redisが仮想メモリをサポート セッションをサーバサイドで管理するセッションの保存先にRedisを使う github.com/jodosha/redis-store/ github.com/jodosha/redis-store/tree/master/redis-rails node.js – socket.io – rails – sessionを共有する方法 バックグラウンド処理を行う#271 Resque github.com/defunkt/resque cronのような定期的なジョブの実行resque-scheduler (resqueでcro

Sidekiq とは Sidekiq とは Rails アプリで非同期処理を行うためのライブラリです。複数のジョブを同時に実行することができ、メモリを節約することができます。 ということで今回は Sidekiq の基本と使いかたをざっくりと学んでいきたいと思います。 Sidekiq を使ってみる インストール まず前提条件として Redis が必要なのでインストールしましょう。Redis はジョブの管理に使われています。 brew install redis インストールは Gemfile に追加して bundle install するだけです！ vim Gemfile # gem 'sidekiq' を追加 bundle install Worker を実装する 非同期処理を行うクラスは Sidekiq::Worker を include してつくります。あとは perform メソッド

これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し

ActiveSupportをincludeすると使える。再帰的なmerge。deep_merge!もある。 追記 上記の説明だけだとよく分からないので実行してみた。 ree-1.8.7-2010.01 > a = {:a => {:b => "c"}} => {:a=>{:b=>"c"}} ree-1.8.7-2010.01 > b = {:a => {:c => "d"}} => {:a=>{:c=>"d"}} ree-1.8.7-2010.01 > a.merge(b) => {:a=>{:c=>"d"}} ree-1.8.7-2010.01 > a.deep_merge(b) => {:a=>{:c=>"d", :b=>"c"}}

ヤフーが提供するタグマネジメントサービスは、原則無償で広告主に提供される。トランスコスモスは同提携により、2013年春から「Yahoo!プロモーション広告」の大手広告主や広告代理店向けに有償のサポートプログラムを提供する。 トランスコスモスは、Yahoo! JAPANが提供するタグマネジメントサービスの認定パートナーとして有償のサポートプログラムを用意する。既存タグの移行計画立案、タグ実装後のテスト検証など、同サービスの利用促進のための導入／運用／管理サポートやカスタマイズなどのコンサルティングを行い、2013年度は500社へのサービス提供を目指す。 関連記事 【連載】WebPRの現場レポート：第1回　PR視点でヤフー・トピックス掲出を目指す 国内最大級のポータルサイトYahoo! JAPANのトップページで注目を集める「ヤフー・トピックス」は、その影響力の大きさから、PRマンにとっては、

js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている