何と、値上げされているではありませんかー！

∑(ﾟдﾟlll)ｶﾞｰﾝ

増税前にすればよかった…

と言うどうでもいい話でした。

個人的にいつか使うかもしれないのでメモ的にエントリー。

フリーランスの入江慎吾さんがやられているサービスなのですが、
iPhoneアプリ開発の質問に1分175円で回答してくれるそうです。

解決できた場合のみ費用が発生

iPhoneアプリの開発は他のWEBサービスを作るのと比べるとまだまだ敷居が高く
つまずいた時に悩んで進まない…と言う事も多々あると思います。

「時は金なり」と言いますが、お金はとりかえす事は出来ます。でも時間は再び戻って来ません。
出来るだけ効率良く開発をしていくために、こういったサポートがあるのは嬉しいですね。

興味のある方は下のリンクからどうぞ。

思わぬ落とし穴にはまって時間を奪われる前に！ 1分175円のiPhoneアプリ開発サポート！

また、開発後にはプロモーションも必要です。こちらの記事も参考にどうぞ
10万DL以上を目指すiPhoneアプリ開発者が知っておくべきプロモーション術チェックリスト

以上、iPhoneアプリ開発の質問に1分175円で回答してくれるサービスでした。

待ってました！！！

紹介しているページでは、プレゼンテーションとしての使い方を説明していますが
普通のWebサイトでも十分使える内容になっています。

3パターンのページ遷移

サイトでは3種類のエフェクトが紹介されています。

■回転しながら表示
※この動きって名前あるんでしょうか？

■下からせり上がってくるタイプ

■横からスライドするタイプ

こういった動きがあると見ていて楽しくなりますね。
詳しいチュートリアルを見たい方は下のリンクからどうぞ。

手始めに、地図だけを表示するサンプルの作り方をご紹介します。

利用準備

まずは、必要なフレームワークをダウンロードします。

Yahooのデベロッパーネットワークから、YMapKitフレームワークをダウンロードします。
iOS Map SDK

同時に、アプリケーションIDを取得します。
Yahoo!デベロッパーネットワーク – アプリケーションの管理

※詳しくはYahooのデベロッパーネットワークのページが詳しいです。

Yahoo!デベロッパーネットワーク – YOLP（地図） – iOS Map SDK – 利用準備

開発してみる

まず、Single View Applicationを作成します。

最初に、YMapKitに必要な以下のフレームワークをプロジェクトに追加します。

必要なのは、以下になります。

UIKit.framework
SystemConfiguration.framework
CoreGraphics.framework
CoreLocation.framework
Foundation.framework
OpenGLES.framework
QuartzCore.framework
libxml2.2.dylib

コードの編集

ViewController.mにてライブラリを読み込む処理を追加します。

#import <YMapKit/YMapKit.h>

次に、ViewDidLoadを以下の内容で上書きします。

- (void)viewDidLoad {
    
    [super viewDidLoad];

    YMKMapView* ymapView = [[YMKMapView alloc] initWithFrame:CGRectMake(0, 100, 300, 300) appid:@"アプリケーションID" ];
    ymapView.mapType = YMKMapTypeStandard;
    CLLocationCoordinate2D coord = {.latitude =  35.178088, .longitude = 136.891022};
    YMKCoordinateSpan span = {.latitudeDelta =  0.02, .longitudeDelta =  0.02};
    YMKCoordinateRegion region = {coord,span};
    [ymapView setRegion:region];
    [self.view addSubview:ymapView];
    

    [ymapView release];
}

これだけで、設定完了です。簡単ですね。

実機でテスト

実機でテストする際には、最初だけ真っ黒な画面が出てきてましたが、
2回目のビルドだと正常に動作しました。

ソースコードは以下のサイトを参考にさせていただきました。感謝。
YMapKit を使って iPhone に 地図を表示するシンプルなサンプル (2011-09-15)

以上、iOS Map SDKを使って地図を表示する方法でした。

