なので

Ext.navigation.View.getNavigationBar().setTitle('New Title !');

みたいな感じ。

Modelオブジェクトをコンソールで見てたら

phantom : true

の文字が。

modelInstance.phantom = false;
modelInstance.save();

でupdateが呼ばれるようになった。やたー

control:{
	'#myButton' : {
		tap : function(){ alert('hoge') }
	}
}

というふうに設定していたら、2度目に開いた時に動かなかった。
インスタンスが2つ作成されているのか…ようわからんが、
ID指定の#myButtonをbutton#myButtonに、

control:{
	'button#myButton' : {
		tap : function(){ alert('hoge') }
	}
}

としたら動いた。

やりたいこと

ユーザ一覧のStore”A”で表示させたListクリックで、ユーザIDをパラメータとして渡してStore”B”に読み込み、その結果を遷移したdataviewに表示させたい。データはPHPでMySqlから取得。

• ControllerでListのselectイベントを取得し、Storeデータの取得、更新。
• Storeのアップデートはloadした時点で行われる

Application

Ext.application({
	name: 'MyApp',

	controllers: ['myController'],
	models: ['myModelA','myModelB'],
	stores: ['myStoreA','myStoreB'],
	views: ['Main'],

 	launch: function() {
        	Ext.Viewport.add(Ext.create('MyApp.view.Main'));
	}
});

ユーザ一覧用：ModelA

Ext.define('MyApp.model.myModelA', {
	extend: 'Ext.data.Model',

	config: {
		fields: [
        		{name: 'guestId', type: 'auto'},
        		{name: 'guestFirstName', type: 'auto'},
        		{name: 'guestLastName', type: 'auto'},
        		{name: 'guestFirstRuby', type: 'auto'},
        		{name: 'guestLastRuby', type: 'auto'},
		],
		proxy:{
			type: 'ajax',
			url: 'dataA.php',
			reader:{
				type: 'json'
			}
		},
	},

	getName : function(){
		var d = this.data,
		names = [
			d.guestFirstName,
			d.guestLastName
		];
		return names.join(" ");
	},
	getId : function(){
		return this.data.guestId;
	}
});

ユーザ詳細用：ModelB

Ext.define('MyApp.model.myModelB', {
	extend: 'Ext.data.Model',

	config: {
		fields: [
			{name: 'guestId', type: 'auto'},
			{name: 'birthday', type: 'auto'}
		],
		proxy:{
			type: 'ajax',
			url: 'dataB.php',
			reader:{
				type: 'json'
			}
		}
	}
});

ユーザ一覧用：StoreA

Ext.define('MyApp.store.myStoreA', {
	extend: 'Ext.data.Store',

	config: {
		model: 'MyApp.model.myModelA',
		storeId: 'myStoreA',
		autoLoad:true
	}
});

ユーザ詳細用：StoreB

Ext.define('MyApp.store.myStoreB', {
	extend: 'Ext.data.Store',

	config: {
		model: 'MyApp.model.myModelB',
		storeId: 'myStoreB'
	}
});

Controller

Ext.define('MyApp.controller.myController', {
	extend: 'Ext.app.Controller',

	config: {
		refs: {
			main:'#mainView',
			list:'#myList'
		},
		control: {
			'#myList': {
				select: 'showDetail'
			},
		}
	},

	showDetail:function(self, record){
		var storeB = this.getStoreB();
		storeB.load(
			{
				params:{
					id:record.getId()
				},
				callback: function(records, operation, success){
					console.log(success)
				},
				scope:this
			}
		);
		this.getMain().push({
			xtype : 'dataview',
			title : record.getName(),
			itemTpl : [
		 		'<p>guestId: {guestId}</p>',
		 		'<p>birthday: {birthday}</p>'
		  	].join(''),
			store : storeB
		});
	},
	getStoreB: function(){
		if (!this.storeB) {
			this.storeB = Ext.getStore('myStoreB');
		}
		return this.storeB;
	}
});

View

Ext.define("MyApp.view.Main", {
	extend: 'Ext.navigation.View',
	id: 'mainView',

	requires: [
		'Ext.List',
		'MyApp.store.myStoreA'
	],

	config: {
		items: [
			{
				xtype : 'list',
				id : 'myList',
				title : 'UserList',
				itemTpl : '<p>{guestFirstName} {guestLastName}</p>',
				store : 'myStoreA',
			}
		]
	}
});

表示

