タグ: rails を抽出しています。
Total: 5

lion + rvm + rails3

ブログ | 2011/7/30 10:13
基本的にはこちらを参考にした。
・OS X LionのMacbookAirを買ってからRailsの開発環境整えるためにやったことメモ
http://cureblack.com/a/198

加えてrvmにgemsetを追加

rvm install 1.9.2
rvm gemset create rails3
rvm --defalut use 1.9.2@rails3

Pow!はまだ止めといた。
開発環境はどうしようかな。
今までWindows+NetBeansだったからNetBeansでもいいんだけど、
Macだと他にどんなのがあるのかな。
タグ

ネイティブアプリっぽいUI+Rails

ブログ | 2011/5/20 12:05
ネイティブアプリっぽいUIが簡単に作れるか調べ中メモ。

ExtJS
http://www.extjs.co.jp/
最近バージョンアップして4になった模様。

ちょっと触ってみたけれど、JavaSwingっぽいイメージなのかな。
ウィンドウ作ってそんなかにさらにウィンドウ突っ込んで~みたいな感じだった。
ただ、ほとんどすべてJavaScriptで書かないといけないのでめんどくさそう。

これとRailsどうやって合わせればいいんだ?と疑問に思ったので
ExtJS+Railsで作られたグループウェアのOSS「9arrows」のソース見てみた。
http://9arrows.com/

案の定大量のJavaScriptファイルがあって、しかもそんなかで丁寧に入力チェックとかしていた。
これは自分には無理だ。
よってRails+ExtJSは却下。


次はRailsのプラグイン。
Netzke
http://netzke.org/
Rails3,ExtJS3.3に対応。
デモソース見た感じ、
viewの中に<%= netzke ・・・ %>をごりごり書けば、ExtJSで自動的にウィンドウが作られるような仕組み。
その中で読み込むModelやら検索条件やらも指定しているので、Controllerはすかすかだった。
すべてのExtJSコンポーネントに対応しているわけではなさそう。


jQuery UI.Layout Plug-in
http://layout.jquery-dev.net/
ExtJSでいうボーダーレイアウトを実現するjQueryプラグイン。
複雑なことをやろうとすると、さすがに設定項目が多くて大変だけど
ExtJSに比べればすごく簡単。
これはいいかも。


jquerymobile
http://jquerymobile.com/
スマートフォン向けフレームワーク。
スマートフォン向けだけど、別にPC用画面もこれで作れば
普通のWebページよりはマシなんじゃないかという甘い予想。
もちろんそのままスマートフォンでも使えるし。一石二鳥。



いつか機会があれば出してみたいChrome Web Storeの公開手順がわかりやすく記述されていたのでメモ。
Webアプリを公開しよう! Chrome Web Store/Apps入門
http://gihyo.jp/dev/serial/01/chrome-web-store

スマートフォン同士でプロフィール交換

ブログ | 2011/3/4 17:04
スマートフォン対応のついでに
スマートフォン同士でプロフィール画面を見せ合えるように
プロフィール画面のQRコードを表示するだけの画面を作った。



ただこれだけだと使いにくいので、
いったんsafariで開いて「ホーム画面に追加」ボタンをクリックすると



ホームにそれっぽいアイコンが誕生する。



あとは、見せたいときにこいつを起動すれば
すぐにQRコードが現れるので、相手の人に読み込んでもらえばOK。


「プロフィール画面のQRコードを表示するためのURL」は(ややこしい・・・)
みーへん?(ログイン状態)の管理画面を開くと表示されます。
http://3i-hen.com/#!/setting

JQueryMobileでプロフィールを作った

ブログ | 2011/3/4 16:28
初めてのJQueryMobileだったけどサクっとできた。
作ったのはみーへん?のプロフィール画面。

個人用名刺を作ろうかと思ってて、連絡先の他に何か載せれるもんないかなーと
考えて思いついたのが下の2つ。
  • スキル
  • 今まで作ったWebサービス

「それプロフィール画面をスマートフォン対応させてQRコードを名刺に載っけりゃいいやん!」
と思いつき、とりあえず作ってみた。


スキルのページはリストっぽく表示するだけ。
ポートフォリオはサムネイルを付けてそれっぽく。



最初は白で作ってたけど、なんとも味気ないデザインに仕上がったので黒でごまかし中。
詳細画面はまだてきとーにしか作ってなくて、コメントやらいろいろ見れないけど、そこらへんはそのうち。

実物を見たい場合は、
http://3i-hen.com/#!/profile/ma2kubo
をスマートフォンで開くか、
PCで開くとQRコードが表示されるので、そこから見てみてください。
▼追記 2011/5/9 19:37
機能追加に伴い、やっぱ白くした。
▼追記 2011/5/9 19:49
JQueryMobile 1.0a3→1.0a4.1に伴い、Listの書き方が変わってた。
aタグの中に、いろいろコンテンツを記述しないといけなくなったみたい。
以前は、aタグの下にpタグやらh3タグ書いててもうまく認識されてたのに。
rails的にちょとめんどい。

Rails3.0 + will_paginateでAjax

ブログ | 2010/12/11 01:38
Gemfile
gem 'will_paginate', '3.0.pre2', :require => 'will_paginate'
※requireがいるのかどうか試してない

bundle install

post.html.erb
<%= will_paginate @posts, :renderer => RemoteLinkRenderer %>

RemoteLinkRenderer.rbを作成
class RemoteLinkRenderer < WillPaginate::ViewHelpers::LinkRenderer
 private

 def link(text, target, attributes = {})
   if target.is_a? Fixnum
     attributes[:rel] = rel_value(target)
     target = url(target)
   end
   attributes[:href] = target
   attributes['data-remote'] = 'true'
   tag(:a, text, attributes)
 end
end
LinkRendererの内容に
attributes['data-remote'] = 'true'
を足しただけ。

これでとりあえずAjax遷移になった。
▼追記 2010/12/11 01:44
Controller内はRails2と似た感じだけど
Post.where(:category => params[:category]).paginate(:page => params[:page], :per_page => 9)
こんな風に書いてみたらあっさり成功した。
前 | 1 | 次

Rottel内コンテンツ

ユーザー一覧

Rottelとは?
利用規約
開発飲料
利用者の声
ヘルプ
close