最近はスマートフォン用のサイト作成をする事が多くなってきていますが、HTMLの確認を複数の実機でやるのは大変ですよね。

そんな方のために、HTMLのプレビューがiPhone/Androiで同時に確認できるMobilizerが便利そうなのでご紹介します。

実機で動作確認はできるだけやりたくない、、、。そんな時に使えそうですよ。

詳しくは以下

Mobilizerは、Adobe AIR製のアプリで、複数のモバイルデバイスを立ち上げて
URLやローカルファイル（HTML、画像やFlash）のプレビューを表示できます。

↑デバイスはiPhone 4、Palm Pre、HTC Evo、Blackberry Stormの4機種となっています。
また、プレビューした画面は右クリックから簡単にPNGにエクスポートする事も。

JavaScriptなどはどこまでエミュレートできてるのかちょっと不明な所もありますが、HTMLのレンダリングには使えそうです。

興味のある方は下のリンクからダウンロードしてみてください。

先に結果から伝えると、個人サイトではwptouchが一番オススメです。
インストールするだけでお手軽にスマホ対応できるのが高ポイントでした。

企業サイトで1からテーマを作成する場合はmobilepressが今の所一番使えそうです。
これからスマホ対応される方の参考になれば幸いです。

それでは、各種プラグインを入れてみた様子をご紹介。

iWPhone

iPhone向けに最適化してくれるプラグイン。

↑ダウンロードするとテーマファイルも同梱されており、ダウンロードしたファイルをそれぞれテーマフォルダとプラグインフォルダに保存して、プラグインを有効化するだけでつかえるようになります。

テーマの切り替えにはユーザーエージェントで判断しているのですが、
Androidの場合には、テーマを切り替えないようになっています。

Androidに対応する場合には、プラグインのiwphone.phpの41行目近辺を以下のように編集します。

$useragents = array (
			"iPhone","iPod");

↓

$useragents = array (
	"iPhone","iPod","Android");

↑これで、Androidでも表示できるようになりました。

WPtouch

インストールするだけでテーマをiPhone/Androidで切り替えてくれるようになります。
グーグルアドセンスの表示やTOPに表示する記事などを設定画面から変更可能になってます。

↑見た目は一番好み。

有料版と無料版がありますが、無料版で必要最低限の機能は使えました。
有料版では、広告の位置変更やiPad対応・サポート対応が含まれるようです。

Wapple Architect Mobile Plugin

モバイルサイト変換サービス「Wapple」のAPIを使用して、PCサイトのデザインをスマホ用に変換してくれるプラグインです。

単純にページを表示するだけでなく、様々な端末に最適化されたテーマを表示できるようになっています。
端末毎の画像のリサイズや、記事が長い場合のページングをしてくれるのが特徴みたいです。

利用にはデベロッパーキーが必要で、取得には会員登録が必須でした。

↑まずはキー取得のためにサイトにアクセスします。
http://wapple.net/register/plugins-signup.htm

↑普通に会員登録すると、確認用メールが来るので、文中にあるリンクにアクセスします。

↑ここで使用するサイトのドメインを入力。httpから入力しないといけないようです。

↑使用するプラグインと、サイトを知った理由を選択します。
その他の項目は入力しなくてもOKです。

SUBMITボタンから送信すれば登録完了です。
次にデベロッパーキーを取得しに行きます。

↑ログインページから、先ほど登録したメールアドレスとパスワードを入力。
http://canvas.wapple.net/login.php

↑ログイン後、キー取得ページへ。

↑キーを作成します。

↑これでキーが取得できました。

設定ページからキーを入力して保存すると、iPhoen対応が完了しています。

プラグインには標準でテーマが同梱されており、8種類選べるようにもなっています。

↑シンプルなもの。

↑ウッド調

MobilePress

インストールするだけで、スマートフォン/iPad用に最適化されます。
スマートフォンでアクセスした際のテーマを自由に追加できるようになっており、カスタムしたテーマを使いたい場合に良さそうです。