• Sencha Touch2ダウンロードページへ。
• あとその下のSDK Tools Beta for Developersもダウンロード＆インストール。（デフォルト通りにProgram Files内にインストールしたらエラーが。フォルダ名にスペースが入っているのがまずいのかもしれない。適当に変更する。）
• Sencha Touch 2 Free Commercial Versionをダウンロード。要メールアドレス。
• Sencha Touch 2を解凍。localhostでアクセスしたいのでxamppのウェブルートフォルダに移動。
• コマンドプロンプトからSencha Touch 2フォルダに移動して

  sencha generate app GS ../GS

  でプロジェクト作成。localhost/GS/でアクセスしてWelcome to Sencha Touch2ページを確認。

つまづきメモ

• app.jsでstores登録をしておけばグローバルストアとして扱える。store定義でstoreIdを設定しておくことで、

  var store = Ext.getStore('Guests');
  

  として取得できるみたい。

• クラスメソッドの呼び出しがよくわからん。controllerのjsに書いておけばいいのかな。
• textfieldのクラス定義内にonKeyUpでメソッド設定したら、clear iconが出なくなった。controllerでイベントハンドリングするようにしたら解決。
• rubyとsassとcompassをインストールしておくことでCSSのコンパイルができる。stylesフォルダを作ってconfig.rbを作成。

  dir = File.dirname(__FILE__)
  load File.join(dir, '..', 'sdk', 'resources', 'themes') /* compass_init.rbまでのパス */
  sass_path = dir
  css_path = File.join(dir, "..")
  output_style = :expanded /*最終的に圧縮する時はcompressed */
  environment = :development /*最終的に圧縮する時はproduction */
  

  その後コマンドプロンプトでstylesフォルダへ移動して

  compass compile

  でOK。
  ※テーマ変更についてhttp://vimeo.com/36917216

• アイコンの追加はscssに

  @include pictos-iconmask('icon-ID');
  

  でコンパイル。base64で追加されるみたい。

• データベースからデータ引っ張るにはStore定義でproxy使えばいいみたい。
  ※（5/10追記）ウソでした。proxy設定はModel定義でやる。
  storeのconfigでautoLoad指定をしておけば表示時に読み込んでおいてくれる。

  Ext.define('myApp.model.User',{
  	extend: 'Ext.data.Model',
  
  	config: {
  		fields:['id', 'name'],
  		proxy:{
  			type: 'ajax',
  			writer:{
  				type: 'json'
  			},
  			reader:{
  				type: 'json'
  			},
  			api:{
  				create:'json.php?r=create',
  				read:'json.php?r=read',
  				update:'json.php?r=update',
  				destroy:'json.php?r=destroy',
  			}
  		}
  	}
  });
  

  Ext.define('myApp.store.Users',{
  	extend: 'Ext.data.Store',
  
  	config: {
  		model: 'salonApp.model.User',
  		storeId: 'Users',
  		autoLoad: true
  	}
  });
  

出現する3D形状データを変えるにはどうすんのーとか思ってたら、
.obj形式の3DオブジェクトファイルをOBJ2OPENGLでhファイルに変換すればいいらしい。

あまり複雑な形状だと失敗するという噂もあるけど、いい方法はあるんだろうか。
Unity書き出しのが世話はないのかな…

─────IEで動かねぇ─────。

こちらによれば、どうやらダブルクォーテーションが文字参照（"）でなければダメ、とのこと。
なるほどねぇと思って文字参照に書き換えた所、無事にIEで動作確認。

─────IE以外のブラウザで動かねぇ─────。

結局ブラウザ判別処理入れて、IEならダブルクォーテーションを文字参照に置換、という無理くりな塩梅に。
なんだかなぁー

もはや低木もなくなり、ほぼ一種類の植物しか生えていない。名も知らない植物だが、強烈な紫外線の下でわずかな日陰や雨水の通り道らしきところにしぶとく生えている。

3,000m到達。頂上まであと770m。登り始めである五合目が既に2,300ｍほどなので、ようやく行程の半分もいいところなのだが、3,000／3,770と考えるとまるでもう一息のような気分になれて現実逃避できるよ！

七合目や八合目など、節目には山小屋がありペットボトルジュースやお茶、ビールなんかも売ってある。もちろん高地価格だが…写真のジュースはこのサイズで500円。でもまあ予想よりは安い。なによりこの景色！乾ききった喉にCCレモン！これを我慢するなんていう高度なプレイは俺には無理だった。

