iPhoneアプリを簡単に作成できるAppMakrを使ってみました。
AppMakrはコードを一切書く事なく、iPhoneアプリの作成ができる、というサイトです。ただしできる事はかなり限定され、RSSのデータの表示や、youtubeやflickrなどからデータを引っ張ってくることだけしかできません。しかしアイデア次第では面白いものが作れるのでは無いでしょうか？使い方の簡単な解説もメモしておきましたので、手軽なiPhoneアプリを作ってみたい人はどうぞ。
先にいくつか。
・このサイトではアプリが作れるだけで、公開は自分で公開するか、AppMakrにお金を払って登録してもらうかしなければなりません。
・まだiPhoneアプリを作った事が無い人向けに言うと、自分でアプリを公開するにはios developer programに登録する必要があります。年10,800円。
・ここの動画を見ながらやれば、英語がわからなくてもなんとかなります。
・アプリを作って公開してみたかったのですが、最後の方でエラーが出て進めなくなってしまいました。解決策は見つかっていません。。
【今回作るサンプルアプリ】
今回はサンプルとして、海外から日本に言及した記事・写真・動画を引っ張ってくるアプリを作ります。あとアプリ内広告のAdMobの組み込みも可能なようなので、それもやってみましょう。
【１】
AppMakrのサイトに行き、画面中央の赤い蘭、「Get started building your iPhone app」に、キーワードや、RSSのアドレスを入力します。ここでの入力内容は後の行程に何の影響も与えないので適当で良いです。
【２】
メールアドレスとパスワードを入力し、terms of serviceに同意して、「Register!」ボタンをクリック。メールが届くので、そこに書かれたアドレスをクリックします。
【３】
登録が完了し、ログイン画面が表示されます。
左上にの「Your Applications」の欄に、先ほど入力したキーワードに対応したものが表示されていると思います。マウスオーバーすると「Edit」というボタンが現れるので、クリック。
【４】
ここからは、自分の思うようにパーツを選んでいきます。
【Art】
アプリタイトルや使用する画像を入力します。
App Name・・・アプリの名前。
Choose App Icon・・・アプリのアイコン。
Choose App Splash Screen・・・起動中に表示する画像
を入力します。ここで、アイコンやスプラッシュスクリーンの画像が表示されていますが、これを使うのは著作権的にかなりヤバいのでは？どこから引っ張ってきた画像なのかわからないので明言できませんが、自分で作成するべきだと思います。
アイコンは512X512のPNG、Splash Screenは640X960のPNGと指定されているので、そのサイズの画像を作成しアップロードし、右下の「Save」を押して保存、次のタブに移動します。これ以降の行程でも、適宜Saveボタンを押してください。
【Tabs】
AppMakrはTabBarアプリが基本となるようです。ここで、どんなタブを使うのか追加していきます。追加できるのは以下の通りです。
・Atom/RSS Feed Reader・・・RSSフィードを指定します。プレビューでは日本語RSSも表示されています。
・Photo Album・・・PHOTO ALBUM (Media RSS) Feed URLを指定します。FickrやYoutubeのフィードはここですると、アプリ上でサムネイルとして表示されます。
・Location Aware (Geo RSS)・・・位置情報？
・Post Message Tab・・・AppMakrのサーバー経由でメッセージが受け取れるようです。活用方法不明。
・HTML/PhoneGap Tab・・・HtmlまたはPhoneGapで作成したデータを表示できるようです。5MBまで。
・Ning Tab・・・NingとはSNS作成サイトです。そのサイトからデータを持ってくるのだと思われます。
またこのとき、TabBarのアイコンも指定できま（自分で作成した画像を使用する事も可能です。）
フィードについて色々とやってみました。
・基本的にどんなRSSも使えますが、結構な割合でフォーマットが違うかも、という警告が出ます。プレビューでは無事に表示されていますが、本番環境でどうなるかはわかりません。
・RSSに画像が設定されている場合、それも表示してくれるようです。
・Photo Albumに写真のサムネイルを表示するならば、FlickrのPublic feedが楽。例えば日本に関する写真を拾いたいなら「http://api.flickr.com/services/feeds/photos_public.gne?tags=japan&lang=en-us&format=rss_200」とかになります。
・YoutubeのRSSも登録可能。
・iTunes Podcastも登録できるようですが、これはどこにフィードがあるのかわからなかった為、今回は試していません。
【Custamize】
細かい設定はここで行います。
・Header・・・ヘッダ部分に画像を設定可能です。640x88のPNG。
・Appearance・・・ヘッダの色や文字の色が設定できるようです。
・Sharing・・・アプリから、Facebook、Twitter、Emailなどと連携させる事ができるので、そのON/OFFを設定します
・Login・・・アプリに対してログイン処理を付け加えられるらしいです。
・Advanced Features・・・Bundle Identifierを指定します。デフォルトでは「com.pointabout.xxxxxxxx」になっているようです。AppMakr的には、ここはほっといて良いらしい。一応変更してみました。
【Notifications】
SMSのようなメッセージを表示してくれるようです（？？）。設定箇所は無いのでそのまま次へ。
【App Info】
アプリの情報や、自分のサイトについて書きます。
・Title
・Description
・Website
・AppStore URL
・Show App in App Gallery
・Show Simulator in App Gallery
を登録します。iTunes Connectの為の情報ではなく、appmakrに情報を教えるためのものです。
【Monetize】
広告を入れる事が可能です。「Choose your ad serving platform」から自分の使っている広告サービスを選びます。今回はadmob。そして「Provide Ad Serving Information」にパブリッシャーIDを入力するだけ。パブリッシャーIDはadmobのサイトで作っておいてください。
【Publish】
自分でPublishするか、AppMakrにPublishしてもらうか選びます。AppMakrにやってもらう場合、$999.00（！）だそうです。
「Publish and Test Under Your Own Brand (Best Value) 」の「Set Up Account」をクリック。
【Create and upload your Apple Developer Account to Self Publish Apps】
アプリPublishの為の準備です。2通りの方法が用意されています。
1.private keyのアップロード。
private key(秘密鍵)なんてアップロードして良いんでしょうか。Macのどこに入ってるかの資料は一応こちら。 Forumsにも「NOW YOU DON'T NEED A MAC TO CREATE YOUR PRIVATE KEY」って書いてあるので、もう１つの方法でやっていきます。
2.Distribution Certificateのアップロード。
普通にアプリ出す時の手順に近いのはこちらでしょうか。Forumsはこちら。
・「Generate New Certificate Signing Request」ボタンをクリックすると、下に「Now, download the certificate signing
request here」と出るのでそこをクリックし、拡張子csrのファイルをダウンロード。
・「Click here to "Request a Certificate" within the Apple Developer Provisioning Portal.」をクリックし、itunes connectの「Create iPhone Distribution Certificate」のページに移動し、先ほどダウンロードした csrファイルをアップロード。
・「Certificates」の「Developmentタブ」の「Pending Issuance」がしばらくすると「Issued」になり「Download」ボタンが現れるので、それをクリックして「developer_identity.cer」をダウンロード。
・AppMakrにそのファイルをアップロード。
【Publish】
再びPublishのページへ行くと、自分の名前が表示され、登録が完了したことがわかります。無料アカウントでできるのは２つ。
・「Test on your iPhone」・・・今作成したアプリを実機のiPhone上でチェックするための準備をします。僕は実機を持っていない（！）ので、今回はパスします。やり方は公式のHelpにある動画のStep10とStep11が素晴らしくわかりやすいです。
・「Publish to the iTunes AppStore・・・AppStoreでアプリを公開する準備をします。今回はこちらを進めます。
【Add/Update Your App Store Provisioning Profile】
アプリ公開に向けた作業です。
・「Open the App ID creation form page with Apple here.」と書いてある部分をクリックし、「iOS Provisioning Portal」を開きます。
・appmakrに表示されている通りに「Description」「Bundle Seed ID (App ID Prefix)」「Bundle Identifier (App ID Suffix)」を設定し、Submitをクリック。
・appmakrにて、「Generate New Certificate Signing Request」をクリックして出てきたcsrファイルをダウンロードしておく。 「iOS Provisioning Portal」の「App IDs」の画面から今設定したアプリの「Configure」をクリック。
・「Enable for Apple Push Notification service」にチェックを入れ、「Production Push SSL Certificate」の「Configure」をクリック。
・「Continue」をクリック。
・先ほどのcsrファイルを選択して「generate」をクリック。
・正常に登録されたことを確認して「Continue」をクリック。
・「aps_production_identity.cer」をダウンロードし、appmakrの「Upload Product Push Certificate」にアップロードします。
・iOS Provisioning Portalの「Provisioning」の「Distribution」から「New Profile」をクリック。ここにAppMakrのSection２に書いてある通りに「Distribution Method」「Profile Name 」「App ID」を入力してSubmitします。
・StatusがPendingからActiveになったら「xxx.mobileprovision」をダウンロードし、appmakr側の「Upload AppStore Provisional 」にアップロード。
これで良いはずなんですが、「You cannot upload a App Store Provisional with a Developer Certificate」というエラーが出てしまいました。調べると「The only way to be sure is to start over.」とか書いてあるので全部やり直してみたけど変わらず。 ここで用意するのは「Distribution Provisioning Profile」で、これを送っているのにかかわらずAppMakr側が「Developer Certificate」だと認識されてしまっているようです。解決策は見つかっていません！誰か助けて下さい…。
【AppMakrの紹介記事】
RSSからiPhoneアプリを作ってAppStoreに提出までしてくれる『AppMakr』 - 100SHIKI ～ 世界のアイデアを日替わりで
iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 : ライフハッカー［日本版］
AppMakrはコードを一切書く事なく、iPhoneアプリの作成ができる、というサイトです。ただしできる事はかなり限定され、RSSのデータの表示や、youtubeやflickrなどからデータを引っ張ってくることだけしかできません。しかしアイデア次第では面白いものが作れるのでは無いでしょうか？使い方の簡単な解説もメモしておきましたので、手軽なiPhoneアプリを作ってみたい人はどうぞ。
先にいくつか。
・このサイトではアプリが作れるだけで、公開は自分で公開するか、AppMakrにお金を払って登録してもらうかしなければなりません。
・まだiPhoneアプリを作った事が無い人向けに言うと、自分でアプリを公開するにはios developer programに登録する必要があります。年10,800円。
・ここの動画を見ながらやれば、英語がわからなくてもなんとかなります。
・アプリを作って公開してみたかったのですが、最後の方でエラーが出て進めなくなってしまいました。解決策は見つかっていません。。
【今回作るサンプルアプリ】
今回はサンプルとして、海外から日本に言及した記事・写真・動画を引っ張ってくるアプリを作ります。あとアプリ内広告のAdMobの組み込みも可能なようなので、それもやってみましょう。
【１】
AppMakrのサイトに行き、画面中央の赤い蘭、「Get started building your iPhone app」に、キーワードや、RSSのアドレスを入力します。ここでの入力内容は後の行程に何の影響も与えないので適当で良いです。
【２】
メールアドレスとパスワードを入力し、terms of serviceに同意して、「Register!」ボタンをクリック。メールが届くので、そこに書かれたアドレスをクリックします。
【３】
登録が完了し、ログイン画面が表示されます。
左上にの「Your Applications」の欄に、先ほど入力したキーワードに対応したものが表示されていると思います。マウスオーバーすると「Edit」というボタンが現れるので、クリック。
【４】
ここからは、自分の思うようにパーツを選んでいきます。
【Art】
アプリタイトルや使用する画像を入力します。
App Name・・・アプリの名前。
Choose App Icon・・・アプリのアイコン。
Choose App Splash Screen・・・起動中に表示する画像
を入力します。ここで、アイコンやスプラッシュスクリーンの画像が表示されていますが、これを使うのは著作権的にかなりヤバいのでは？どこから引っ張ってきた画像なのかわからないので明言できませんが、自分で作成するべきだと思います。
アイコンは512X512のPNG、Splash Screenは640X960のPNGと指定されているので、そのサイズの画像を作成しアップロードし、右下の「Save」を押して保存、次のタブに移動します。これ以降の行程でも、適宜Saveボタンを押してください。
【Tabs】
AppMakrはTabBarアプリが基本となるようです。ここで、どんなタブを使うのか追加していきます。追加できるのは以下の通りです。
・Atom/RSS Feed Reader・・・RSSフィードを指定します。プレビューでは日本語RSSも表示されています。
・Photo Album・・・PHOTO ALBUM (Media RSS) Feed URLを指定します。FickrやYoutubeのフィードはここですると、アプリ上でサムネイルとして表示されます。
・Location Aware (Geo RSS)・・・位置情報？
・Post Message Tab・・・AppMakrのサーバー経由でメッセージが受け取れるようです。活用方法不明。
・HTML/PhoneGap Tab・・・HtmlまたはPhoneGapで作成したデータを表示できるようです。5MBまで。
・Ning Tab・・・NingとはSNS作成サイトです。そのサイトからデータを持ってくるのだと思われます。
またこのとき、TabBarのアイコンも指定できま（自分で作成した画像を使用する事も可能です。）
フィードについて色々とやってみました。
・基本的にどんなRSSも使えますが、結構な割合でフォーマットが違うかも、という警告が出ます。プレビューでは無事に表示されていますが、本番環境でどうなるかはわかりません。
・RSSに画像が設定されている場合、それも表示してくれるようです。
・Photo Albumに写真のサムネイルを表示するならば、FlickrのPublic feedが楽。例えば日本に関する写真を拾いたいなら「http://api.flickr.com/services/feeds/photos_public.gne?tags=japan&lang=en-us&format=rss_200」とかになります。
・YoutubeのRSSも登録可能。
・iTunes Podcastも登録できるようですが、これはどこにフィードがあるのかわからなかった為、今回は試していません。
【Custamize】
細かい設定はここで行います。
・Header・・・ヘッダ部分に画像を設定可能です。640x88のPNG。
・Appearance・・・ヘッダの色や文字の色が設定できるようです。
・Sharing・・・アプリから、Facebook、Twitter、Emailなどと連携させる事ができるので、そのON/OFFを設定します
・Login・・・アプリに対してログイン処理を付け加えられるらしいです。
・Advanced Features・・・Bundle Identifierを指定します。デフォルトでは「com.pointabout.xxxxxxxx」になっているようです。AppMakr的には、ここはほっといて良いらしい。一応変更してみました。
【Notifications】
SMSのようなメッセージを表示してくれるようです（？？）。設定箇所は無いのでそのまま次へ。
【App Info】
アプリの情報や、自分のサイトについて書きます。
・Title
・Description
・Website
・AppStore URL
・Show App in App Gallery
・Show Simulator in App Gallery
を登録します。iTunes Connectの為の情報ではなく、appmakrに情報を教えるためのものです。
【Monetize】
広告を入れる事が可能です。「Choose your ad serving platform」から自分の使っている広告サービスを選びます。今回はadmob。そして「Provide Ad Serving Information」にパブリッシャーIDを入力するだけ。パブリッシャーIDはadmobのサイトで作っておいてください。
【Publish】
自分でPublishするか、AppMakrにPublishしてもらうか選びます。AppMakrにやってもらう場合、$999.00（！）だそうです。
「Publish and Test Under Your Own Brand (Best Value) 」の「Set Up Account」をクリック。
【Create and upload your Apple Developer Account to Self Publish Apps】
アプリPublishの為の準備です。2通りの方法が用意されています。
1.private keyのアップロード。
private key(秘密鍵)なんてアップロードして良いんでしょうか。Macのどこに入ってるかの資料は一応こちら。 Forumsにも「NOW YOU DON'T NEED A MAC TO CREATE YOUR PRIVATE KEY」って書いてあるので、もう１つの方法でやっていきます。
2.Distribution Certificateのアップロード。
普通にアプリ出す時の手順に近いのはこちらでしょうか。Forumsはこちら。
・「Generate New Certificate Signing Request」ボタンをクリックすると、下に「Now, download the certificate signing
request here」と出るのでそこをクリックし、拡張子csrのファイルをダウンロード。
・「Click here to "Request a Certificate" within the Apple Developer Provisioning Portal.」をクリックし、itunes connectの「Create iPhone Distribution Certificate」のページに移動し、先ほどダウンロードした csrファイルをアップロード。
・「Certificates」の「Developmentタブ」の「Pending Issuance」がしばらくすると「Issued」になり「Download」ボタンが現れるので、それをクリックして「developer_identity.cer」をダウンロード。
・AppMakrにそのファイルをアップロード。
【Publish】
再びPublishのページへ行くと、自分の名前が表示され、登録が完了したことがわかります。無料アカウントでできるのは２つ。
・「Test on your iPhone」・・・今作成したアプリを実機のiPhone上でチェックするための準備をします。僕は実機を持っていない（！）ので、今回はパスします。やり方は公式のHelpにある動画のStep10とStep11が素晴らしくわかりやすいです。
・「Publish to the iTunes AppStore・・・AppStoreでアプリを公開する準備をします。今回はこちらを進めます。
【Add/Update Your App Store Provisioning Profile】
アプリ公開に向けた作業です。
・「Open the App ID creation form page with Apple here.」と書いてある部分をクリックし、「iOS Provisioning Portal」を開きます。
・appmakrに表示されている通りに「Description」「Bundle Seed ID (App ID Prefix)」「Bundle Identifier (App ID Suffix)」を設定し、Submitをクリック。
・appmakrにて、「Generate New Certificate Signing Request」をクリックして出てきたcsrファイルをダウンロードしておく。 「iOS Provisioning Portal」の「App IDs」の画面から今設定したアプリの「Configure」をクリック。
・「Enable for Apple Push Notification service」にチェックを入れ、「Production Push SSL Certificate」の「Configure」をクリック。
・「Continue」をクリック。
・先ほどのcsrファイルを選択して「generate」をクリック。
・正常に登録されたことを確認して「Continue」をクリック。
・「aps_production_identity.cer」をダウンロードし、appmakrの「Upload Product Push Certificate」にアップロードします。
・iOS Provisioning Portalの「Provisioning」の「Distribution」から「New Profile」をクリック。ここにAppMakrのSection２に書いてある通りに「Distribution Method」「Profile Name 」「App ID」を入力してSubmitします。
・StatusがPendingからActiveになったら「xxx.mobileprovision」をダウンロードし、appmakr側の「Upload AppStore Provisional 」にアップロード。
これで良いはずなんですが、「You cannot upload a App Store Provisional with a Developer Certificate」というエラーが出てしまいました。調べると「The only way to be sure is to start over.」とか書いてあるので全部やり直してみたけど変わらず。 ここで用意するのは「Distribution Provisioning Profile」で、これを送っているのにかかわらずAppMakr側が「Developer Certificate」だと認識されてしまっているようです。解決策は見つかっていません！誰か助けて下さい…。
【AppMakrの紹介記事】
RSSからiPhoneアプリを作ってAppStoreに提出までしてくれる『AppMakr』 - 100SHIKI ～ 世界のアイデアを日替わりで
iOSアプリを作成できる無料のWYSIWYGエディタ「AppMakr」 : ライフハッカー［日本版］
@tattyamm
RSS
