http://www.rottel.net/ma2kubo ja lion + rvm + rails3 http://www.rottel.net/ma2kubo/123232 基本的にはこちらを参考にした。・OS X LionのMacbookAirを買ってからRailsの開発環境整えるためにやったことメモhttp://cureblack.com/a/198加えてrvmにgemsetを追加<blockquote>rvm install 1.9.2rvm gemset create rails3rvm --defalut use 1.9.2@rails3</blockquote>Pow!はまだ止めといた。開発環境はどうしようかな。今までWindows+NetBeansだったからNetBeansでもいいんだけど、Macだと他にどんなのがあるのかな。 Sat, 30 Jul 2011 10:13:57 +0900 ma2kubo http://www.rottel.net/ma2kubo/123232 JQueryMobile(Alpha 4.1)で開発してみて困った事のまとめ http://www.rottel.net/ma2kubo/116764 困ってばっかりで、解決できてないものもありつつ。備忘録。1.ページ遷移するたび、履歴が溜まっていくJQueryMobileではリンクをクリックすると、ajaxで一部だけ読み込み、既存のDOMに追加して遷移したように見せる。だからページ遷移すればするほどDOMが肥大化していく。履歴があると、ページ遷移が早くなるというメリットもあるけどWebアプリだとずっと更新されずに前回表示された内容が残ったままというのも制御がしづらくなる。nonHistorySelectorsというプロパティをうまく使えば実現できるのかもしれないけどいまいち良く分からなかったので、ざくっと非表示になったら毎回消すようにしてみたらうまくいった。<blockquote>$(document).bind('pagehide',function(event, ui){ $(event.target).remove();});</blockquote>2.footerをfixedに指定すると、消えてしまうことがあるどうも、backボタンで、履歴のページに戻るときやDialogで×ボタンを押して戻るときに消えてしまうようだ。消えるといっても見えないだけで、footerはちゃんと存在しててクリックしたりはできる。画面を縦にしたり横にしたりすると再び出現する。これは対処方法がわからず困った。とりあえず上記の対応で履歴自体利用しない設計にして逃げた。Dialogも使わないことにした。JQueryMobileのバージョンアップで直らないかな?3.swipeが感度よすぎスクロール時のちょっとした円運動でも、swipeと認識してしまう。これでは使いにくかったので、コードを修正して対応した。詳しい対処方は下のエントリーで。http://www.rottel.net/ma2kubo/1150694.safariのアドレスバーが邪魔画面が小さい分、少しでも表示領域を広げたい。そんなときは、自動でちょっとスクロールさせてあげる。<blockquote>$(document).bind('pageshow',function(event, ui){ setTimeout('scrollTo(0,1)',100);});</blockquote>画面の傾きにも対応したいとき用。<blockquote>$(document).bind('orientationchange',function(event, ui){ setTimeout('scrollTo(0,1)',100);});</blockquote>5.autofocusが出来ないhml5のautofocusを指定しても、画面遷移中のエフェクト時にはフォーカスが当たるけどエフェクトが終了するとフォーカスが外れてしまう。pageshowイベントでjavascriptでfocusを当てると、カーソルは当たるけど入力状態(仮想キーボードが出る状態)にはならない。(これはsafariのせいかな)対処法求む。 Fri, 10 Jun 2011 19:54:32 +0900 ma2kubo http://www.rottel.net/ma2kubo/116764 チーム内でToDoを共有&採点するアプリをリリース http://www.rottel.net/ma2kubo/116594 チーム内でToDoを共有&採点するアプリを作りました。ToDoPohttp://todopo.org[img|3122][img|3126|left][img|3127|left][img|3128|left][img|3129|||clear]JQueryMobileで作ったのでクロスプラットフォーム対応です。iOS、Android、Blackberry、WebOS、Opera Mobile、Opera Mini、Firefox MobilePCからも使えますが、若干使いにくいです。シンプルなToDo機能と共有機能は良くある機能です。ToDoPoの目玉は採点機能。アプリ内では「やったーポイント」と表記しています。人事評価の360度評価システムのようなもので、チームメンバーがそれぞれの主観でToDoに対して大変さを評価していくことでToDoを消化した際に得られるやったーポイントを設定します。自然と、専門的なスキルが必要だったり、簡単だけど誰もやりたがらない面倒な作業が高ポイントになると思います。ToDoに着手する前に、何ポイントの作業なのかがわかるようになるので高ポイントなToDoは奪い合いになるかもしれませんし、大変さに比例しない低ポイントの場合は、誰も手を付けないかもしれません。(その時は再評価を)そんな感じで、ToDoに対してポイントを設定しながら消化していくことでプロジェクト完了時に、誰がどれくらい貢献したのかを調べるための目安になる事を目的とした機能です。また、ToDoには必須の優先度設定機能はありません。代わりに、37signalsの書籍「小さなチーム、大きな仕事」のアイデアをぱくってみました。すこしその部分を引用。<blockquote>「これは優先順位が高くて、これは優先順位が低い」と言うのは避ける。同様に「これは三、これは二、これは一、これは三」と言ってはいけない。そのようにすると必ずといっていいほど、優先順位が高いタスクが山ほど生まれるはめになる。これは優先順位づけではない。</blockquote><blockquote>そのかわり、視覚的に優先順位を付ける。最も重要なことを一番上に配置する。次に重要なことはその下。こうすれば最も重要なことは一度に一つだけた。</blockquote>というわけで、並び替え機能をつけてあります。ToDoPohttp://todopo.org[img|3122] Thu, 9 Jun 2011 12:16:31 +0900 ma2kubo http://www.rottel.net/ma2kubo/116594 G1馬主 http://www.rottel.net/ma2kubo/116166 一口ですけど、G1馬主になりました。【安田記念】リアルインパクト3歳初V アパパネ6着http://www.sponichi.co.jp/gamble/news/2011/06/05/kiji/K20110605000963310.htmlまさか勝つとは思ってなかった。期待せずに見てたら、なんかいつもと違って落ち着いてるなーって。スタートしたらめずらしく前につけたので、これで直線になっても見せ場なく終わることはないなーって。直線になったら3頭の叩き合いに勝っちゃって。あれ?いけるの?いけちゃうの?って感じで見てたらほんとに勝っちゃった。おかげさまで食洗機を買えました。ごっつぁんです。 Mon, 6 Jun 2011 01:04:16 +0900 ma2kubo http://www.rottel.net/ma2kubo/116166 世界で最も労働時間が長いのはメキシコ、日本2位 http://www.rottel.net/ma2kubo/115277 世界で最も労働時間が長いのはメキシコ、日本2位、中国7位―OECD調査http://www.recordchina.co.jp/group.php?groupid=51622有給の労働と家事や買い物など無給の労働に費やす1日当たりの平均時間で日本は2位。有給労働だけでみると、日本が最長の6.3時間。もちろん、サビ残は含まれてないだろうね。(他の国にもあるのかもしれないけど)しかもこんだけ働いてる人がいる中、一方では就職難とか。ある程度ワーキングシェアして、若い人に席ゆずってあげないとジリ貧になるに。おっさん、おばさんたちも、自分の既得権を守るのに必死すぎると自分らの子供にシワ寄せいくに。正社員という身分制度がある以上、正社員様が多い会社ほど難しいんだろうとは思うけど。新興企業が、さくっと合理的な制度作って、旧式な会社の利益をこれまたさくっと上回ってくれんやろか?あっちの方がいいじゃん。と、皆が思うほどに。 Sun, 29 May 2011 04:30:58 +0900 ma2kubo http://www.rottel.net/ma2kubo/115277 jQueryMobileのswipeが感度よすぎて困った http://www.rottel.net/ma2kubo/115069 swipeの判定が感度よすぎる。右手の親指でスクロールしただけでswiperightが発生してしまう。なにか設定方法はないか探してみたけど見つからず・・・仕方ないのでとりあえずコードを修正して対応する方法をメモ。1100行目あたり(Alpha 4.1)<blockquote>if ( stop.time - start.time < 1000 && Math.abs( start.coords[0] - stop.coords[0]) > 30 && Math.abs( start.coords[1] - stop.coords[1]) < 75 ) { start.origin .trigger( "swipe" ) .trigger( start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight" );}</blockquote>の30のところ120くらいにすると個人的によい感じになった。 Fri, 27 May 2011 11:55:34 +0900 ma2kubo http://www.rottel.net/ma2kubo/115069 ネイティブアプリっぽいUI+Rails http://www.rottel.net/ma2kubo/114173 ネイティブアプリっぽいUIが簡単に作れるか調べ中メモ。ExtJShttp://www.extjs.co.jp/最近バージョンアップして4になった模様。ちょっと触ってみたけれど、JavaSwingっぽいイメージなのかな。ウィンドウ作ってそんなかにさらにウィンドウ突っ込んで~みたいな感じだった。ただ、ほとんどすべてJavaScriptで書かないといけないのでめんどくさそう。これとRailsどうやって合わせればいいんだ?と疑問に思ったのでExtJS+Railsで作られたグループウェアのOSS「9arrows」のソース見てみた。http://9arrows.com/案の定大量のJavaScriptファイルがあって、しかもそんなかで丁寧に入力チェックとかしていた。これは自分には無理だ。よってRails+ExtJSは却下。次はRailsのプラグイン。Netzkehttp://netzke.org/Rails3,ExtJS3.3に対応。デモソース見た感じ、viewの中に<%= netzke ・・・ %>をごりごり書けば、ExtJSで自動的にウィンドウが作られるような仕組み。その中で読み込むModelやら検索条件やらも指定しているので、Controllerはすかすかだった。すべてのExtJSコンポーネントに対応しているわけではなさそう。jQuery UI.Layout Plug-inhttp://layout.jquery-dev.net/ExtJSでいうボーダーレイアウトを実現するjQueryプラグイン。複雑なことをやろうとすると、さすがに設定項目が多くて大変だけどExtJSに比べればすごく簡単。これはいいかも。jquerymobilehttp://jquerymobile.com/スマートフォン向けフレームワーク。スマートフォン向けだけど、別にPC用画面もこれで作れば普通のWebページよりはマシなんじゃないかという甘い予想。もちろんそのままスマートフォンでも使えるし。一石二鳥。いつか機会があれば出してみたいChrome Web Storeの公開手順がわかりやすく記述されていたのでメモ。Webアプリを公開しよう! Chrome Web Store/Apps入門http://gihyo.jp/dev/serial/01/chrome-web-store Fri, 20 May 2011 12:05:56 +0900 ma2kubo http://www.rottel.net/ma2kubo/114173 アイデアメモ http://www.rottel.net/ma2kubo/113170 思いついたことを書いておける場所をつくった。整理された環境だと、バカげた事が書けなくなってしまうのでなんの工夫もなくTwitter形式でただつぶやけるだけの機能。もちろん、他人からは見えないようになってます。[img|3107]例のごとく、iPhoneで画面を開いたら、ホーム画面に追加する。[img|3108]するとアイコンができるので、思いついたらささっと書き込めるようになる。[img|3109]使いつつ、必要そうな機能を考えよう。http://3i-hen.com/#!/memos(ログインしてないと見れません)ユーザー登録はこちらから。http://3i-hen.com/『関連エントリー』<a href="http://www.rottel.net/ma2kubo/113159">クリエイター向けポートフォリオ作成サービス</a><a href="http://www.rottel.net/ma2kubo/104611">JQueryMobileでプロフィールを作った</a><a href="http://www.rottel.net/ma2kubo/104621">スマートフォン同士でプロフィール交換</a> Wed, 11 May 2011 19:55:37 +0900 ma2kubo http://www.rottel.net/ma2kubo/113170 クリエイター向けポートフォリオ作成サービス http://www.rottel.net/ma2kubo/113159 スキルシートやポートフォリオのデザインを見やすく変更。JQueryMobileのバージョンアップでおかしくなってたスマホ画面も修正した。私のポートフォリオhttp://3i-hen.com/#!/profile/ma2kubo[img|3104][img|3105][img|3106]次は、プロフィール交換できるようにブックマーク的な機能を追加しよう。ポートフォリオの作成はこちらからどうぞ。http://3i-hen.com/無料で作れます。『関連エントリー』<a href="http://www.rottel.net/ma2kubo/104611">JQueryMobileでプロフィールを作った</a><a href="http://www.rottel.net/ma2kubo/104621">スマートフォン同士でプロフィール交換</a> Wed, 11 May 2011 18:02:51 +0900 ma2kubo http://www.rottel.net/ma2kubo/113159 イオンオーナーズカード使ってきた http://www.rottel.net/ma2kubo/111974 イオンの株主優待でもらえるイオンオーナーズカードが届いたのでさっそく使ってきた。<blockquote>イオンオーナーズカードはイオン株式会社の株式を100株以上お持ちの株主さまのご優待カードです。現金又はWAON(イオンの電子マネー)でのお買上げ金額に、ご所有の株式数に応じた返金率をかけた額を半年分まとめてご返金します。</blockquote>返金率は以下のとおり。100株以上 3%500株以上 4%1,000株以上 5%3,000株以上 7%わたくしは100株だけ保持してるので3%引き。お客さま感謝デーの5%引きとも併用されるので、最大8%引き。イオンシネマも安くなる。シネマ感謝デー(20,30日)やレイトショーは1000円で観れる。しかも、同伴者も1000円。ドリンクorポップコーン引換券までもらえた。(300円相当ぐらいかな)イオンのセルフレジでオーナーズカード使えるのか不安だったけどちゃんと使い方が張り紙してあったので、すんなり使えた。今度イオン行った時はイオンラウンジに行ってみよう。無料でお菓子と飲み物が貰えるらしい。あと、飲食店などで2回ほど出し忘れてしまったので、次回は忘れぬように。 Mon, 2 May 2011 14:16:39 +0900 ma2kubo http://www.rottel.net/ma2kubo/111974 35歳定年説ねぇ http://www.rottel.net/ma2kubo/111854 35歳を超えたエンジニアの5つの働き方http://www.kaeruspoon.net/articles/908自分はまだかろうじて20代なので共感できる部分とまだ実感わかない部分とあったけど、ブログ主のように、謙虚さや勤勉さを持ち続けていられるように気をつけよう。<blockquote>年齢を重ねればその分だけ過去の貯金ができて、勉強しなくても仕事をする上で困ることは減ってきます。でもそれはただ単に貯金を食いつぶしているだけでいつか破綻します。</blockquote>「私はもう(勉強しなくて)いいんだ」という名言を残した人に聞かせてやりたい。<blockquote>人を騙したり、誤解を与えるようなやり方でお金を稼いでいる仕事は、たとえ技術的に魅力的なことをやっていたとしても、ぼくにとっては何の価値もありません</blockquote>お金を稼ぐのも大事だけど、ユーザーに価格以上の価値を提供できないと。で、記事とはあまり関係ないというか35歳定年説の話。この方のように35歳超えても、能力はもちろんのこと体力的にも働けているという事実は心強い。そもそも ・年功序列によるPG→SE→マネージャーへの転身 ・派遣時の単価との折り合い(社内は年齢給だけど派遣時は職務給なので) ・頭を使わず体力勝負の開発現場が重なって、35歳定年説になっているだけなので決してエンジニアとして使えなくなるって意味じゃない。会社にそれを許す土壌があれば、若手より活躍できる35歳オーバーな人なんて、たくさんいるでしょう。 Sun, 1 May 2011 13:39:36 +0900 ma2kubo http://www.rottel.net/ma2kubo/111854 日本企業における減給 http://www.rottel.net/ma2kubo/111436 給料と労働意欲のひねくれた関係http://www.newsweekjapan.jp/stories/business/2011/04/post-2073.php不景気時の対応として、減給か失業かどちらがベターか?みたいな記事。<blockquote>減給を避ければ、引き換えに職を失う人が増加するのは避けられない。そして失業は、本人や家族に先々まで深刻な打撃を残す。数十年後の本人の健康や子供の教育、子供の所得水準に悪影響が及ぶ恐れもある。</blockquote>失業の方が後々悪影響が及ぶっていうのは同意なんだけど日本企業の減給っていうのは・昇給を止める(=若い人ほど生涯賃金減少)・残業代を払わなくなる(=役職者関係ない)であって、若い人ほど損な方法しかとらない。役職者=高給=責任高いはずなのに、なんでだろうね。<blockquote>減給を暫定的な措置と位置付け、減給期間中の仕事の負担が減るという印象を与えるような斬新な方策が必要なのだろう。給料の引き下げに対する勤労者の反発を和らげる方法を見いだせれば、勤労者自身にとっても長期的にはプラスになる。</blockquote>そんなわけで、日本企業的には「全員一律で減給」が実施されるだけでも斬新だし責任高い人が責任とる減給方法が取られればもっと斬新な方策です。(それが普通だよね…) Wed, 27 Apr 2011 22:13:06 +0900 ma2kubo http://www.rottel.net/ma2kubo/111436 名古屋の業務系PGはどうなんだろう? http://www.rottel.net/ma2kubo/111303 普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選http://d.hatena.ne.jp/ryoasai/20110424/1303629529意外と知られていないってそこまで業務系PGはレベル低いのか?相違点というか似てるのは名前だけだろうに。と思って読んでみたら、確かに知らないPG多そうだった。<blockquote>以前はJava EEの普通のWebアプリケーションで、JavaScriptはあくまでも利便性のために補助的に使うものという認識がありましたが、さすがに最近では普通の業務系のSI案件でもテーブル表示や入力補助などで高度なAjaxライブラリーの使用が当たり前のように求められるようになりつつあります。</blockquote>名古屋の業務系システムもAjaxライブラリ使うようになってきたのかな?まともに使ってるの見たことないけど。30代~くらいの人のJavaScriptアレルギーは無くなったのだろうか? Tue, 26 Apr 2011 15:55:18 +0900 ma2kubo http://www.rottel.net/ma2kubo/111303 スマートフォン同士でプロフィール交換 http://www.rottel.net/ma2kubo/104621 スマートフォン対応のついでにスマートフォン同士でプロフィール画面を見せ合えるようにプロフィール画面のQRコードを表示するだけの画面を作った。[img|3029]ただこれだけだと使いにくいので、いったんsafariで開いて「ホーム画面に追加」ボタンをクリックすると[img|3030]ホームにそれっぽいアイコンが誕生する。[img|3031||320]あとは、見せたいときにこいつを起動すればすぐにQRコードが現れるので、相手の人に読み込んでもらえばOK。「プロフィール画面のQRコードを表示するためのURL」は(ややこしい・・・)みーへん?(ログイン状態)の管理画面を開くと表示されます。http://3i-hen.com/#!/setting[img|3032||450] Fri, 4 Mar 2011 17:04:46 +0900 ma2kubo http://www.rottel.net/ma2kubo/104621 JQueryMobileでプロフィールを作った http://www.rottel.net/ma2kubo/104611 初めてのJQueryMobileだったけどサクっとできた。作ったのはみーへん?のプロフィール画面。個人用名刺を作ろうかと思ってて、連絡先の他に何か載せれるもんないかなーと考えて思いついたのが下の2つ。<ul><li>スキル</li><li>今まで作ったWebサービス</li></ul>「それプロフィール画面をスマートフォン対応させてQRコードを名刺に載っけりゃいいやん!」と思いつき、とりあえず作ってみた。[img|3025|left][img|3026|left][clear]スキルのページはリストっぽく表示するだけ。ポートフォリオはサムネイルを付けてそれっぽく。[img|3027|left][img|3028|left][clear]最初は白で作ってたけど、なんとも味気ないデザインに仕上がったので黒でごまかし中。詳細画面はまだてきとーにしか作ってなくて、コメントやらいろいろ見れないけど、そこらへんはそのうち。実物を見たい場合は、http://3i-hen.com/#!/profile/ma2kuboをスマートフォンで開くか、PCで開くとQRコードが表示されるので、そこから見てみてください。 Fri, 4 Mar 2011 16:28:09 +0900 ma2kubo http://www.rottel.net/ma2kubo/104611 [ruby]goo.glのAPI使ってみた http://www.rottel.net/ma2kubo/98654 参考にさせて頂いたのはこちらのブログ・[PHP][Google]goo.glのAPI提供が開始されたので試してみたhttp://d.hatena.ne.jp/shimooka/20110111/1294722343rubyでhttp通信とかしたことなかったので、四苦八苦しつつ。<blockquote>require "net/https"require "uri"require 'json'class Googl def self.shorturl(url) api = "https://www.googleapis.com/urlshortener/v1/url?key=取得したAPIKEY" uri = URI.parse(api) https = Net::HTTP.new(uri.host, uri.port) https.use_ssl = true https.verify_mode = OpenSSL::SSL::VERIFY_NONE https.start { |http| header = {"Content-Type" => "application/json"} body = {'longUrl'=> url}.to_json response = http.post(uri.path, body, header) pp JSON.parse(response.body) } endend</blockquote>もっと簡単にやる方法あったら教えてください。 Tue, 11 Jan 2011 19:12:11 +0900 ma2kubo http://www.rottel.net/ma2kubo/98654 みーへん?リリース http://www.rottel.net/ma2kubo/97497 http://3i-hen.com/まだいろいろ未実装だけど。ミニマムスタートだと言い張って公開。<blockquote>つくり手が集まってみんなでワイワイする場所です。勉強したい人が集まる 「私塾」創作したい人が集まる 「工房」創作したものを公開する 「アプリ」 の3つの場を作成できます。</blockquote>日々虐げられているであろう(?)開発者の方々が少しでも幸せになればよいなと思ってます。 Wed, 29 Dec 2010 13:53:00 +0900 ma2kubo http://www.rottel.net/ma2kubo/97497 Rails3.0 + will_paginateでAjax http://www.rottel.net/ma2kubo/94117 Gemfile<blockquote>gem 'will_paginate', '3.0.pre2', :require => 'will_paginate'</blockquote>※requireがいるのかどうか試してない<blockquote>bundle install</blockquote>post.html.erb<blockquote><%= will_paginate @posts, :renderer => RemoteLinkRenderer %></blockquote>RemoteLinkRenderer.rbを作成<blockquote>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) endend</blockquote>LinkRendererの内容にattributes['data-remote'] = 'true'を足しただけ。これでとりあえずAjax遷移になった。 Sat, 11 Dec 2010 01:38:06 +0900 ma2kubo http://www.rottel.net/ma2kubo/94117 着る毛布 着るブランケット http://www.rottel.net/ma2kubo/90660 パソコン触ってるときに肩からかける毛布が欲しくて。と、探していたら着る毛布という便利なものがあるみたいなので調べてみたまとめ。『ヌックミィ』1980~2980円本体:ポリエステル100% バイヤス:綿100% フリース140×200cm生地は薄めらしい(レビュー参照)留め具付き(でっかいボタンは背中痛くないのだろーか)いろんなバージョンあり。 ・スタンダード ・プレミアム ・フレア ・スリム(ただのパーカーになりつつある)『ウィグワム』2625円ポリエステル100% マイクロファイバー136cm×150cm暖かそうな生地。留め具なし。女性向けなのか短め。『グルーニー』2980円ポリエステル100% マイクロファイバー着丈170cm普通のフリースじゃないらしい。ふかふからしい。留め具はないけど、腰紐がある。もはやガウン。ガウンなので着たまま歩けるような長さになってる。『スナギー』1955円袖口のサイズがアメリカン。『スランケット』4800円高いのでスルー。 Fri, 29 Oct 2010 16:44:45 +0900 ma2kubo http://www.rottel.net/ma2kubo/90660 LEDアルミアームライト http://www.rottel.net/ma2kubo/90064 デスクライトも購入。最初はスタイルストアのステディデスクランプがhttp://stylestore.allabout.co.jp/mojo/ProductInfo/sku/AA079-01-0000-0035/安いし見た目も気にったので買おうと思ってたんだけど、無印良品のLEDアルミアームライト・ベース付きhttp://www.muji.net/store/cmdty/detail/4548718785551を見つけて、無印の方にしてみた。見た目は白熱灯っぽいけど、電球はLED(ツインバード製だった。寿命は20000時間)若干明るさが足りない感じもするけど、目に近い位置で使うからこれくらいが適度なのかな?スイッチは本体にはついてなくて、コード上にスイッチが付いてた。便利。アームはスムーズに動くし、好きなところでピタっと止まる。シェードも首振りできるし自由自在。満足満足。これでデスク環境は整った。 Wed, 20 Oct 2010 15:19:28 +0900 ma2kubo http://www.rottel.net/ma2kubo/90064