wp-content/mobile-themesというフォルダを作成してそこにテーマファイルを設置すればOKでした。

スマホ版とPC版のページを切り替えるには、URLにパラメータを追加するだけです。

PC版を表示するアドレス
http://example.com/?nomobile

モバイル版を表示するアドレス
http://example.com/?mobile

iPhone版
http://example.com/?iPhone

クッキーを使用して振り分けているようですので、再度ページを訪れた際にも
以前の状態が有効になっています。

WordPress PDA & iPhone

jQuery Mobileを使用したテーマに切り替えてくれるプラグイン。
UserAgentに含まれる文字列でテーマを切り替えているので、対応する端末を追加するのが簡単にできました。

iPhone Control Panel

ブックマーク時にホーム画面に表示するアイコンを指定したり、viewportの指定が可能。
viewportが指定の範囲内だった場合に追加するCSSを管理画面から指定できます。

最近はスマホ対応の無料テーマもあるのでプラグインを使わないという選択肢もありますよね。もし、なにか気づかれた部分などあればお知らせください。

以上、WordPressをスマホ対応にするプラグインをいろいろ試してみたでした。

「Cocoa Controls」は、カスタムコンポーネントとして作ったUIを投稿してシェアできるようになっています。

全てソース付きのようですので、自分のアプリの中に組み込む事も可能ですよ。

以下にいくつか気になったものをご紹介。

Center Button in Tab Bar for iOS

↑タブバーのセンターボタンを大きくするコンポーネント

Pull-to-Refresh TableView for iOS

↑Twitterのように、画面を引っ張るとテーブルビューをリフレッシュする事ができます。

WEPopover for iOS

↑ポップオーバーの実装

JSLockScreen for iOS

↑OSのロック画面の機能を持ったIOSのUIコンポーネント。

HGPageScrollView for iOS

↑Safariタブビューアのように複数のページのスクロールを可能にするUIScrollView

上記のようなコンポーネントが多数公開されています。
ソースもダウンドード出来ますので、有る程度開発ができるひとであれば問題なく導入できると思います。
便利で分かりやすいインターフェイスがたくさんあるので、上手く使って行きたいですね。

お気に入りになったアプリがあれば幸いです。

詳しくは以下

美人天気

かわいい系からキレイ系、ギャル系や清純系など、色々な美人が天気をお知らせしてくれます。
スライドで次の日の天気が見れるUIも使いやすいです。

指定した時間にプッシュ通知で天気情報を受け取ることができるので、毎日目覚ましの時間と一緒にプッシュされるように設定しています。

そら案内

週間天気と3時間毎の細かい天気がみれるアプリ。
GPS連動で現在地の天気予報を自動取得してくれます。
一度データを受信しておけばオフラインでも見れるので、iPod touchの方にもいいですね。

非常に実用的にできており、機能に無駄が無い印象です。

ただ、コメントのエリアが小さすぎてスクロールするには厳しい。
もうちょっとデザインを見やすくしてくれたら必須アイテムになりそうです。

ウェザーニュース タッチ

現在メインで利用しているアプリ。
気象予報士による解説コメント、そしてピンポイント天気を全国各地から検索することができます。
ピンポイント天気は、１時間ごと、３時間ごとの天気に加えて、１週間のそれぞれの予報や、ライブカメラを含めた現在の状況をみることができます。

また、お天気キャスターによる動画番組で、全国各地の天気予報をわかりやすく解説しています。
チャンネルの増加に期待ですね！

KEWPWeather

キュービーがかわいく天気を教えてくれます。
今日と明日の天気しか知る事はできないんですが、このかわいさのためだけに入れといても良いぐらいです。

アンブレラ

今日、傘が必要なのかがすぐにわかるシンプルなツール。
アイデアが面白いですね。

気象天気図

天気図やアメダスなど、他では見られない詳細な情報が掲載されているのが魅力です。
以下の情報を閲覧する事ができるようになっています。
・速報天気図
・実況天気図（アジア）
・２４時間予想天気図
・４８時間予想天気図
・台風経路図
・高層解析図

