<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEB・アプリ開発・音楽制作 &#124; Kaleidoscope &#187; iPhone</title>
	<atom:link href="http://blog.kaleido-jp.net/tag/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.kaleido-jp.net</link>
	<description>WEB・アプリ開発・音楽制作</description>
	<lastBuildDate>Mon, 24 Nov 2014 00:40:02 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.6</generator>
		<item>
		<title>篠田麻里子さんがiPhoneアプリTypoInstaを使ってくれてるみたいです</title>
		<link>http://blog.kaleido-jp.net/web/typoinsta_shinoda/</link>
		<comments>http://blog.kaleido-jp.net/web/typoinsta_shinoda/#comments</comments>
		<pubDate>Mon, 05 Sep 2011 10:07:18 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[Typo Insta]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[篠田麻里子]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=1113</guid>
		<description><![CDATA[篠田麻里子さんがiPhoneアプリTypo Instaを使ってくれてるみたいです なんと今をときめくAKB48の篠田麻里子さんが、KaleidoscopeのiPhoneアプリTypo Instaを使ってくれてるみたいです [...]]]></description>
				<content:encoded><![CDATA[<h3>篠田麻里子さんがiPhoneアプリTypo Instaを使ってくれてるみたいです</h3>
<div class="indent" style="margin-bottom:40px;">
<div id="attachment_1042" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/08/submit.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/08/submit-150x150.png" alt="Typo Insta（タイポインスタ）" title="Typo Insta（タイポインスタ）" width="150" height="150" class="size-thumbnail wp-image-1042" /></a><p class="wp-caption-text">Typo Insta（タイポインスタ）</p></div>なんと今をときめくAKB48の篠田麻里子さんが、KaleidoscopeのiPhoneアプリTypo Instaを使ってくれてるみたいです！<br />
ブログでTypo Instaを使った写真がたくさんアップされていて感激しております！<br />
<a href="http://blog.mariko-shinoda.net/article/224355735.html" target="_blank" >【篠田麻里子さんのブログはこちら】</a></p>
<p>素敵に使ってくださってありがとうございます！<br />
陰ながら応援させていただきます！<br />
（ミーハーな投稿ですみません。。。）</p>
<p>ちなみに、Typo Instaは写真に多彩なスタイリングの文字入力ができるiPhoneアプリです。<br />
写真だけでなく、文字そのものをスタンプ風にしたり、効果を与えることができます。<br />
<a href="http://blog.kaleido-jp.net/apps/typo-insta/" target="_blank">詳細はこちら</a></p>
<p><br clear="all" /><br />
<a href="http://itunes.apple.com/jp/app/id455175726?l=ja&#038;ls=1&#038;mt=8" target="_blank"><img src="http://www.kaleido-jp.net/as_available_appstore_icon_20091006.png" alt="App StoreでKaleidoscope Music Libraryを見る" align="right" /></a><strong>Typo Insta （タイポインスタ）</strong><br />
<a href="http://itunes.apple.com/jp/app/id455175726?l=ja&#038;ls=1&#038;mt=8" target="_blank">App Storeで見る→</a>
</div>
<p><span id="more-1113"></span></p>
<h3>このアプリに関するお問合わせ・ご意見</h3>
<div class="indent">
このアプリに関するお問合わせやご意見は下記フォームより、送信ください。<br />
[contact-form-7]
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 4.883 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/typoinsta_shinoda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhoneアプリ mosapic（モザピック）プロモーションコード配布</title>
		<link>http://blog.kaleido-jp.net/web/mosapic_promocode/</link>
		<comments>http://blog.kaleido-jp.net/web/mosapic_promocode/#comments</comments>
		<pubDate>Sat, 09 Jul 2011 00:05:27 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=1009</guid>
		<description><![CDATA[プロモーションコード配布いたします mosapicは、リリース後2日目にして有料写真カテゴリで最高順位21位を記録いたしました。 プロモーション不足なこともあり、現在は50〜60位にランクしています。 週末につき、iPh [...]]]></description>
				<content:encoded><![CDATA[<h3>プロモーションコード配布いたします</h3>
<div class="indent">
mosapicは、リリース後2日目にして有料写真カテゴリで最高順位21位を記録いたしました。<br />
プロモーション不足なこともあり、現在は50〜60位にランクしています。<br />
週末につき、iPhoneアプリmosapic（モザピック）のプロモーションコードを先着5名様に配布いたします。<br />
下記コードをiTunesやApp Storeで入力することでアプリを無料でダウンロードいただけます。</p>
<p>【配布コード 2011.7.9 9:00発行】<br />
FA9YAWRXWEKW<br />
7R3J9PXRWWYW<br />
74MYFRHWEENL<br />
K4KPNEPNMEJL<br />
YYA997794644</p>
<p><strong>ただし、利用される方は下記のいずれかのアクションをおこなってください。</strong></p>
<blockquote><p>
<strong>1. KaleidoscopeのFacebookページに「いいね！」する</strong><br />
　　<a href="http://www.facebook.com/pages/Kaleidoscope/182856858432468?v=wall">Kaleidoscope Facebookページ　リンク</a><br />
<strong>2. Twitter で下記をTweet</strong><br />
　「Kaleidoscope &#8211; mosapic（モザピック） &#8211; http://itun.es/igb5qM #iTunes」
</p></blockquote>
<h4>プロモーションコードの使い方</h4>
<p>プロモーションコードの入力方法は、<br />
<strong>PC（iTunes）の場合</strong>：右上のアカウントのところ、「iTunes​ Card/コードを使う」の箇所から。<br />
<strong>iPhoneの場合</strong>：App Storeのおすすめの一番下から入力できます。</p>
</div>
<p><span id="more-1009"></span></p>
<h3>アプリ概要</h3>
<div class="indent">
mosapic(モザピック)は、写真や画像をちょっとおしゃれなドット絵風の画像に加工するアプリです。 80年代のファミコンやパソコンのようなグラフィックを再現します。<br />
(厳密には、色調をベタ塗り風にしたモザイク画像とドット絵の中間のようなテイストになります)<br />
モザイクサイズにフィットした文字入力もできるので、よりビットダウンした雰囲気を出すことができます。 </p>
<p>&#8212;&#8211;主な機能&#8212;&#8211;<br />
・モザイクサイズの調整<br />
・ボーダーサイズ(太さ)/カラーの調整<br />
・モザイクサイズにフィットするテキスト入力<br />
・テキストカラー変更<br />
・輝度/コントラスト調整<br />
・ダブルタップ/ピンチによるズーム確認<br />
・Facebook, Twitter(Twitpic)への投稿<br />
・出力画像は長辺640/960/1280ピクセル </p>
<blockquote>
<a href='http://blog.kaleido-jp.net/web/mosapic_promocode/attachment/img_0080-3/' title='スクリーンショット1'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/IMG_00801-150x150.png" class="attachment-thumbnail" alt="スクリーンショット1" /></a>
<a href='http://blog.kaleido-jp.net/web/mosapic_promocode/attachment/img_0049/' title='スクリーンショット2'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/IMG_0049-150x150.png" class="attachment-thumbnail" alt="スクリーンショット2" /></a>
<a href='http://blog.kaleido-jp.net/web/mosapic_promocode/attachment/screen1_editable/' title='スクリーンショット3'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/screen1_editable-150x150.png" class="attachment-thumbnail" alt="スクリーンショット3" /></a>
<a href='http://blog.kaleido-jp.net/web/mosapic_promocode/attachment/img_0065-3/' title='スクリーンショット4'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/IMG_00651-150x150.png" class="attachment-thumbnail" alt="スクリーンショット4" /></a>
<a href='http://blog.kaleido-jp.net/web/mosapic_promocode/attachment/mzl-nmnrgdvp/' title='スクリーンショット5'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/mzl.nmnrgdvp-150x150.jpg" class="attachment-thumbnail" alt="スクリーンショット5" /></a>
</blockquote>
<p><a href="http://itunes.apple.com/jp/app/id447270172?mt=8&#038;ls=1" target="_blank"><img src="http://www.kaleido-jp.net/as_available_appstore_icon_20091006.png" alt="App StoreでKaleidoscope Music Libraryを見る" align="right" /></a><strong>mosapic （モザピック）</strong><br />
<a href="http://itunes.apple.com/jp/app/id447270172?mt=8&#038;ls=1" target="_blank">App Storeで見る→</a></p>
<p><br clear="all" /><br />
なお、今回配布したプロモーションコードが全て使用済みとなった場合でも、上記アクションやブログでのレビューなど必ずプロモーションおこなっていただけるとお約束いただける方には、別途プロモーションコードをお渡ししますので、@KaleidoscopeJPまでDMいただければと思います。</p>
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.227 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/mosapic_promocode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>写真をドット絵風の画像に加工できるアプリmosapic（モザピック）</title>
		<link>http://blog.kaleido-jp.net/web/iphone/app_mosapic/</link>
		<comments>http://blog.kaleido-jp.net/web/iphone/app_mosapic/#comments</comments>
		<pubDate>Sat, 02 Jul 2011 01:39:39 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[mosapic]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[モザピック]]></category>
		<category><![CDATA[写真]]></category>
		<category><![CDATA[画像編集]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=986</guid>
		<description><![CDATA[アプリ概要 【このブログに10プロモコードを掲載しています。ご興味のある方は、コードを使って無料でDLできます】 mosapic(モザピック)は、写真や画像をドット絵風に加工するアプリです。 (厳密には、色調をベタ塗り風 [...]]]></description>
				<content:encoded><![CDATA[<h3>アプリ概要</h3>
<div class="indent" style="margin-bottom:40px;">
【このブログに10プロモコードを掲載しています。ご興味のある方は、コードを使って無料でDLできます】<br />
mosapic(モザピック)は、写真や画像をドット絵風に加工するアプリです。<br />
(厳密には、色調をベタ塗り風にしたモザイク画像とドット絵の中間のようなテイストになります)<br />
モザイクサイズにフィットした文字入力もできるので、よりビットダウンした雰囲気を出すことができます。<br />
<div id="attachment_966" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/c49c7e56bf56d7638154bbe2fad7d84e.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/c49c7e56bf56d7638154bbe2fad7d84e-150x150.png" alt="mosapic（モザピック）" title="mosapic（モザピック）" width="150" height="150" class="size-thumbnail wp-image-966" /></a><p class="wp-caption-text">mosapic（モザピック）</p></div><br />
&#8212;&#8211;主な機能&#8212;&#8211;<br />
・モザイクサイズの調整<br />
・ボーダーサイズ(太さ)/カラーの調整<br />
・モザイクサイズにフィットするテキスト入力<br />
・テキストカラー変更<br />
・輝度/コントラスト調整<br />
・ダブルタップ/ピンチによるズーム確認<br />
・Facebook, Twitter(Twitpic)への投稿<br />
・出力画像は長辺640/960/1280ピクセル</p>
<p><br clear="all" /><br />
<span id="more-986"></span><br />
★効果的な画像を作るために★<br />
・内容がシンプルな写真、被写体が大きめの写真が効果的に加工できます<br />
・写真の内容がシンプルでない場合は、モザイクサイズを小さくするか、長辺解像度を高くしてみましょう</p>
<p>★ご使用上の留意点★<br />
・iPhone3GS以降/iPod touch 第4世代以降に対応。iPhone 3G以下非対応。<br />
・中間的な割切れない数値のモザイクサイズに調整した場合、画像の端が濃くなります。<br />
(iPhone, iPod touchで撮影した写真は、割切れる値が多くなっています)<br />
・画像に文字をマージする際、モザイク化する仕様上、ずれが生じる場合があります。<br />
・ボーダーが細い場合、iPhone3GSではディスプレイ解像度の問題でアプリ上で確認がしづらいため、ズームして確認するなどおこなってください。</p>
<p><br clear="all" /></p>
<blockquote>
<a href='http://blog.kaleido-jp.net/web/iphone/app_mosapic/attachment/img_0065-2/' title='Sample1'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/IMG_0065-150x150.png" class="attachment-thumbnail" alt="Sample1" /></a>
<a href='http://blog.kaleido-jp.net/web/iphone/app_mosapic/attachment/default2x-4/' title='Sample2'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/0bbae85b8918346b9d1aee4bf424c4dc-150x150.png" class="attachment-thumbnail" alt="Sample2" /></a>
<a href='http://blog.kaleido-jp.net/web/iphone/app_mosapic/attachment/screen1-2/' title='Sample3'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/screen1-150x150.png" class="attachment-thumbnail" alt="Sample3" /></a>
<a href='http://blog.kaleido-jp.net/web/iphone/app_mosapic/attachment/img_0080-2/' title='Sample4'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/07/IMG_0080-150x150.png" class="attachment-thumbnail" alt="Sample4" /></a>
</blockquote>
<p><a href="http://itunes.apple.com/jp/app/id447270172?mt=8&#038;ls=1" target="_blank"><img src="http://www.kaleido-jp.net/as_available_appstore_icon_20091006.png" alt="App StoreでKaleidoscope Music Libraryを見る" align="right" /></a><strong>mosapic （モザピック）</strong><br />
<a href="http://itunes.apple.com/jp/app/id447270172?mt=8&#038;ls=1" target="_blank">App Storeで見る→</a></p>
<p>【プロモコード※配布終了】</p>
<p>上記コードを使っていただくことで、無料でDLすることができます。コードは1度使用いただくと、無効となりますので、先着10名となります。</p>
<p>【2011.7.3　プロモコード下記に追加発行しました（2011.7.3　10:50発行）】<br />
※コード利用して、DLされた方はできるだけStoreでレビューかご評価いただけるようにお願いします。プロモコードというのは、もともとレビュアー向けのものなので、よろしくお願いいたします。<br />
※配布終了しました。</p>
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.707 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/iphone/app_mosapic/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>iOSアプリ リリースのタイミングなど気をつける点をまとめてみた</title>
		<link>http://blog.kaleido-jp.net/web/app_release/</link>
		<comments>http://blog.kaleido-jp.net/web/app_release/#comments</comments>
		<pubDate>Mon, 06 Jun 2011 14:21:51 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[Kaleidoscope Music Library]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[アプリ開発]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[タブレット]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=901</guid>
		<description><![CDATA[先日リリースしたiPhoneアプリKaleidoscope Music Library、現時点でApp Storeミュージックカテゴリ内の「注目の新作」およびランキング100位以内に入っている状況です。（瞬間風速かもしれ [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">
先日リリースしたiPhoneアプリKaleidoscope Music Library、現時点でApp Storeミュージックカテゴリ内の「注目の新作」およびランキング100位以内に入っている状況です。（瞬間風速かもしれませんが…）</p>
<div id="attachment_956" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/c27c256d3d3ccb544f2b26bf44a7aa112.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/c27c256d3d3ccb544f2b26bf44a7aa112-e1307401579695-150x150.jpg" alt="「注目の新作」入りしました" title="「注目の新作」入りしました" width="150" height="150" class="size-thumbnail wp-image-956" /></a><p class="wp-caption-text">「注目の新作」入りしました</p></div>
<p>リリースが6/4の夜20時くらいだったのですが、リリースから約2日といったところでの状況です。<br />
この状況が平均よりいいのか悪いのかは定かではありませんが、個人的には感謝です。DLやツイートなどしていただいた方々ありがとうございます。この場を借りてお礼申し上げます。</p>
<p>今回アプリをリリースした後に、アプリリリースにまつわる理解が深まると同時に反省点が明確になったので、まとめてみました。</p>
<p>（ちなみに、この辺の情報やアップルへの申請の内容はすぐに変わる可能性がありますので、現時点での参考程度にしていただければと思います。）</p>
<p><span id="more-901"></span>
</div>
<h3>キーワードはかなり重要</h3>
<div class="indent">
<h4 style="margin-top:20px;margin-bottom:20px;">キーワードは一度登録して、審査に入ると変更できない</h4>
<p><div id="attachment_917" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/cca533c3ee7d36d9f9485cacc26df421.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/cca533c3ee7d36d9f9485cacc26df421-150x150.jpg" alt="iTunes Connectの登録画面" title="iTunes Connectの登録画面" width="150" height="150" class="size-thumbnail wp-image-917" /></a><p class="wp-caption-text">iTunes Connectの登録画面 Keywordsのところ</p></div>アプリを申請する際、Appleが用意したiTunes ConnectというWeb上の管理画面みたいなものを使うのですが、ユーザーがアプリを探す時の検索ワードを登録する必要があります。</p>
<p>「In Review」になったら、キーワードは変更できないとなんとなく認識はしていたのですが、審査が通ればまた変更できるだろうと思っていました。</p>
<p>僕はここはあまり深く考えず文字数いっぱい入れておらず、けっこういい加減に入れてしまいました。</p>
<p><br clear="all" /><br />
実際は、<strong>審査が通ってしまうとキーワードは変更できません。</strong></p>
<p>なので、だいぶここで損をしてる状況です。</p>
<p>ただ、2度と変更できない、という意味とはちょっと違います。<br />
変更したいのであれば、<strong>アプリのバージョンアップの申請の際に再度変更することができます。</strong></p>
<p><br clear="all" />
</div>
<h3>面倒くさくても英語のローカライズ対応はやる</h3>
<div class="indent">
<h4 style="margin-top:20px;margin-bottom:20px;">正しい英語で無くても伝わることが大事</h4>
<p>iOSアプリは、デバイスが英語環境に設定してあれば、英語版のビューを表示させることができます。</p>
<p>僕はここも見くびっていて、「まぁリリースして様子見てやればいいや」くらいに思っていました。</p>
<p>でも考えてみれば、数十カ国に一度にリリースできるのに読めない言語のアプリなんて誰もDLしませんよね。ここでも、かなりの機会を損失しました。</p>
<p>もう一つ、iTunes Connectの画面で、アプリ説明文の言語を追加できるのですが、こちらもキーワードと同様に<strong>In Reviewに入って審査が通ると、言語追加は出来なくなります。</strong></p>
<p>なので、こちらもあらかじめ言語追加して登録しておくことをオススメします。<br />
こちらも、<strong>バージョンアップ申請の際に、追加はできます。</strong></p>
<p>App Storeのアプリを眺めてると見かけたことがある方も多いと思うのですが、外国の開発者が作ったアプリ、ときどき日本がおかしいのありますよね？</p>
<p>でも、全くわからないわけじゃない。<br />
全くわからないのと、正しくなくても伝わるのは大きな差があります。<br />
全くわかないのは誰もDLしませんから…</p>
<p>乱暴かもしれませんが、個人的にはそれでいいんじゃないかと。。。<br />
個人的には微妙な英語でもがんばって英語対応するべきです。<br />
もし英語が得意が周りにいるとか、プロにお願いするとか、人にお願いするというのも手段です。<br />
<br clear="all" />
</div>
<h3>アプリリリースのタイミング</h3>
<div class="indent">
<h4 style="margin-top:20px;margin-bottom:20px;">平日リリースで、認知度が高いなら週前半、低いなら後半？</h4>
<p>これは世間的には、「リリースは平日に」というのが一般的みたいです。</p>
<p>App StoreのDL頻度は土日の方が高いみたいなので、<br />
おそらく、平日にリリースしてじわじわとランクを高めて土日により高くジャンプさせるという作戦だと思います。</p>
<p>今回リリースしてみての個人的な考察を書くと、<br />
デベロッパーやブランドの<strong>認知度やプロモーション力が高いなら週前半</strong>に、<br />
<strong>低いなら週後半がいい</strong>のでは？と思いました。</p>
<p>なぜかと言うと、認知度が低い場合、あまり後ろ盾も無いでしょうから、ほとんどApp Storeの中だけで勝負しなくてなりません。（大々的なWebサイトプロモーションしたり、App Storeへ誘導するといった手段があまりないと思うので）</p>
<p>となると、App Store内で露出できているうちに票を稼がなければなりません。</p>
<p>言い換えると、<strong>新着表示されているうちに票を稼がなければならない</strong>ということです。</p>
<p>それで、なぜ認知度が低い場合は週後半がいいと思ったかというと、週前半にリリースすると土日に近づくほど、新着の順位は落ちていきます。新着から無くなってしまうと、そこで露出はぐんと減ります。</p>
<p>それよりも、週後半にリリースして、土日に一気に順位を上げた方が露出度は高まるのではないでしょうか。</p>
<p>一旦ある程度のランキングに食い込めれば、そこから落ちていくとしても新着よりも目立つところには露出するわけですし、ある程度露出期間を稼げると思います。</p>
<p><br clear="all" />
</div>
<h3>全部まとめると</h3>
<div class="indent">
<p><strong>・キーワードは審査に入ると変更できないので、よく考えて文字数一杯登録する。<br />
・面倒くさくても英語のローカライズ対応はやる。説明文は審査通ると言語追加できない。<br />
・平日リリースで、認知度が高いなら週前半、低いなら後半かも。</strong></p>
<blockquote><p>
今回リリースしたアプリです。よろしければダウンロードしていただければです！<br />
著作権フリー音楽・着信音ライブラリ Kaleidoscope Music Library<br />
<div id="attachment_931" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/0bbae85b8918346b9d1aee4bf424c4dc1.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/0bbae85b8918346b9d1aee4bf424c4dc1-150x150.png" alt="アプリのスプラッシュ画像" title="アプリのスプラッシュ画像" width="150" height="150" class="size-thumbnail wp-image-931" /></a><p class="wp-caption-text">アプリのスプラッシュ画像</p></div><a href="http://itunes.apple.com/jp/app/kaleidoscope-music-library/id437767339?mt=8" target="_blank"><img src="http://www.kaleido-jp.net/as_available_appstore_icon_20091006.png" alt="App StoreでKaleidoscope Music Libraryを見る" align="right" /></a><strong>Kaleidoscope Music Library （カレイドスコープ　ミュージックライブラリ）</strong><br />
<a href="http://itunes.apple.com/jp/app/kaleidoscope-music-library/id437767339?mt=8" target="_blank">App Storeで見る→</a><br />
<br clear="all" />
</p></blockquote>
<p><br clear="all" />
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.727 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/app_release/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>著作権フリー音楽・着信音がDLできるiPhoneアプリをリリースしました</title>
		<link>http://blog.kaleido-jp.net/web/iphone/kml_release/</link>
		<comments>http://blog.kaleido-jp.net/web/iphone/kml_release/#comments</comments>
		<pubDate>Sun, 05 Jun 2011 01:15:56 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[素材]]></category>
		<category><![CDATA[著作権フリー音楽]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=851</guid>
		<description><![CDATA[2011/6/4（土）　著作権フリー音楽をダウンロードできるiPhoneアプリKaleidoscope Music Libraryをリリースいたしました。 アプリ概要は以下の通りです。 Kaleidoscope Musi [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">
2011/6/4（土）　著作権フリー音楽をダウンロードできるiPhoneアプリKaleidoscope Music Libraryをリリースいたしました。</p>
<p>アプリ概要は以下の通りです。</p>
<blockquote><p>
<strong>Kaleidoscope Music Library （カレイドスコープ　ミュージックライブラリ）</strong></p>
<p>Kaleidoscope Music Libraryは着信音・アプリやゲームBGM・Webコンテンツ・映像メディアなどに使える著作権フリーのループ音楽ライブラリです。 </p>
<p>アプリ本体のみで、無料の著作権フリー音楽14曲をダウンロードすることができます。有料アドオンを追加することで、さらに28曲をダウンロードすることが可能です。 (アドオンは今後シリーズ追加予定) </p>
<p>また、アプリ本体で有料アドオンの試聴ができるので、ご購入前に楽曲を聴いてご検討いただくことができます。 </p>
<p>【主な特徴】<br />
・ループ音楽なので、着信音利用する際も滑らかにループします。<br />
・ファイル形式にmp3およびm4rの両ファイルを収録。<br />
・m4r形式はiTunesで開くことによって、そのまま着信音としてご利用いただくことができます。 </p>
<p>※音楽の試聴は、3G回線およびWiFiネットワークでおこなうことができます。<br />
※音楽のダウンロードはWiFiネットワークでおこなう必要があります。</p>

<a href='http://blog.kaleido-jp.net/web/iphone/kml_release/attachment/default2x-2/' title='スプラッシュ画面'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/0bbae85b8918346b9d1aee4bf424c4dc-150x150.png" class="attachment-thumbnail" alt="スプラッシュ画面" /></a>
<a href='http://blog.kaleido-jp.net/web/iphone/kml_release/attachment/screen2/' title='スクリーンショット1'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/screen2-150x150.jpg" class="attachment-thumbnail" alt="スクリーンショット1" /></a>
<a href='http://blog.kaleido-jp.net/web/iphone/kml_release/attachment/screen3/' title='スクリーンショット2'><img width="150" height="150" src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/screen3-150x150.jpg" class="attachment-thumbnail" alt="スクリーンショット2" /></a>

<hr />
<a href="http://itunes.apple.com/jp/app/kaleidoscope-music-library/id437767339?mt=8" target="_blank"><img src="http://www.kaleido-jp.net/as_available_appstore_icon_20091006.png" alt="App StoreでKaleidoscope Music Libraryを見る" align="right" /></a><strong>Kaleidoscope Music Library （カレイドスコープ　ミュージックライブラリ）</strong><br />
<a href="http://itunes.apple.com/jp/app/kaleidoscope-music-library/id437767339?mt=8" target="_blank">App Storeで見る→</a><br />
<br clear="all" />
</p></blockquote>
</div>
<p><span id="more-851"></span></p>
<h3 style="margin-top:20px;">アプリを作った経緯など</h3>
<div class="indent">
<h4 style="margin-top:20px;">ダウンロードされたモバイルアプリの26％は1度しか起動されていない</h4>
<p><a href="http://www.itmedia.co.jp/promobile/articles/1102/02/news044.html" target="_blank">モバイルアプリの約4本に1本はダウンロードされても使われていない――Localytics調べ</a></p>
<p>上記リンクのニュースをご覧いただくとわかるように、DLされた4分の1のアプリは1度しか起動してもらえないという統計があるようです。</p>
<p>たしかに僕自身、何度も起動するアプリは定番アプリくらいですもんね。<br />
何度も起動してもらえるアプリを作るのはすごく難しいなぁと思いました。</p>
<p>そこで、「潔く1度ダウンロードしてもらったら、基本的にアプリの用途は終わり」みたいなアプリを出してみたらどうだろうと考えてみました（笑）</p>
<p>そういう経緯で出してみたのが今回のアプリです。</p>
<p>使い方としては、<strong>曲を聴いて著作権フリー音源・着信音をDLする</strong>という、とてもシンプルなものです。</p>
<p>なので、音源をDLしたらこのアプリの役割は果たされるのです（笑）</p>
</div>
<h3>とは言っても、工夫点もあります</h3>
<div class="indent">
<h4  style="margin-top:20px;">有料音源・着信音もアプリ本体で試聴できる</h4>
<p>現在ストア内の着信音系のアプリを眺めていると、無料版から有料版へ誘導するといった手法が取られているものがほとんどで、<strong>有料版の音楽は購入しないと聴けないものばかり</strong>でした。</p>
<p>僕的には「買う前に音楽聴けないってどうなの〜？」と思い、今回のアプリでは<strong>アプリ本体で購入前に有料音源の試聴ができます</strong>。試聴した上で音源を購入してもらうというユーザビリティを実装しています。</p>
<h4  style="margin-top:20px;">PC内の著作権フリー音源は意外と検索が手間</h4>
<p>世の中の著作権フリー音楽をPC内に保存されている方はわかると思うのですが、実際使う際にPC内を検索して聴いて…という探す作業って結構大変です。</p>
<p>このアプリがあれば、iPhone片手に音源を聴きながらファイルを確認できます。</p>
<p>以上がアプリの紹介ですが、このアプリを継続していくかどうかは需要やご要望次第で判断したいと思っています。そもそも音楽需要ってそれほどないと思っていますので。</p>
<p>しばらく様子を見て、ある程度のDL数などが見込めれば積極的に音源を増やすなど、サポートをしっかりしたものにしたいなと思っています。</p>
<p>ご興味のある方は、DLいただけると幸いです。</p>
<p><br clear="all" /><br />
<SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822/JP/kaleidoscopew-22/8001/55aabe3c-1ddf-4000-a405-40bbc153b01b"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fkaleidoscopew-22%2F8001%2F55aabe3c-1ddf-4000-a405-40bbc153b01b&#038;Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT></p>
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.970 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/iphone/kml_release/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iPhoneアプリ In Reviewですよー</title>
		<link>http://blog.kaleido-jp.net/web/iphone/iphone_in_review/</link>
		<comments>http://blog.kaleido-jp.net/web/iphone/iphone_in_review/#comments</comments>
		<pubDate>Thu, 02 Jun 2011 02:55:18 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[開発]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=842</guid>
		<description><![CDATA[申請中のアプリがようやく「In Review」（審査中）になりました。アプリのバイナリアップロードから8日間でした。 申請後、なかなかIn Reviewにならなくて不安に思う方も多いようなので、ブログにエントリしました。 [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">
<div id="attachment_843" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/4a5ed84cae6e4b0647fd40585d88e93f.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/06/4a5ed84cae6e4b0647fd40585d88e93f-e1306982528565-150x89.png" alt="In Review（審査中）です" title="In Review（審査中）です" width="150" height="89" class="size-thumbnail wp-image-843" /></a><p class="wp-caption-text">In Review（審査中）です</p></div>申請中のアプリがようやく「In Review」（審査中）になりました。アプリのバイナリアップロードから8日間でした。</p>
<p>申請後、なかなかIn Reviewにならなくて不安に思う方も多いようなので、ブログにエントリしました。<br />
10日間くらいかかる場合もあるようですね〜。なかには、しびれを切らしてAppleに催促する方もいらっしゃるようです。</p>
<p>あとは、ステータスがReady For Sale（販売オッケーよん）になるのを待つのみですが、<br />
その間に多少のリジェクトは入ると思ってます。<br />
まぁ、それは粛々とつぶすしかないですね。</p>
<p>リリースは6月中旬くらいになりそう。<br />
キャプチャご覧いただくとわかるように、5月13日にアプリの登録をおこなって本格的な開発に入ったので、リリースまでに1ヶ月ってところでしょうか。まぁ、まずまずかなと。</p>
<p>Ready For Saleになったら、いろいろやることあるなぁ。<br />
とりあえず、第２弾アプリに取りかかります。</p>
<p><br clear="all" /><br />
<SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822/JP/kaleidoscopew-22/8001/607816ec-e453-432b-b2da-73962616a875"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fkaleidoscopew-22%2F8001%2F607816ec-e453-432b-b2da-73962616a875&#038;Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT></p>
<p><br clear="all" />
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 4.815 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/iphone/iphone_in_review/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webクリエイター向けにHTMLやJSの記述をObjective-Cに置き換えてみた（UILabel編）</title>
		<link>http://blog.kaleido-jp.net/web/objective-c_for_webcreator/</link>
		<comments>http://blog.kaleido-jp.net/web/objective-c_for_webcreator/#comments</comments>
		<pubDate>Mon, 30 May 2011 08:20:01 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[Objective-C]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=782</guid>
		<description><![CDATA[Web系の人でiPhoneアプリ作ってみたいなーと思ってる人って多いのかな？どうなんだろ？ 個人的には、HTML5技術とか進んでて、Webアプリでもかなりのものが作れるようになってきてますけど、やっぱりまだまだネイティブ [...]]]></description>
				<content:encoded><![CDATA[<div class="indent"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/10b90480c6c54912a7760bd07f6462c9.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/10b90480c6c54912a7760bd07f6462c9-e1306747824202-150x86.png" alt="テキストカラーの設定例" title="テキストカラーの設定例" width="150" height="86" class="alignleft size-thumbnail wp-image-831" /></a></p>
<p>Web系の人でiPhoneアプリ作ってみたいなーと思ってる人って多いのかな？どうなんだろ？</p>
<p>個人的には、HTML5技術とか進んでて、Webアプリでもかなりのものが作れるようになってきてますけど、やっぱりまだまだネイティブの方が有利な部分が多いと思ってます。あと、iPhoneの仕様を深く知る上でもいいんじゃないかなーと。</p>
<p>ちょっとしたアプリ作るなら、Titanium Mobileとかで全然いいと思うんですが、Titanium MobileのAPIに無いことをやろうとするとObjective-Cしかありません。</p>
<p>Objective-C自体はそんなに難しくないと思うんですよ。どちらかというと、APIやら仕様やらの情報がわかりにくい。それさえ調べ調べやれば、Web系の人でもアプリ作れます。</p>
<p>ということで、Web系の人でObjective-C学んでみたいという人向けに、ちょっとまとめてみました。<br />
ただし、超基本な部分をすっ飛ばして書いてるので、その辺はご自身で学習を。</p>
<p>今回は、viewという基本的なオブジェクトを組み立てていくお話。<br />
（webの記述を置き換えてますが、webViewの話しではないですよ）<span id="more-782"></span></p>
<p><br clear="all" />
</div>
<h3>ビューにテキストを書く</h3>
<div class="indent">
これはHTMLだったらなんてことはない。</p>
<p>たとえば、<br />
[html]<br />
&lt;body&gt;<br />
テキスト<br />
&lt;/body&gt;<br />
[/html]</p>
<blockquote><p>
説明をわかりやすくするため、divで囲って座標系をインラインで加えます。<br />
[html]<br />
&lt;body&gt;<br />
&lt;div style=&quot;position:absolute;top:10px;left:10px;width:100px;height:20px;&quot;&gt;<br />
テキスト<br />
&lt;/div&gt;<br />
&lt;/body&gt;<br />
[/html]</p>
<p>というHTMLの場合、Objective-Cで書くとこうなる。</p>
<p>[cpp]<br />
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 100, 20)];<br />
label.text = @&quot;テキスト&quot;;<br />
[self.view addSubView:label]:<br />
 [/cpp]<br />
みたいな感じ。<br />
（※座標系とサイズはCSSと同じ数値ですが、実際のサイズは異なります。あくまで説明用です。）
</p></blockquote>
<p>まぁ、これくらいだったらInterface BuilderのGUIによる組み立てができるんだけど、<br />
Objective-Cのビューの組み立ては、基本的にパーツを担うオブジェクトを初期化・用意して親となるビューに貼付けていく感じなのです。</p>
<p>HTMLもDOMっていうオブジェクトモデルをインターフェースとしてるので、上記のコードだと、bodyっていうオブジェクトにテキスト込みのdivオブジェクトを貼付けてるようなもの（…と、説明のため極端な言い方させてもらいます）と考えてみて、JavaScriptによるDOM操作の方がイメージしやすいかなと。</p>
<blockquote><p>
最近はピュアなJS書くよりも、jQuery記述の方が分かる人の方が多いだろうからjQueryで書くとこうなる。</p>
<blockquote><p>
<strong>jQuery</strong><br />
[javascript]<br />
label = $(&#8216;&lt;div&gt;テキスト&lt;/div&gt;&#8217;);<br />
label.css({position:&#8217;absolute&#8217;, top:&#8217;10px&#8217;,left:&#8217;10px&#8217;, width:&#8217;100px&#8217;, height:&#8217;20px&#8217;});<br />
$(&#8216;body&#8217;).append(label);<br />
[/javascript]
</p></blockquote>
<p>↓↓↓↓↓</p>
<blockquote><p>
<strong>Objective-C</strong><br />
[cpp]<br />
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 100, 20)];<br />
label.text = @&quot;テキスト&quot;;<br />
[self.view addSubView:label];<br />
 [/cpp]</p></blockquote>
</blockquote>
<p><strong>１行目：テキストを入れるUILabelっていうオブジェクトを、X座標、Y座標、横幅、高さとともに初期化および用意する。<br />
[c]<br />
[[UILabel alloc] initWithFrame:CGRectMake(X座標, Y座標, 横幅, 高さ)];<br />
[/c]<br />
２行目：テキストの内容を定義。@っていうのは、そういう文法なので深く気にしない。<br />
[c]<br />
label.text = @&quot;テキスト&quot;;<br />
[/c]<br />
３行目：そのラベルを親ビューに貼付け。</strong><br />
[c]<br />
[貼付ける先のオブジェクト addSubView:貼付ける対象のオブジェクト];<br />
[/c]</p>
<p style="margin-top:80px;">
上記を踏まえて、テキスト周りの装飾を他にも紹介すると下記みたいな感じ。
</p>
<h4 style="margin-top:30px;">テキストカラー</h4>
<blockquote>
<blockquote><p>
<strong>jQuery</strong><br />
[javascript]<br />
label.css({color:&#8217;#000&#8242;});<br />
[/javascript]
</p></blockquote>
<p>↓↓↓↓↓</p>
<blockquote><p>
<strong>Objective-C</strong><br />
[c]<br />
label.textColor = [UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.0f];<br />
[/c]<br />
もしくは<br />
[c]<br />
label.textColor = [UIColor blackColor];<br />
[/c]
</p></blockquote>
</blockquote>
<h4>フォントサイズ</h4>
<blockquote>
<blockquote><p>
<strong>jQuery</strong><br />
[javascript]<br />
label.css({fontSize:&#8217;12px&#8217;});<br />
[/javascript]
</p></blockquote>
<p>↓↓↓↓↓</p>
<blockquote><p>
<strong>Objective-C</strong><br />
[c]<br />
label.font = [UIFont systemFontOfSize:12.0f];<br />
[/c]</p></blockquote>
<p>（※座標系とサイズはCSSと同じ数値ですが、実際のサイズは異なります。あくまで説明用です。）
</p></blockquote>
<p>他にも、UILabel系のAPIやプロパティがありますが、大体上記と似たような感じですよ。</p>
<p>ちなみに、ここの説明だとaddSubViewしたあとに、テキストカラーやサイズのプロパティを変えてるような感じですが、実際はプロパティを設定したあとに、addSubViewしてください。<br />
誤りなどありましたら、突っ込み入れていただければです。</p>
<p>※【2011.5.30　追記】HTML＝DOMと書いたつもりではなかったのですが、そのように受取られるご意見がありましたので、その辺を修正させていただきました。</p>
<p><br clear="all" /><br />
<SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822/JP/kaleidoscopew-22/8001/5d2e33e1-c9a3-42f8-b935-7c9355abdbfd"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fkaleidoscopew-22%2F8001%2F5d2e33e1-c9a3-42f8-b935-7c9355abdbfd&#038;Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT><br />
<br clear="all" />
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.043 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/objective-c_for_webcreator/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iPhoneアプリを申請しました</title>
		<link>http://blog.kaleido-jp.net/web/iphone/iphone%e3%82%a2%e3%83%97%e3%83%aa%e7%94%b3%e8%ab%8b/</link>
		<comments>http://blog.kaleido-jp.net/web/iphone/iphone%e3%82%a2%e3%83%97%e3%83%aa%e7%94%b3%e8%ab%8b/#comments</comments>
		<pubDate>Fri, 27 May 2011 04:11:11 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[スマートフォンアプリ関連]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[制作]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=748</guid>
		<description><![CDATA[一昨日、iPhoneアプリをAppleへ申請しました。 現在、ステータスはWaiting For Reviewで、なかなかIn Reviewになってくれません（笑） かなりシンプルなアプリなのですが、詳細はリリースまで控 [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">一昨日、iPhoneアプリをAppleへ申請しました。<br />
現在、ステータスは<strong>Waiting For Review</strong>で、なかなか<strong>In Review</strong>になってくれません（笑）<br />
かなりシンプルなアプリなのですが、詳細はリリースまで控えておこうと思っています。</p>
<p>個人で100パーセント作ったのは初めてで、こういうアプリが問題無いのかよく把握できていないので、<br />
もしかしたら、アプリ自体がリジェクト対象になってしまうかも知れません…<br />
多かれ少なかれリジェクトされるとは思ってます。</p>
<p>でもまぁ、100%個人で手がけて得たものは大きいと思ってます。<br />
さっそく次なるアイデアでも練ろうと思っています。</p>
<p><div id="attachment_751" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/0bbae85b8918346b9d1aee4bf424c4dc.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/0bbae85b8918346b9d1aee4bf424c4dc-150x150.png" alt="スプラッシュ画面" title="スプラッシュ画面" width="150" height="150" class="size-thumbnail wp-image-751" /></a><p class="wp-caption-text">スプラッシュ画面</p></div> <div id="attachment_752" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/7c8e6da763477332881073d658a73126.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/7c8e6da763477332881073d658a73126-150x150.png" alt="音楽の試聴ビュー" title="音楽の試聴ビュー" width="150" height="150" class="size-thumbnail wp-image-752" /></a><p class="wp-caption-text">音楽の試聴ビュー</p></div>スクリーンショットだけ公開します。</p>
<p><br clear="all" />
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 4.710 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/iphone/iphone%e3%82%a2%e3%83%97%e3%83%aa%e7%94%b3%e8%ab%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>優れたデザインのiOSアイコンまでもアーカイブしてるサイト iOS INSPIRES ME</title>
		<link>http://blog.kaleido-jp.net/web/iosinspiresme/</link>
		<comments>http://blog.kaleido-jp.net/web/iosinspiresme/#comments</comments>
		<pubDate>Mon, 23 May 2011 01:21:56 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンサイト制作]]></category>
		<category><![CDATA[アイコン]]></category>
		<category><![CDATA[アーカイブ]]></category>
		<category><![CDATA[サイト制作]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=686</guid>
		<description><![CDATA[ご存知の方もいらっしゃると思うのですが、iOSアプリ関連の優れたデザインを集めたサイトを見つけたのでエントリ。 iOS INSPIRES ME このサイトの特徴は、アプリの画面やユーザーインターフェースだけでなく、アイコ [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">
<div id="attachment_725" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/445876-522201174101pm.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/445876-522201174101pm-150x150.jpg" alt="iOSアプリのUI・ビューのアーカイブ" title="iOSアプリのUI・ビューのアーカイブ" width="150" height="150" class="size-thumbnail wp-image-725" /></a><p class="wp-caption-text">iOSアプリのUI・ビューのアーカイブ</p></div>ご存知の方もいらっしゃると思うのですが、iOSアプリ関連の優れたデザインを集めたサイトを見つけたのでエントリ。</p>
<p><a href="http://www.iosinspires.me/" target="_blank">iOS INSPIRES ME</a></p>
<p>このサイトの特徴は、アプリの画面やユーザーインターフェースだけでなく、<strong>アイコンやアプリのサイトまでもアーカイブしているところ</strong>。しかも、どれもデザインが秀逸！アプリだけでなく、スマートフォンサイトのデザインの参考にもなりそうです。</p>
<p>さらに、<strong>デザインのアーカイブはページの下端に行くとAjaxでサムネイルがガンガン読込まれます</strong>。これはザッピング的に見るのにもいいですよね。これだけたくさんあると、文字通りデザインをインスパイアしてくれそうです。</p>
<p><br clear="all" /><br />
<span id="more-686"></span></p>
<h3>アプリのUIだけでなく、アプリのアイコンもアーカイブ</h3>
<p><div id="attachment_726" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/2fb06122c93688d0e8e8aa7f6708661d.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/2fb06122c93688d0e8e8aa7f6708661d-150x150.jpg" alt="アイコンのアーカイブ" title="アイコンまでもアーカイブ" width="150" height="150" class="size-thumbnail wp-image-726" /></a><p class="wp-caption-text">アイコンのアーカイブ</p></div>そもそも、僕がこのサイトを見つけたのは、今現在iPhoneアプリの開発をしてまして、アイコンのデザインの参考を探してたところ辿り着きました。</p>
<p>小さなサイズの抽象的なデザインってなかなか難しい。。。<br />
アプリだけでなくサイトのアイコンデザインにも役立ちそうです。<br />
今後も参考にさせてもらおうと思ってます。</p>
<p><br clear="all" /></p>
<h3>さらには、アプリ紹介サイトまでもアーカイブ</h3>
<p><div id="attachment_727" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/26878-522201175851pm.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/26878-522201175851pm-150x150.jpg" alt="アプリ紹介サイトもアーカイブ" title="アプリ紹介サイトもアーカイブ" width="150" height="150" class="size-thumbnail wp-image-727" /></a><p class="wp-caption-text">アプリ紹介サイトもアーカイブ</p></div>アプリ紹介サイトまで、アーカイブされています。デザインも含めて、アプリを売るためのマーケティングの参考にもなりそうです。</p>
<p><br clear="all" /></p>
<h4 style="margin-top:20px;">絵画調のアイコン…</h4>
<p>ちなみに僕が気になったのは、ビリヤードアプリのサイトとアイコン。<br />
アイコンがなんというか、絵画調…すごい。<br />
<div id="attachment_728" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/3ce5f3d5e38a2d0eb4eb7536bdc4b799.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/3ce5f3d5e38a2d0eb4eb7536bdc4b799-150x150.jpg" alt="Finger Billiardsのサイト" title="Finger Billiardsのサイト" width="150" height="150" class="size-thumbnail wp-image-728" /></a><p class="wp-caption-text">Finger Billiardsのサイト</p></div> <div id="attachment_729" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/a17cbcc659d9402b6b31cccdc578fd9f.jpg"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/a17cbcc659d9402b6b31cccdc578fd9f-150x150.jpg" alt="アイコンは絵画調" title="アイコンは絵画調" width="150" height="150" class="size-thumbnail wp-image-729" /></a><p class="wp-caption-text">アイコンは絵画調</p></div></p>
<p><br clear="all" /></p>
<p><SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822/JP/kaleidoscopew-22/8001/70828ef5-b525-44a1-9ffb-f8b873b6d792"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fkaleidoscopew-22%2F8001%2F70828ef5-b525-44a1-9ffb-f8b873b6d792&#038;Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT></p>
<p><br clear="all" />
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.676 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/iosinspiresme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法</title>
		<link>http://blog.kaleido-jp.net/web/css3%e3%81%a0%e3%81%91%e3%81%a7back%e3%82%84next%e3%83%9c%e3%82%bf%e3%83%b3/</link>
		<comments>http://blog.kaleido-jp.net/web/css3%e3%81%a0%e3%81%91%e3%81%a7back%e3%82%84next%e3%83%9c%e3%82%bf%e3%83%b3/#comments</comments>
		<pubDate>Sat, 14 May 2011 02:50:30 +0000</pubDate>
		<dc:creator>kosuke</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[スマートフォンサイト制作]]></category>
		<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[スマホ]]></category>
		<category><![CDATA[スマートフォン]]></category>

		<guid isPermaLink="false">http://blog.kaleido-jp.net/?p=606</guid>
		<description><![CDATA[CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも [...]]]></description>
				<content:encoded><![CDATA[<div class="indent">
<div id="attachment_641" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/ddc3ef47d2f5e7ca9770c8fd94d8a561.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/ddc3ef47d2f5e7ca9770c8fd94d8a561-150x150.png" alt="" title="画像を使わずにCSS3だけで尖ったボタン" width="150" height="150" class="size-thumbnail wp-image-641" /></a><p class="wp-caption-text">画像を使わずにCSS3だけで尖ったボタン</p></div>CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。<del datetime="2011-05-14T05:14:10+00:00">Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。</del>Androidはひと工夫必要そうです。</p>
<p><a href="http://css3wizardry.com/2011/03/21/back-and-next-buttons-revisited/" target="_blank">CSS3 Wizardry -Back and Next Buttons Revisited- </a><br />
<a href="http://css3wizardry.com/2010/10/05/subpixel-rendering-2/" target="_blank">CSS3 Wizardry -Subpixel Rendering- </a></p>
<p><br clear="all" /><br />
Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。<br />
<span id="more-606"></span></p>
<h4>ポイントとなるHTML</h4>
<p>ボタンを構成する要素はこれだけ。<br />
[html]<br />
&lt;!&#8211;ボタン要素&#8211;&gt;<br />
&lt;div class=&quot;button bordered back&quot;&gt;<br />
         &lt;span class=&quot;label&quot;&gt;Back&lt;/span&gt;<br />
&lt;/div&gt;<br />
&lt;!&#8211;//ボタン要素&#8211;&gt;<br />
[/html]</p>
<p><br clear="all" /></p>
<h4>ポイントとなるCSS</h4>
<p>その疑似要素をtransformで45度回転、mask-imageでつなぎ目を滑らかにしてるみたいですね。<br />
なるほど…その発想はなかったです。発想って大事だなーと再認識しました（笑）<br />
[css]<br />
.button.bordered.back:before {<br />
　…略…<br />
-webkit-transform: rotate(45deg);<br />
		-webkit-mask-image:<br />
			-webkit-gradient(linear, left bottom, right top,<br />
				from(#000000),<br />
				color-stop(0.5,#000000),<br />
				color-stop(0.5, transparent),<br />
				to(transparent));<br />
position: absolute;<br />
left: -9px;<br />
top: 2.5px;<br />
-webkit-background-clip: content;<br />
}<br />
[/css]</p>
<p>スマートフォンサイトはWiFi接続時はそうでもないのですが、3G回線の時は通信速度が落ちるので画像を用いずCSS3でUIを作るというのは、とても有効な手段です。</p>
<p>応用すれば、いろんなデザインができそうですね。</p>
<p><div id="attachment_633" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/80976608120f01cb4e453595b7df3776.png"><img src="http://blog.kaleido-jp.net/wp-content/uploads/2011/05/80976608120f01cb4e453595b7df3776-150x150.png" alt="" title="デモ" width="150" height="150" class="size-thumbnail wp-image-633" /></a><p class="wp-caption-text">デモ</p></div>ご興味のある方は導入されてみてはいかがでしょうか。<br />
・<a href="http://vxjs.org/buttons/SubpixelButtons-2/buttons.html"><strong>デモ</strong></a><br />
・<a href="http://vxjs.org/buttons/SubpixelButtons-2/SubpixelButtons.zip"><strong>サンプルソースのダウンロード</strong></a></p>
<p>【2011.5.14 追記】Androidで確認したところ、形的に尖るのですが、マスクがたぶん効かない状態になってしまうようです。Androidはひと工夫が必要ですね。<br />
【2011.5.15 追記】ちなみに対象となるブラウザはwebkit系ブラウザです。（Safari、Chrome、Mobile Safari）※Androidは工夫が必要と思われる。</p>
<p><br clear="all" /></p>
<p><SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822/JP/kaleidoscopew-22/8001/660f7458-1bbe-4133-9232-60936e044217"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fkaleidoscopew-22%2F8001%2F660f7458-1bbe-4133-9232-60936e044217&#038;Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT></p>
</div>
<p><strong>他の人気エントリ</strong>
<ul class="popular-posts">
<li><span><a href="http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" rel="bookmark" title="2012年2月28日">Unityが使える方を探しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/kaleidoscope/unity_develope/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/typoinsta_bosyu/" rel="bookmark" title="2011年12月6日">デザイナーさん・イラストレーターさんを募集しています</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/typoinsta_bosyu/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/smatphone_app/aboutapp/" rel="bookmark" title="2011年11月19日">Flash終了でアプリは消えないと思うよ？</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/smatphone_app/aboutapp/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/music/kubbe/" rel="bookmark" title="2012年6月17日">ノルウェー絵本「KUBBE（キュッパ）」映像化の音楽を作りました</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/music/kubbe/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/music/kubbe/" /></a></span></li>
<li><span><a href="http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="bookmark" title="2011年4月29日">スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン</a><a  href="http://b.hatena.ne.jp/entry/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" > <img src="http://b.hatena.ne.jp/entry/image/http://blog.kaleido-jp.net/web/%e3%83%95%e3%83%aa%e3%83%83%e3%82%af%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" /></a></span></li>
</ul>
<p><!-- popular Posts took 5.284 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kaleido-jp.net/web/css3%e3%81%a0%e3%81%91%e3%81%a7back%e3%82%84next%e3%83%9c%e3%82%bf%e3%83%b3/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