みろ！人がゴミのようだってか流石に肉眼じゃ見えない。

8合目。もはや植物などない世界。
いい加減しんどくなってきた。なんとか10歩足を踏み出して、立ち止まって5回呼吸する、を繰り返すことで辛うじて前進。ただ登山道は岩がゴロゴロしてるが沈み込むこともなく、気をつけて歩けば比較的歩きやすい。

日没ギリギリに頂上に到達。
登頂イエー！という気分になるよりも、空気の薄さと疲れきった足で正直フラフラ。さすがに日が落ちると一気に気温が下がり始めるが、天気は良く山頂には風もなく、非常に過ごしやすい。シュラフを持ってきているので、適当に横になれそうな場所を確保する。

カ！カロリーメイトが気圧でパンパンです。

さて、シュラフにくるまっているとどんどん頭が痛くなってきた。感覚が薄くなってきていた指先はすっかり冷たくなって、震えが起こり始めている。歩行障害こそ出ていないがこれはどう考えてもあの状況だ。さすがにまたあんな羽目になるのはイヤだったので、早々に山頂でのご来光は諦めてとりあえず高度を下げることにする。1,000m位高度を下げれば大丈夫なので、七合目あたりまで降りることに。期せずしての夜間登山ならぬ夜間下山。ヘッドライトが大活躍。富士山行くときは照度の高いヘッドライトがお薦めです。

標高3,000m程まで降りるとすっかり楽になったので、七合目の山小屋前でホットココアなど飲みながら夜明けを待つことに。山小屋でお休みだったみなさんは、0時～1時ごろに続々と起きだして登り始めた。すっかり人のいなくなったベンチで寝袋広げて横になる。

午前3:30ごろから空が明るくなり始め、4:30に日の出。日の出直前が最も寒いので、日が登ってどんどん暖かくなると、すごくありがたく感じる。
太陽ありがとう。富士山ありがとう。
下りは大砂走りをヒャッハーと駆け下りて、所要時間はわずか2時間でした。

というわけで対富士山戦。
山頂には高度障害で朝まで居れなかったので完全勝利とは言えないかもしれないが、まあ一矢報いた感じだろうか。
リベンジは…5年くらいはいいかな…

富士山行ってきました。
会社終わって即パックひっつかんで新幹線、4時間後には新富士に到着。
さて宿考えてなかった…カプセルもしくはネカフェは…見当たらない。
iPhoneで検索してビジネスホテルに電話、受付時間過ぎてたけどギリで入れてくれた。ありがたや。新富士の人マジ親切。というか予約しとけって話。

翌日はJR新富士駅8:30のバスで富士宮口新五合目へ。
富士山そこに見えてるし近いだろ、とか思ってたら2時間もかかった。
でかいとすぐそこにあるように見えて困る。
新五合目で標高2000mくらい。雲は既に眼下である。
もう富士山制覇した気分でいっぱいです。

しかし振り返ると、まだまだ上はドーンとそびえている。
というわけで、いざゆかん。

Let’s climb

登り始めると、富士登山はこれまでの登山とはまったく別の体験だということがわかった。なぜか。これまでの登山では視界はたいてい木々に遮られていた。しかし富士山はスタートから森林限界で見晴らしがちがう。おまけに目線より下に雲が浮いている。まるで空中散歩のような気分。

富士宮口から登り始めたが、早速6合目あたりで「宝永山」への分岐にさしかかる。時間には十分余裕があるし、むしろ山頂に着くのが早過ぎると暇を持て余すことになるため、積極的に寄り道をする。結果として宝永山・プリンスルートを経由して御殿場ルートへ乗り換えることに。
ところで、宝永第一火口から宝永山頂へのルートは踏み出す足がことごとく埋まり、歩けど歩けど一向に進まない蟻地獄のようなルートだった。下るならともかく登るのはおすすめしない。正直泣きそうになった。
宝永山頂へのアクセスは御殿場口から登るか、御殿場ルートで降りる途中で立ち寄るのが最も楽ちんだと思われる。

宝永山付近の映像

宝永山付近で動画を撮ってみた。雲の動きからも分かるように斜面上昇風が、砂埃や雨なんぞは下から上に降らせるほどに強く吹いている。動画の最後に座っている人々が映るが、その場所が宝永山頂である。

つづく。

丸5か月経過をもって禁煙の成功を宣言いたします。
とはいえまだ時々吸いたくなるシチュエーションに遭遇することがあｒ

自己暗示「空気うめぇ」