Backbone.jsで今つくっている構成について (Backbone Advent Calendar 2012 1st day)
Advent Calendar 1日目だよ ってことで、Backbone.js Advent Calendar 1日目を書かせていただきます。本当は先日公開したFAQの日本語訳を一発目にしたかったのですが、公開したい欲に負けた次第。 何とかして現状を振り返るアウトプットの機会にしたかったので、今やっているプロジェクトで書いたコードの大まかな構成と局所的なパターンの紹介をします。 いま手元で作成しているものは、スマートフォン向けのシングルページなWebアプリケーションです。専任で大量のJavaScriptをスクラッチするの初めて。Backbone自体も割と初挑戦。 ここでいうシングルページは、HTML1枚のみで、ページ遷移はbodyの中をJavaScriptで書き換えていく構成のアプリケーションを指しています。 今のプロジェクトから抽出されたクラス構成 下記のような構成に落ち着き、抜本的なリ
Take it easy- RequireJSについてまとめてみた
REQUIRE JS JSの非同期ローディングとモジュール化を行うライブラリ 公式サイト 詳しくは、RequireJS実践編を参照 下記順番で読み込み(config-require.jsは自作。名前はなんでも良い) ＜script src="config-require.js"> ＜script data-main="main" src="require.js"> 非同期ローディングについて 下記を参考にconfig-require.jsを作成 設定値の詳細はこちらを参照 var require = { deps: ["some/module1", "my/module2", "a.js", "b.js"], callback: function(module1, module2) { //This function will be called when all the dependen
URAMAYU
世界一周先輩である山田進太郎さんの半年くらいまえの世界一周後によく聞かれることまとめ【完結編】を真似して、世界一周の交通手段、かかったお金、行ってよかったBEST3などをまとめます。 どこに行ったんですか？ シドニー、タヒチ、イースター島、ペルー、ボリビア、サンディアゴ、リオデジャネイロ、マドリッド、バルセロナ、イタリア、ヨルダン、イスラエル、ドバイ、ロンドン、パリ、バンコク、シンガポールです。 それぞれの旅行記事はこちらから読めます。 どうやって行ったんですか？ 飛行機です。 Oneworldの世界一周4大陸16都市、ビジネスクラスで行きました。航空券代は、76万＋サーチャージや空港税で、１人95万円くらいでした。（エコノミーだと1人50万くらいになるんじゃないかな） 世界周遊券はいろいろ独自ルールがあって、詳しくはこちらあたりをよく読めば良いと思います。航空券は全部個人手配しました。
次期iPhoneについて、iOS 7から見えてきた5つのこと
次期iPhoneについて、iOS 7から見えてきた5つのこと2013.06.25 17:00 福田ミホ 未来のアップルの姿まで。 初めてiPhoneを手に入れたときに感じたのは、そのシンプルさでした。地図やMP3プレイヤー、ノート、そして電話といったすべてのものが、小さなパッケージに詰め込まれていました。でも今年のWWDCから何か読み取れるとすれば、そんなアップル製品の自己完結的なあり方が終わりに近づいているってことかもしれません。 ジョナサン・アイヴ氏によるiOS 7でのデザイン変更は、アプリアイコンから色使い、フォント使いにまで及び、それについていろんな人がいろんな評価を提示しています。でも、この新iOSから読み取れることは見た目の変化だけではありません。注意深く見ていくと、次世代モバイルデバイスの世界を築くための基礎が埋め込まれているのが、かすかながら見て取れます。 物理エンジンと連
RequireJS moduleについて - monjudoh’s diary
RequireJSって何? 公式サイト RequireJS スライド jQueryRequireJS.pdf 日本語記事だとこの辺? http://zudolab.net/blog/?p=451 要はJavaScriptの依存性解決をしてくれるライブラリで、こんな感じで使えます。 require( [ 'lib/a' ,'lib/b' ,'lib/c' ], function(){ // lib/a.js,lib/b.js,lib/c.jsが読み込まれていることが保証されているcallback require( [ 'lib/d' // lib/a.jsに依存しているライブラリ ,'lib/f'// lib/b.jsに依存しているライブラリ ], function(){ // lib/a.js,lib/b.js,lib/c.js,lib/d.js,lib/e.jsが読み込まれていることが保
MVCパターンでアプリケーションを構築する（Backbone.js）
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Backbone.jsはクライアントサイドMVCフレームワークの定番ライブラリの1つです。プレゼンテーションをView（ビュー）に、ビジネスロジック（ドメイン）をModel（モデル）に定義するスタイルで処理を記述します。このことにより、コードの保守性、再利用性、テスト可能性などを向上させることができます。 名称： Backbone.js 分類： フレームワーク URL： http://backbonejs.org/ 関連ファイル： backbone-0.9.9.js
Backbone.js 日本語リファレンス
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Model を継承した新しいモデルを作ります。 properties インスタンスメンバを定義します。 var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
Backbone.js Advent Calendar 2012 - Adventar
Backbone.jsのTIPSとかパターンとか、他のライブラリとの連携などなど。 フルスタック感がない分、各自でいろいろ編み出しながら使いこなしていると思うので、そのあたりの共有がてら書きましょう！
試して学ぶ Backbone.js入門 | Remote TestKit
Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsの概要から、インストール方法、Modelの基本を説明していきます。 はじめに Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsはその名が示す通り、Webアプリケーションにアーキテクチャという背骨を提供することを目的としたライブラリです。直ぐに複雑なスパゲッティコードになりがちなWebアプリケーションに、Backbone.jsが提供するEvent, Model, Collection, View, Routerというコンポーネントを使うことで、Webアプリケーションに一定の構造を与えることが可能になります。 例：Backbone.jsによるアーキテクチャイメージ Backbone.jsによるWebアプリケーションの一例 様々なJavaScri
JavaScriptを分割&非同期で読み込めるRequireJS | バシャログ。
『サニー 永遠の仲間たち』という韓国映画がとても良かったです！minamiです。 サイトで使用するJavaScriptを非同期で読み込むライブラリが昨今増えていますが、その中でRequireJS というライブラリがバージョンアップしたとのことなのでさわってみました。 RequireJSとは RequireJSは、JavaScriptのファイルやモジュールを非同期でロードできるJavaScriptライブラリです。推奨環境は下記になっています。 IE 6以上 Firefox 2以上 Safari 3.2以上 Chrome 3以上 Opera 10以上 ダウンロードする まずライブラリをダウンロードします。 DOWNLOAD REQUIREJS RequireJS の設置 ダウンロードしたら、以下のように設置します。 ├ index.html └ /js ├ main.js（読み込み管理用jsフ
RequireJS と Backbone.js を組み合わせてモデルとビューをモジュール化してみる - present
はじめに Backbone.js を使って UI を実装しているけど、モデルやビューが増えてきた。1ファイルに収めるには多いんで、ファイルを分割して実装し、最終的には結合したい。 そこで、RequireJS を使ってモデルやビューをモジュールにして、ファイルを分割しつつ開発できるようにしてみる。 RequireJS とは RequireJS は JavaScript のファイルやモジュールを非同期でロードできる JavaScript ライブラリ。 RequireJS 最適化機能もあり、公開時はモジュールをひとまとめにできる。 RequireJS と Backbone.js を組み合わせてみる 以前作った TODO アプリのサンプルで練習してみる。モデルとビューとテンプレートを1ファイルに記述していたので、それを別ファイルに分割する。 ディレクトリ構成 RequireJS の導入でディレクト
nohupコマンドの使い方: UNIX/Linuxの部屋
プログラムをバックグラウンドで実行し、その後ログアウトすると、そのとき実行していたプロセスには自動的に SIGHUP シグナルが送られ、プロセスは終了する。しかし、 としてコマンドを実行すると、ログアウトしても command には SIGHUP シグナルが送られない。つまりログアウト後も実行を続けさせることができる。実行に長い時間がかかるプロセスに使うと、ログアウト後にも処理を続けさせることができて便利である。
A Thorough Introduction To Backbone.Marionette (Part 1) — Smashing Magazine
Backbone.js is quickly becoming the most popular framework for building modular client-side JavaScript applications. To help you tap the full potential of Marionette, Joseph Zimmerman prepared an entire eBook full of useful hands-on examples! To help you tap the full potential of Marionette, we’ve prepared an entire eBook full of useful hands-on examples which is also available in the Smashing Lib
８３歳の女子高生、軟式野球県決勝でベンチ入り （読売新聞） - Yahoo!ニュース
川崎市立高津高校定時制４年生で、８３歳の上中別府(かみなかべっぷ)チエさん（川崎市宮前区有馬）が、２３日に相模原市で行われる高校定時制通信制軟式野球神奈川県大会の決勝戦にベンチ入りする。 １２番の背番号を付けて伝令で登場する予定で「全力で支える」と意気込む。好きな言葉は生涯現役。「家で縮こまっていてもしょうがない。何でも挑戦してみたい」と元気いっぱいだ。 鹿児島県曽於(そお)市生まれで、地元の尋常高等小学校を卒業した。２人の子供を授かり、孫は５人、ひ孫が４人いる。小学校時代は、空襲に備えたバケツリレーの練習やなぎなたの訓練、農作業などで満足に勉強する時間がなかったという上中別府さん。７６歳の時、英語を勉強したくなった。宮前区役所に相談したところ、川崎市立西中原中学校の夜間学級を勧められ、３年間通った。 もっと勉強したいと、２０１０年４月に高校へ入学。学校で習ったことは必ず復習する。「
砂に埋めたモバイルルーターを探す
1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」（アスペクト）など。イカの沖漬けが世界一うまい食べものだと思ってる。（動画インタビュー） 前の記事：レーザーカッターを無駄に使う ＞ 個人サイト webやぎの目 宝探しがしたいのが半分だが、半分はモバイルルーターを埋めてみたかった、というのもある。 精密な機械を見るととりかえしのつかないことをしてみたくなる。パソコンの蓋を開けているときに「ここにスライムをこぼしたら…」と考えると無性にやりたくなる。 そんな危険な思想の持ち主であることは隠して弊社ニフティのISP事業部からWiMAXのモバイルルータを貸りてきた。
怪奇！ストリートビューに「ハト人間」出現 日本のネットメディアの仕業だった
日本のある場所をグーグルのストリートビューで見ると、不気味なハト人間が写りこんでいる――と、国内外のネットで話題になっている。 「×（ウィンドウを閉じる）ボタン押そうとしちゃった・・・」 「ホラー映画見てるのかと思った」 「いいか、絶対振り返るなよ！！」 アメリカのブックマークサイト「reddit」に貼られたリンクをたどると、玉川上水の緑道（東京・三鷹市）のストリートビューに飛ぶ。一見すると人々が散歩しているだけの画面だが、さらに進むと、頭部がハトで首から下が人間の身体を持ったキメラのような「ハト人間」7人（？）が白昼堂々、道の両脇に並びこちらに顔を向けてくる――ということがネットで拡散、話題になっている。服装はそれぞれバラバラで、つなぎだったり、カメラを提げていたり、女性らしきスカート姿も見られる。なんにせよ、ぎょっとする光景だ。 しかも、さらに先に進んで振り返ると、ハト人間らもこちらに
A simple Backbone.Marionette tutorial | Bridging the geek-suit divide
In this series of posts, we’ll cover writing a simple Backbone.js application as a primer. You can see the live result here. The original application is at https://github.com/ddellacosta/backbone.js-examples/tree/master/collections3 and all design assets (CSS, images, etc.) are from there. This tutorial will show you how to use Derick Bailey’s Backbone.Marionette to build a simple application. But
lodash
A modern JavaScript utility library delivering modularity, performance & extras.
短足のスーパーマン - jkondoの日記
僕の実家は田んぼがどこまでも広がる田舎だったので、犬と言えば軒先でわんわんと吠えまくり、知らない人を見れば追いかける生きものでした。おかげで僕は犬が怖くて、いつもびくびくしていました。父親もそうだったと思います。 妻のれいこさんと交際をするようになって、まず最初の難関が彼女の飼い犬でした。家に上がると部屋の中に犬がいて、こっちに寄ってきます。い、犬だ…と思いながら、恐々と足を舐められていました。 はじめて二人で部屋から出かけた夜、部屋に帰ってみると、部屋中に引きちぎられたスリッパが散乱していました。れいこさんを、僕が奪っていったと思ったのでしょう。後にも先にも、しなもんがそんなことをしたのは一回きりでした。 しなもんの愛くるしさのおかげで、僕の犬嫌いはすぐに直り、一緒に散歩をするようになりました。僕はどうしてもうんちを拾うのが苦手で、そちらはもっぱられいこさんの担当ということになって、そこ
サザン活動再開でアミューズの株価が急伸 （スポーツ報知） - Yahoo!ニュース
「サザンオールスターズ」の活動再開が２５日に発表されたことを受け、桑田佳祐（５７）が所属するアミューズの株価が、同日の東京株式市場で急伸した。終値は前日比１７５円高の２３５３円。値上がり率は８％強で、東京証券取引所第１部の全銘柄で３位となった。市場関係者によると、サザンの活動再開が業績アップにつながるとの思惑が広がって買われた」（大手証券）という。
恋愛する資格 - 41歳の男です。今までの人生の中で1人しか彼女が出来ませんでした。というのは私は24歳から今日に至るまでアルバイト生活を... - Yahoo!知恵袋
恋愛する資格 41歳の男です。 今までの人生の中で1人しか彼女が出来ませんでした。というのは私は24歳から今日に至るまでアルバイト生活を送ってきましたので、恋愛に積極的になれなかったのです。アルバイトの身分なら社会的立場においても経済的にも一般人より低く見られているのはわかっておりましたので、どうせ相手も嫌がるだろうな、と思いまして恋愛を諦めておりました。しかし、もう私も40歳を過ぎまして流石に一生独身は嫌で、一日も早く彼女が欲しいと毎日のように思うようになりました。 私には弟が1人おりますが、20代半ばでとっくに結婚しており子供が2人おります。反面、私に至りましては女友達もおらず毎日寂しい、詰まらない日々を送っているのを自分自身でも悩み続け、その事を思うと夜も眠れません。「このまま一生独身なのか・・」と。 折角、人間として生まれたからには人並みに恋愛して家庭を築きたいと思います。私もきち
画像の上に文字を表示 Hover Captions (HCaptions.js)
Markup example This example uses all default settings. <a href="#myToggle" class="panel"> <img src="http://placehold.it/470x300/f1f1f1/aaa&text=Example" /> </a> <div id="myToggle" class="cap-overlay hide"> <h5>Cupcakes</h5> <div class="content"> Name: cupcakes.png<br /> Photography: Ryun Shofner<br /> <a href="javascript:void(0)" class="button small"><i class="icon-edit"></i> Edit</a> <a href="jav
要素の上にクールに表示できるCaption実装jQueryプラグイン「HCaptions.js」:phpspot開発日誌
Hover Captions (HCaptions.js) 要素の上にクールに表示できるCaption実装jQueryプラグイン「HCaptions.js」 画像等にカーソルを合わせるとCaptionが出る、というのをカッコよく実現できるプラグインです。 キャプションの上にボタンなんかも表示できて、編集画面等でつかえそうです アニメーションが色々とカスタマイズでえらべるのでサイトの特徴に併せて動きを調整できます 関連エントリ 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 １ページ内で複数ページに分割できるjQueryプラグイン「windows」 エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 リアルなアナログ時
石膏ボード - Wikipedia
ジョイントコンパウンドと併用した施行例 石膏ボード（せっこうボード）またはプラスターボードとは、石膏を主成分とした素材を板状にして、特殊な板紙で包んだ建築材料である。安価であるが非常に丈夫であり、断熱・遮音性が高い。壁や天井を造る際には広く使われ、用途に合わせた種類がある。 概要[編集] 石膏は硫酸カルシウム2水和物のため多量の結晶水を含んでおり炎や熱に晒されると、この水が蒸気として空気中に放出されるのに伴って熱を吸収する。石膏ボードにはこの結晶水が約21%相当含まれており、耐火性に大きく寄与している。 化粧石膏ボードの化粧面（仕上げ面）は一見すると不規則な斑模様が見えるが、多くの柄は規則・方向性があり、裏表どちらから見ても方向がわかる様になっている。 建設現場では石膏ボードを施工することをその様から見て、「張る」と表現することが多い。 建築物の建て替えに伴い発生する廃石膏ボードは、廃棄物
テクノロジー（木質系注文住宅）｜ミサワホーム
実験を積み重ねて確かめた、高い安全性能。 暮らしの中で大きな脅威となる地震や台風などの自然災害や火災。住まいに何よりも求められるのは、そういった危険から家族の安全を守ることです。ミサワホームは、さまざまな実験ですぐれた性能を確認した独自のテクノロジーによって、安心して暮らせる住まいを実現します。
テクノロジー（木質系注文住宅）｜ミサワホーム
実験を積み重ねて確かめた、高い安全性能。 暮らしの中で大きな脅威となる地震や台風などの自然災害や火災。住まいに何よりも求められるのは、そういった危険から家族の安全を守ることです。ミサワホームは、さまざまな実験ですぐれた性能を確認した独自のテクノロジーによって、安心して暮らせる住まいを実現します。
テクノロジー（木質系注文住宅）｜ミサワホーム
実験を積み重ねて確かめた、高い安全性能。 暮らしの中で大きな脅威となる地震や台風などの自然災害や火災。住まいに何よりも求められるのは、そういった危険から家族の安全を守ることです。ミサワホームは、さまざまな実験ですぐれた性能を確認した独自のテクノロジーによって、安心して暮らせる住まいを実現します。
『石膏ボードが貼られてた。』
**ミサワで夢のMy Home **ミサワホームで、家作り。すべて自分で決める注文住宅のマイホーム二階建ての記録を残します(^_^)v テーマはシンプルモダン☆どんなおうちが完成するかな…♪ 水曜日に行って以来ですが、いろいろと進んでいました 一部で石膏ボードの貼りつけが済んでます！ こちら和室天井が付いてます いっきに部屋っぽくなってきました。 この上に壁紙を貼るそうです 収納にも棚が付き、大工さんの七つ道具の収納になっていました 続いて、２Fトイレ こちらもボードが貼られてます！ 縦滑りの窓。採光はよさそう ２Fは家族しか使わないので、コストダウンの為、天棚のみ取り付けてもらいました。 次 どうしても欲しかった、洗面所の収納。 写真ではわかりづらいですが、ちょうど梯子が入っている幅が、 ３０㎝四方の収納です すきま収納を設置予定 主にタオル類、下着、洗剤等々をしまいます そして。。 収
スマートフォンブラウザのjQuery Clickイベントに関すること - くらげだらけ
最近、はてなブックマークで「スマートフォンブラウザ不具合特集」というのを見つけました。知らなかったのもいくつかあったのですごく参考になりましたよ。 特にAndroid系は私も認識していないことが多いので、その辺りをきちんと見てる人はすごいなぁと思います。 ３年前ぐらいに比べると、あっという間にAndroidが多機種化してきて、あっという間にガラケーチェック時代っぽくなりましたね。ため息が出ます。。。 去年の秋ごろに私が書いたエントリーの「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」でも、iPhoneで上手くいかない事例について少し触れていました。 iPhoneだとLabel要素をタップしてInput要素（例えばチェックボックスなど）を操作できないというものです。 この解決方法はlabel要素に空のonclick属性をつけることで解決
amuse oneself.Inc – amuse oneself.Inc
SURVEYING SERVICETDOTでの測量サービスレーザースキャナシステム TDOTを用いた測量業務を承ります。 測量業務を外注したい方。 TDOT の性能を直に見てみたい方。 様々な案件を受注可能です。 詳細はこちら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
backbone.marionette/docs/marionette.application.md at master · marionettejs/backbone.marionette
nohupコマンド
GitHub - davidsulc/backbone.marionette-collection-example: A basic example of using Backbone.Marionette to simplify building Backbone.js apps
GitHub - jeromegn/Backbone.localStorage: A localStorage adapter for Backbone.js
サービス終了のお知らせ
スマートフォンブラウザ不具合特集
SSSSLIDE
amuse oneself LLC
[ヅ] Ricco リッコ (2013-06-25)