iPhoneアプリの「TripleTown」が病的に面白くて非常にまずい

今日は最近はまりすぎて非常にまずいiPhoneアプリの「TripleTown」について。
TripleTown自体は以前からFacebookやGoogle+でプレイしていてかなり好きなゲームなんですが、2ヶ月ほど前にiPhoneのアプリでも出てるのを見つけてとりあえずインストールしてたんです。
最近地下鉄に乗ることが多くて自由になる時間が増えた＆電波が届かない状況になるという2つの理由で地下にもぐってる時はアプリでTripleTownをプレイするという癖がついてしまって大変です。
そんな理由から最近プレイ時間が増えてるんですが、このゲームの何がまずいかというと一言で言えば「やればやるほど面白い」っていうところなんです。
ゲームはこんな感じでかわいいイラストベースです。

オープニング画面。熊がこっちを見てるｗ

で、実際のプレイ画面がこちら

草や茂み、熊などを3つ並べると進化してそれをまた3つ並べると進化する感じでモノを変質させていき、画面が埋まったらゲームオーバーっていう感じのパズルゲームです。
こんな感じで茂みを3つ合わせると木になるみたいな感じです。

こんな感じで進めます。

プレイすると分かるんですが動きやエフェクトが小気味よくてシンプルながらも先の展開を考えて配置したりするというのが非常に面白いです。
この動画みたいに早くはできないですけど雰囲気は伝わると思います。

アプリなのでオフラインでも大丈夫というのがかなりいい感じですね。電波のあるときはソーシャルとか情報収集、オフライン時はTripleTownというのが最近の移動中の定番化してますｗ

PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法

今日は少し勉強になった事があったのでメモがてらのエントリで。
まず前提として
「PCサイトとiPhoneサイトを同一のファイルでCSSの切り替えだけで実装したい」
というのがあります。
それはなぜっていうと例えばPCサイト（example.com/）とiPhoneサイト（example.com/iphone）みたいに違うファイルでの切り替えをするのは比較的方法がたくさんあるんですけど、めんどくさがりやな僕は1つのHTMLファイルでそれぞれ最適な見方が出来れば楽じゃね？って思うんです。
だって例えばブログの記事書いてそれが違うファイルで出力されるとかになったりすると重複コンテンツなんじゃねとかサーバー負荷高いんじゃねとか色々考えてしまうんですよね。
なので今回はHTMLのようなコンテンツ部分のファイルは1つでそれぞれ環境ごとに違うCSSを当てて表示の切り替えをする方法を探しました。
で、ここで問題になるのが2つ。
1つめは「どういう方法でCSSの切り替えを行うか？」
2つめは「サイズの大きな画像の処理をどうするか？」
の2つ。
1つめは色んな方法がありますが今回は比較的簡単なJSファイルでユーザーエージェントとを判定してそれぞれのCSSを出力させる方法で行きます。
まずはサンプルのソース

