2013-09-01から1ヶ月間の記事一覧
ありがたやありがたや・・・http://blog.rono23.org/12 '100' 横幅固定でリサイズ 'x100' 縦幅固定でリサイズ '300x200' 指定した値を最大値としてリサイズ '300x200^' 指定した値を最小値としてリサイズ '300x200>' 指定した値より、大きいときリサイズ '30…
こんな感じのとき class Parent < ActiveRecord::Base has_one :child accepts_nested_attributes_for :child こんな感じでやる params.require(:parent).permit( :name, :name_kana, child_attributes: [ :name, :name_kana, ] ) 福本作品もいいけど、甲斐…
検索フォームの入力値もちゃんとバリデーションかけないと脆弱性のスクツになってしまいます。RailsCastにひとつの答えが載ってた。 http://railscasts.com/episodes/111-advanced-search-form-revised ※有料記事 かんたんにまとめると、検索をひとつのリソ…
RTFMだった件。 @articles.fetch( success: => for article in @articles c = Alloy.createController('row') c.articleTitle.text = article.title $.articleSection.add c.getView() Ti.App.fireEvent('onloadView') ) とかやってたんです。 Titanium Allo…
前回で、サーバサイドとクライアントサイドの分業がしやすくなった!とおもったけど、あれだと1種類のmodelにしか対応できていない。articleの開発は問題なく進められても、author絡みの開発をするには、また別のアダプターをつくらないといけなくなっちゃ…
記事を表示する記事画面のarticleという画面があった。 article.xml <Alloy> <Window> ~snip~ idを省略することによって、controller名が自動的につくので、このWindowのidはarticleとなる。 記事の内容を表すModelとしてやっぱりarticleというModelを作った。別にふつうの</window></alloy>…
http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Sync_Adapters_and_Migrations backboneに限らず、だいたいModelはDBなどのストレージとデータ構造の同期をとることによって永続化する。とかその逆とか。 backboneはBackbone.syncというメソッド…
あらすじ Titanium Alloyのレイアウトについていろいろ試したメモ2-画像編で絶望に打ちひしがれたリア充は、新しめの機能に調子に乗って手を出した己を恨む一方で、迫る納期に背中を押され、捨てたはずのTableViewに近づいていくのであった。 <Alloy> <Window backgroundColor="white"> <TableView id="table"> <TableViewSection> <TableViewRow> <ImageView image="/images/tmp_image/150x150.png" /> </TableViewRow> </tableviewsection></tableview></window></alloy>
前回の続き。今度はラベルを画像にしてみた。とりあえずhorizontalとverticalの比較を。 <Alloy> <Window class="container"> <View id="wrapper"> <ImageView image="/images/tmp_image/150x150.png" /> <ImageView image="/images/tmp_image/150x150.png" /> <ImageView image="/images/tmp_image/150x150.png" /> </View> </Window> </Alloy> "Window": {…
ListViewでheightの設定がキマらない。そんな経験はありませんか? 今回はListViewでやや複雑なレイアウトを組んでたら、パニックになったので、初心に立ち返って仕様を確認してみる。まずは超シンプルなレイアウトについて再確認してみる。 <Alloy> <Window class="container"> <Label>1つめのラベル</Label></window></alloy>…
backgroundImage='none' を入れてみるといいよ。
TableViewの後継?のListViewを調べたメモの続き。実戦投入だ!前回のエントリではXMLではできなさそう、とか言ったけどできるもんね!今回は食べログ的な検索条件画面を組んでみる。 こんなの。 チェックボックスがついている行と、次ページに行って選択し…
TitaniumのAlloy事始め。画面から別の画面に遷移するでちょっとだけ触れているけど、いざ深く画面の遷移まわりの処理を組んでいこうと思ったら、controllerとviewの境目とかわかってなくて、再度まとめてみることにした。 自分の頭の整理用メモだから、これ…
調べたメモ。というかほとんど和訳Facebookアプリみたいなナビバーを作るにはどうしたらいいんだろう。と思って調べ始めたところ、この2つの違いが気にかかったのでメモ。 こういうやつ。 TabGroup http://docs.appcelerator.com/titanium/3.0/#!/api/Titan…
もうスマホアプリっていったらつまるところリストビューだから。 リストビューを制するものはスマホアプリを制す。Titaniumではリスト表示には長らくTableViewが使われていたらしいが、パフォーマンスや使い勝手の面で性能アップしたListViewというものがそ…
http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_ViewsViewはXMLで書き、tssというスタイルシートちっく(Json形式ちっく)なものでレイアウト調整する。それはhttp://d.hatena.ne.jp/ria10/20130901/1378043812でちょっと調べたのでわかっている…
さて、Titaniumによる開発についてこれまで個別にいろいろ調べてきたけど、一気に実際にアプリを開発するための環境についてまとめてみる。 目指す環境 これまでTitanium Studioと標準的エミュレータでサンプルアプリの開発+実行を行ってきたけど、やっぱり…
TitaniumのAlloyについて調べたメモ2 までで、だいたいなんとなく、たぶん、わかってきたので、実際にアプリをいじくってみる。TitaniumのAlloyについて調べたメモ でりんご画像を出すように変えちゃったindexをぜんぶappleに変えて、indexは元通りにする。…
前回の続き。 いまさらAlloyのコンセプト確認 公式がこういう順番なんです。理屈が先だとおもしろくないしね。http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Concepts箇条書きに書いていくと、 AlloyばBackbone.jsベースのMVCフレームワークで…
現状はTitanium StudioをインストールしてKitchenSinkをシミュレータで動かしたところ。 http://d.hatena.ne.jp/ria10/20130823/1377248810次にAlloyの構成を実際に確認してみる。 参考サイト http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Qui…