アプリの説明で「気象庁ホームページの変更などにより突然閲覧できなくなることがあります。」とあったので
恐らく気象庁のHPからスクレイピングしてデータを表示しているようです。

isakura

お花見スポットの開花情報と一緒に天気を見ることが出来るようになります。
花見スポットは全部で1000エリア登録されており、お気に入り登録やメモを残すことができるようになっています。
天気も本日と週間予報が見れるようになっています。
春になったらかなり使えそうです。
情報も非常に見やすく整理されています。

ピンポイント天気

登録した地点の天気を表示してくれるアプリ。
ドラッグ&ドロップで天気アイコンのサイズや位置を自由に変更する事ができるようになっています。
傘が必要かどうかのアドバイスもあり。

・3時間ごとの天気
・今日の天気
・明日の天気
・1週間の天気

気象データは気象庁からオンラインで直接受信しているようです。

ハチカレンダー2 Lite

iPhone上のカレンダーと同期できるアプリ。
1週間の予定が一覧で見れるのが便利です。

天気情報は今日、明日、明後日のみ表示されるようです。

天気+

5日分の天気をフルスクリーンで表示してくれます。
天気によって背景が変化するようになっています。

海外製のため温度表記が華氏になっています。

下駄日和

「あ～した、天気にな～れ」と下駄を飛ばして明日の天気を占うアプリ。
レトロ感覚溢れる美しいモノクロ写真で天気予報を伝えてくれます。

0時00分～16時59分の間は当日の天気を、17時00分～23時59分の間は翌日の天気を表示します。

発想が素敵です。

ローカルウェザー Lite

Google Map上に天気のアイコンを表示するアプリ。
拡大率によっては、天気が出て欲しい位置に出てこないです。

ShareWeather

今の地点の天気を投稿してシェアするアプリ。
こういうアプリは面白いんですが、使用する人数が少ないと難しいですよね。

日本では2人ぐらいしか投稿していませんでした。

降雨ネットワーク

こちらもシェアアプリ。
一時間以内の他の人のレポートを地図上に表示できます。

これもほとんど投稿が無い状態ですね。リアルタイムなシェアは難しいのかもしれません。

テンキくん

「ひとくち予報 in Feed」の情報を基に設定した地域の週間天気予報を表示するアプリ。
週間予報が8日間分表示されるのですが、文字間がつまっていて見づらい印象です。

iPhoneを横向きにするとカバーフローで見れるのですが
特段必要ないような気がします。

服LIVE

気温変化の激しい日や何を着ればいいかわからない日に
周りの人の着ている服を参考に出来るアプリ。

なんですが、、周りの人を探しても１件もヒットしない。
さらに、位置情報を送信する際に必ずエラーが発生する（iPhone4で3G、Wi-Fiどちらも）

まったく使えないアプリでした。

総評

やはりおすすめNo1はウェザーニュースですね。
操作性が非常に良いので使ってて楽しいです。

そら案内も情報としては非常にまとまってて良いのですが、いかんせん使いづらい。もう一歩という感じです。
美人天気も男性だったら面白いのでは無いでしょうか。

有料アプリは試していないので、もしおすすめがあったら教えてください。

PowerPoint用iPhone素材

PowerPointでiPhone用モックに使える素材を公開している方がいたのでご紹介。

CCライセンスで使用可能なようですが、商用利用の場合には著作者表示が必要なようです。

主な特徴として以下のような内容になっています。

PowerPoint製…資料作成に使いやすい
部品を全て文字・図形で作成…伸縮が自在
要素は原寸大サイズ…印刷して紙で議論する際、文字・ボタンサイズなどのコミュニケーションがしやすい
一部要素を表で作成…要素の増減・改変がしやすい

Phone ステンシルパックを作りました – Liner Note

ワイヤーの作成時点からリアリティを出したい場合に使えそうですね。