if (navigator.userAgent.indexOf('iPhone') != -1) {
document.write('
');
}else {
document.write('
');
}

簡単に説明するとユーザーエージェントがiPhoneの場合はiphone.cssにしてそれ以外の場合はpc.cssを読み込ませようというわけです。
これで簡単にユーザーエージェントごとにCSSを当てる事が出来ますね。

で、次は参考になったのがこちらの記事「iPhoneの向きによって画像の大きさを自動的に変えるスクリプト」こちらで配布されているJSを使えばブラウザのサイズに合わせて画像の縮小が自動的に行われるという優れもの。
これはいい！んですがこれをそのまま使うとPCサイトでもiPhoneサイトでのサイズである320pxに縮小されちゃうんですよね。
で、これは困ったと思ったんですが先ほどの切り替えをうまく使えばこれも替えれるっていうことに気付きました。
サンプルはこちら

if (navigator.userAgent.indexOf('iPhone') != -1) {
document.write('');
}else {
document.write('');
}

これまた簡単に説明するとユーザーエージェントがiPhoneの場合は先ほどのリサイズするスクリプトが読み込まれ、それ以外の場合は何も読み込まれないっていう指示です。
document.writeめちゃ使える！これならユーザーエージェントごとにいろんなことに使えます！

でこれを使ってサンプルを作ってみたので興味ある方はPCとiPhoneで見比べてみてください。
サンプル

そんなんめんどいわっていう人用にiPhoneの表示でのキャプですｗ

こんな感じでさくっと綺麗に切り替えができていい感じ！
ちなみに大きい画像はリサイズされてますが小さい画像はそのままの表示ですので元々小さい画像がさらに小さくなるっていう心配も消えました。
自分用でもありますがせっかく作ったので以下からダウンロードできるようにします。
サンプルファイルのダウンロードはこちら
何かあったからってこっちに言ってきても責任はもちろん持ちませんので個人の責任でどうぞ。

iPhoneで待機中のアイコンが消えなくなった時の対処法

今日はちょっとだけ困った事が解決できてうれしいので記事にします。
で、その困った事が何かっていいますと、アプリとかとインストールしたりアップグレードしたりする時になる待機中のアイコンがそのままになって動かなくなるんです。

こんなやつ。この状態からうんともすんとも反応しなくなって消す事すらできやしない。

で、どうなってんだと思ってituneと同期しても直らないので一回電源落としたら直ったりするんかなと思ってやってみたらあっさり直ったんです。
色々調べてみるとiPhoneは基本的になんかおかしくなったら「とりあえず一回電源切っとけ」っていうのが基本のようで、大体そんな感じで直るそうです。なにこの仕様・・・・意味不明ですねｗ

Instagramが面白い！

最近はまってるのがInstagram。

http://instagr.am/

Instagramは写真SNSみたいなWebサービスで、今のところiPhoneアプリでしか楽しめないんだけどかなり面白い。
何が面白いって「写真がなんかうまくなったような感じになる」っていうこと。
写真が下手な僕でもなんかそれなりに綺麗な写真になったりするので驚きです。
実際の僕がアップした写真がこれ

ね、なんとなくいい感じっぽく見えますよねｗ
あとはその写真にFacebookのいいねみたいなlikeｔって付けれたりコメント残せたりするところがSNSっぽいところ。
今すごい勢いでユーザーが増えてるから気になる人はどんどんフォローした方がいいと思う。
っていうのもフォローするとTwitterのタイムラインみたいにフォローした人の写真が流れ出すんだけど、これが見ていてすごく楽しい。
綺麗だなって感動する写真や、なんかもおしろい写真など写真ベースで見ることが出来るのが楽しい。
Twitterは基本的に文字を読むっていう左脳的なサービスなのでInstagramの写真を見るという右脳的なサービスを併用するとなんとなくバランスがいい気がします。
最近もっぱらInstagramばっかり見てる気がしますｗ

とりあえず気になった人ははじめたほうがいいと思いますよ！
アプリはこっちからもダウンロードできるよ！

あと今後期待したいのはマイページにlikeつけた写真一覧がみれるとか、Webで自分のアカウントページができるとかあるとうれしいですね。

iPhone3GSをもらったので自分なりの活用法を紹介します。今更なおすすめアプリとか

突然ですが妻がiPhone4を入手したのでお古のiPhone3GSがこっちに流れてきたのが1週間ほど前の事です。
なのでちょっとうれしくて色々やってみてこれは便利って思えるものを自分なりに今更感がありますが紹介してみます。

まずは定番。情報収集計やコミュニケーション目的なアプリから。

Google Mobile App
個人的にこれがないとはじまらないGoogleサービス。GmailやGoogleカレンダー、Googledocs、Googleリーダー、GoogleMapなどまあよく使うサービスがてんこ盛り。
これを外す訳にはいきません。

OsfooraHD
前にもiPadの記事のときに紹介したTwitterクライアントアプリ。有料ですが軽快な動作がお気に入りです。

Facebook
Facebookのアプリ。これは一応入れてみた。Facebook自体をまだ使いこなせていないので今後使っていこうということで紹介。

foursquare
位置情報を取得してチェックインする事で自分がどこに行きましたよーっていうのを記録するサービスのアプリ。ある意味僕がiPhoneを手に入れてまず最初にしたかったことでしたｗ
というのも以前からfoursquareのアカウントを取得していたものの全く活用できていなかったのでやっと使えることが出来る状態になった！ってうれしいんです。

ロケタッチ
foursquareと同じような位置情報取得サービス。foursquareとの違いはこっちがLivedoorさんが作った国産サービスで、まだ今のとこiPhoneのアプリがないWebサービスだという事。
Webサービスなので当然位置情報の取得できるスマートフォンとWeb環境が必須。要はiPhoneとかじゃないと使えないよっていうこと。
これはつい昨日くらいからはじめましたがまだサービスに参加している人が少ない感じです。
ただ今後参加者が増えると楽しくなってくるんではないかなと個人的に思ってるので興味がある人は参加してみましょう。

追記
ロケタッチの公式アプリがリリースされました。こっちの方が使いやすくていい感じです！

Flickr
でろぐの画像とかもFlickrに突っ込んであったりするんですけど、大好きな息子の写真をいつでも眺める事が出来るようになるのがうれしいｗ
画像の管理とかまではiPhoneではまだ使用してないので分かりませんが閲覧目的であれば問題はないです。
僕のように子供が大好きなお父さんやお母さんにおすすめですｗ

次は仕事で活用する系です。

Evernote
メモ系のアプリですね。webサイトや音声データ、カメラで撮影した写真などの画像データをPCと共有する時に便利。
とりあえず何かあったらここに突っ込む感じで使っています。

RoboForm
自宅のPCのメインブラウザはGoogleChromeなんですけど、ChromeのアドオンのRoboFormオンラインに保存したIDやらパスワードやらが同期されているので便利です。
ブログやCMSのIDやパスワード、アクセス制限のかかったコンテンツのIDやパスワードを記憶させておけば外出先でもクリック一つでログインできるようになるのでとっても楽。
ブログの更新とか修正もこれで出来てしまう便利さです。

Remember The Milk
僕はTODOの管理にRemember The Milkを使ってるので入れてます。忘れっぽいのでメモしておくのにとても便利。
タスクをタブで管理できたりと便利なので忘れっぽい人は使っておくと「なにやらなあかんねやったっけ？」てことがほぼなくなります。
電車の中で思いついたアイデアとかもここにメモして置けるのがすごく便利。(ぱっと思い浮かんだ企画とかプロモーション案とか。)

TeamViewer
PCの遠隔操作ソフトのアプリ版ですね。これを使うと自宅PCを遠隔操作して操る事が出来ます。
これがけっこう便利で、自宅のマシンを動かさないといけない用事(FTPをIP制限してるコンテンツにアップする場合とか)の場合に役に立ちます。
だいたいそういう場面は緊急とか即対応の場合が多いので急場をしのげるだけでも後々大きく状況が変わります。
なので基本的には入れておかないとねって感じです。(逆に普段はあまり使いませんが。)

Dropbox
2GBまで無料のオンラインストレージなDropboxも一応入れてます。ネタ画像やどうでもよさそうなデータとかを突っ込む時に使ってますｗ
要は消えても別に問題ない一時的な保管場所くらいのポジションですね。

Nドライブ
これはDropboxと同じようなサービスでNAVERのやってる無料で5GB使えるオンラインストレージです。
僕はこれはPCのマイドキュの一部のファイルのバックアップ用で使ってます。Dropboxみたいに別に消えても問題ない一時的な保管場所です。
ただ内容が外からでも見れたら便利だなという理由だけで入れてます。

quanp
1GBまでは無料の国産オンラインストレージ。同じアプリを入れている人同士だとファイル交換が簡単という仕組みもいけてます。
PCとの連携のみでなく他の方とのデータの共有にも役立つので入れておいても損はないかも。

livedoor Clip
ソーシャルブックマークサービスのlivedoor ClipはPCとiPhoneのブックマーク共有用で入れてます。
まあ一応という事で。特にいらないかなーと思うこともありますが、出先で「あれなんてサイトやったっけ？」てならないようになるのは便利です。

はてなブックマーク for iPhone
はてぶはブックマーク共有というよりもはてぶで人気のエントリがなにかを情報収集するために使ってます。
はてぶのホットエントリはかなり役に立つ情報でかつ他の人からの評価も高いものである場合が多いので情報収集には最適です。

とけっこう使っている＆これから使っていくであろう主なものはこんなところですね。
今更感がものすごくある古くさい情報ではありますが参考程度になればと思います。
また他に何か見つけたら追加します＆おすすめあったら教えてください。

第27回大阪IT飲み会に行って来たよ！

昨日はほぼ毎月参加している大好きな大阪IT飲み会に参加してきました。
毎回楽しいのですが今回も楽しい時間を過ごせました。
まず今回何よりも面白かったのは今回のプレゼンターでもあるi6i6のいらはらさんが会場に持ってきた「iPed?」。
中国に取材に行った時に現地で手に入れてきたそうなんですが、これが予想より（予想通り？）「しょぼい」感じで面白かったです。
iPedの紹介記事はこちら
ipedなのかapadなのか？中国版ipad？android版タッチパッドをゲットした。

OSもAndroidらしくて起動時にはAndroidのロゴも出てました。
肝心の動作は記事の紹介どおりカクカクしてます。
起動時にもiPadとは比較にならないくらい時間もかかりました。（遅いPCが起動するくらいのストレス感です。）
また、そのiPedを交えたプレゼン内容も非常に面白く会場が聞き入っていました。
僕が個人的に思ったのは中国のイメージと実際の雰囲気は違うんだろうなーという事です。
どうしても中国製品というと「コピー・偽者・劣悪品」というマイナスイメージが先行しがちですが、いらはらさんの話を聞く限りはそこに住んでいる人たちには「当然」の価値観があり、そこが外から見ると異質に感じるだけなのではと感じました。
まあ実際に行かないと分からないでしょうね。
そんな感じでプレゼン内容も最高でしたし、今回も一緒にお仕事を進めるお話も頂きまして素晴らしいの一言につきました。
会場ではその他にコンサルティングで有名なペンシルさんのステッカーをもらえたり、ZonerPhotostudioというソフトの体験版？などのプレゼントまでもらえました。

ペンシルさんのシールとZonerPhotostudio

毎回思うんですが参加すればするほどコンセプトである「売上につながる人脈作り」の効果は高くなってくるという事を実感しています。
僕以外の参加者でもその場で仕事を頂いている方を何人か見かけましたし、その場でカード決済してる人までいましたしｗ
なんにせよ今後もどんどん参加しようと思います！

話題のPhoneBookを買ってみた

iPhoneを使って絵本をインタラクティブなものにするというPhoneBookが面白そうなので買ってみました。
値段も安かったのはうれしいポイントです。

PhoneBook POPO and MOMO Ride! Ride!

熱心に見つめる息子。

PhoneBookは外装の本の体裁だけで中身の部分は無料で配布されている「Ride! Ride!」というiPhoneアプリをインストールして、
それを本の中に差し込んでアプリを起動させればおｋ。
かなりシンプルなやり方ですが子供用ならシンプルな方がいいですよね。

息子にも触らせてみましたがはじめこそぎこちなかったもののはじまると食い入るように見つめ、最後は夢中でタップしまくっていました。
その様子の動画を撮影してみたので見てください。

3歳児にPhoneBookを触らせてみた

3歳になったばかりでもこのように訴求力抜群！
これからも活躍してくれそうです！

「iPhoneとツイッターで会社は儲かる」を読んでみました！

大阪IT飲み会の主催者であるEC studioの山本社長が出版されたiPhoneとツイッターで会社は儲かるを手にいれることができたのでさっそく読んでみました。

この本を知らない方の為に簡単に説明させてもらうと山本社長が経営されておられるEC studioでのiPhone・Twitterの全社導入による実際に起こったエピソードを中心に社員さんの変化や社内環境の変化などをわかりやすく紹介しているという内容の本です。
また、タイトルのiPhoneやTwitterにとどまらず、今後のビジネスにおいて欠かすことは出来ないであろうクラウドやGoogleAppsの導入実例など新しいスタイルの経営・ビジネスのあり方についての情報が満載です。

そんなこの本を実際に読んでみた感想は「読みやすくてモチベーション上がる」でした。
厚さもそんなにないので集中して読むと1時間ほどあれば読めます。
でも、その短時間で得られる内容とは思えないほどに満足感はいっぱいです。
実際に僕も打合せに行く前の電車で読んだんですが行きと帰りの間で読めてしまったので1時間くらいだったと思います。

内容を紹介してもいいですが実際に読んだ方が頭に入ると思いますので内容は書きません。
その代わり値段も800円くらいなので友人知人に勧めてみようと思います。
あと、Twitterを導入することを検討している会社の場合は当然ですがお客さんにも勧めてみようと思います。
読んでもらったら仕事もしやすくなると思いますしｗ

iPhoneとツイッターで会社は儲かる

iPhoneフォトコンテスト＠心斎橋 Apple Store

今日はお昼からアップルストア心斎橋で行われたiPhoneフォトコンテストに参加してきました。
このイベントは銀座と心斎橋の2店舗でテスト的に行ったイベントのようで他の店舗ではしたことのない新しい取り組みだそうです。
僕は妻の付き添いで行ったのですが、参加者は妻を含め計7人でこじんまりとした感じでした。
が、その分個人に与えられる時間があったのでそれぞれの参加者が5枚ほどの写真を紹介し、その中から自分が好きな1枚を選んで計7枚の中からどれがいいかを決めるという形だったのでそれぞれの写真への思い出や動機などを聞くことができて面白かったです。
妻は下の5枚の写真でエントリーしました。

天王寺公園で行われたタイフェスティバル／TiltShift Generator

市内のコスモス畑／Photoshop.com Mobile

梅田スカイビルの中自然の森／TiltShift Generator

ヒルトン大阪で展示してあるお菓子の家／Photoshop.com Mobile

また八軒家浜に現れたアヒル。夜バージョン／TiltShift Generator

その中から梅田中自然の森で撮った息子の写真をチョイスしました。

その他の参加者の方も、娘さんと戯れる心温まる写真や、台風一過後の雄大な自然の写真など心に残るとても素晴らしい写真がエントリーされていました。
やはり人気のアプリは「TiltShift Generator」で、ほかには最近でたHDR合成のできるアプリや、写真の一部だけカラーになっているアプリなど、みなさんいろんなアプリを活用されているみたいでした。
そんな素晴らしい作品の中から2名に賞品が送られるのですが、なんと妻が特賞をゲットしました！
自分の事ではないですがなんだかとても嬉しかったです。
もらった賞品は「Logicool Pure-Fi Express Plus PF-300BK」でした。

コンパクトで音もそれなりによくていい感じです！

今日はいい写真をゆっくり見ることができたし、妻は入賞するしでなんだかとても気分のいい一日でした！

おすすめアプリ-玉屋

今日は息子がお気に入りのiPhone&iPod touch用アプリをご紹介。
その名は「玉屋」です。

画面をタップすると花火が上がるだけという単純なアプリですが、
淀川花火、猪名川花火と続けざまに花火を見に行って、花火大好きになった息子は大喜びです。
無料で夏らしい気分も味わえてお得感もあります。

ちなみにコツをつかむとこんなアップル型花火も出せます。