<?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>ブロックワークス &#187; iPhone</title>
	<atom:link href="http://blockworks.jp/archives/tag/iphone/feed" rel="self" type="application/rss+xml" />
	<link>http://blockworks.jp</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 18 May 2012 01:55:00 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<atom:link rel='hub' href='http://blockworks.jp/?pushpress=hub'/>
		<item>
		<title>LEGO: Life of George：レゴとiPhoneを使ったものまね作成ゲーム</title>
		<link>http://blockworks.jp/archives/1533</link>
		<comments>http://blockworks.jp/archives/1533#comments</comments>
		<pubDate>Wed, 11 Jan 2012 00:55:39 +0000</pubDate>
		<dc:creator>blockworks</dc:creator>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[item]]></category>

		<guid isPermaLink="false">http://blockworks.jp/archives/1533</guid>
		<description><![CDATA[「Life of George」は、専用のレゴブロックとiPhoneアプリを使った言うなれば「ものまね作成ゲーム」です。 アプリがインストールされたiPhoneに作るべき対象が表示されるので同じものを作成し、iPhone<p><a href="http://blockworks.jp/archives/1533">LEGO: Life of George：レゴとiPhoneを使ったものまね作成ゲーム</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></description>
			<content:encoded><![CDATA[<p>「Life of George」は、専用のレゴブロックとiPhoneアプリを使った言うなれば「ものまね作成ゲーム」です。</p>
<p>アプリがインストールされたiPhoneに作るべき対象が表示されるので同じものを作成し、iPhoneで撮影することで正誤を判断してくれます。</p>
<p>レゴブロック自体は有りモノでよさそうですが、正誤を判断する白黒ドットの板が必要なのだと思います。</p>
<p>レゴはいつも試みがおもしろいですね。</p>
<p><span id="more-1533"></span></p>
<p><img src="http://blockworks.jp/wp-content/uploads/2012/01/20120110-092925.png" alt="LEGO: Life of George：レゴとiPhoneを使ったものまね作成ゲーム"></p>
</p>
<h3>リンク</h3>
<ul>
<li><a href="http://george.lego.com/">LEGO.com George Home</a></li>
</ul>
<p><a href="http://blockworks.jp/archives/1533">LEGO: Life of George：レゴとiPhoneを使ったものまね作成ゲーム</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blockworks.jp/archives/1533/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hipstamatic：iPhone向けトイカメラアプリ</title>
		<link>http://blockworks.jp/archives/1460</link>
		<comments>http://blockworks.jp/archives/1460#comments</comments>
		<pubDate>Thu, 29 Dec 2011 01:55:56 +0000</pubDate>
		<dc:creator>blockworks</dc:creator>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://blockworks.jp/?p=1460</guid>
		<description><![CDATA[「Hipstamatic」は、1982年に200個しか販売されなかったというトイカメラ「Hipstamatic」を元に再現されたカメラアプリだそうです。 カメラアプリと言うと、instagramの印象が強いですが、こんな<p><a href="http://blockworks.jp/archives/1460">Hipstamatic：iPhone向けトイカメラアプリ</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></description>
			<content:encoded><![CDATA[<p>「<a href="http://hipstamatic.com/the_app.html" target="_blank">Hipstamatic</a>」は、1982年に200個しか販売されなかったというトイカメラ「Hipstamatic」を元に再現されたカメラアプリだそうです。</p>
<p>カメラアプリと言うと、instagramの印象が強いですが、こんなマニアックなアプリもあったんですね。機能的には、instagramと似たようなものなのでしょう。</p>
<p>説明動画もあり、イラストをふんだんにつかった動画で見た目にも楽しそうです。</p>
<p>カメラアプリは多数ありますが、それぞれに特徴があるので、上手く使い分けると楽しそうですね。</p>
<p><span id="more-1460"></span></p>
<p><img src="http://blockworks.jp/wp-content/uploads/2011/12/hipstamatic.png" alt="Hipstamatic：iPhone向けトイカメラアプリ" title="Hipstamatic：iPhone向けトイカメラアプリ" width="480" height="316" class="alignnone size-full wp-image-1462" /></p>
<p><iframe src="http://player.vimeo.com/video/33587502?title=0&amp;byline=0&amp;portrait=0" width="480" height="270" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/33587502">Hipstamatic Disposable</a> from <a href="http://vimeo.com/heysynthetic">Synthetic</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</p>
<h3>リンク</h3>
<ul>
<li><a href="http://hipstamatic.com/the_app.html" target="_blank">Hipstamatic &#8211; The App</a></li>
</ul>
<p><a href="http://blockworks.jp/archives/1460">Hipstamatic：iPhone向けトイカメラアプリ</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blockworks.jp/archives/1460/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」</title>
		<link>http://blockworks.jp/archives/1132</link>
		<comments>http://blockworks.jp/archives/1132#comments</comments>
		<pubDate>Sun, 12 Sep 2010 15:21:10 +0000</pubDate>
		<dc:creator>blockworks</dc:creator>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://blockworks.jp/archives/1132</guid>
		<description><![CDATA[iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」というサイトを見つけましたのでご紹介します。 どうやらこのページはHTML5＋jQueryで作成されているようです。（もしかしたら一部<p><a href="http://blockworks.jp/archives/1132">iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></description>
			<content:encoded><![CDATA[<p>iPhone向けモックアップ(UI遷移図)の制作ができる「<a href="http://iphonemockup.lkmc.ch/?id=fGCFZbYjkOdGdWmHSbABTDOcLFBbBfffBhjYTRRSf&#038;style=illustration">iPhone Mockup</a>」というサイトを見つけましたのでご紹介します。</p>
<p><span id="more-1132"></span></p>
<p>どうやらこのページはHTML5＋jQueryで作成されているようです。（もしかしたら一部のブラウザでは上手く動作しないかもしれません。FireFox3.6.9では普通に動作しました。）<br />
操作はとても簡単で、「追加したいパーツをドラッグする」「いらないパーツはゴミ箱へドラッグする」だけです。一部のパーツはダブルクリックで文字を変更することができるようです。</p>
<p><a href="http://blockworks.jp/wp-content/uploads/2010/09/iPhonemockup02.png"><img src="http://blockworks.jp/wp-content/uploads/2010/09/iPhonemockup02-480x372.png" alt="iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」" title="iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」" width="480" height="372" class="alignnone size-medium wp-image-1131" /></a></p>
<p>この手のアプリ開発は、大きく分けて</p>
<ol>
<li>UI（動き）のみを考える</li>
<li>ソフトの外観（見た目のビジュアル）を作る</li>
<li>UIと外観の両方を作る</li>
</ol>
<p>の3パターンの人がいるかとおもいますが、この「<a href="http://iphonemockup.lkmc.ch/?id=fGCFZbYjkOdGdWmHSbABTDOcLFBbBfffBhjYTRRSf&amp;style=illustration">iPhone Mockup</a>」では、「1.UI（動き）のみを考える」人に向いているのかな、と感じました。</p>
<p>2.や3.の場合は、例えば「<a href="http://blockworks.jp/archives/810">fireworksCS3とCS4で使えるiPhoneUI画像｜ブロックワークス</a>」などのテンプレートを使った方が見た目も動き（といっても静止画像ですが）も両方作ることができるため、こちらの方がスピーディーかもしれません。</p>
<p>意思疎通のための資料をサクッと作りたい場合にいいかもしれませんね。</p>
<ul>
<li><a href="http://iphonemockup.lkmc.ch/?id=fGCFZbYjkOdGdWmHSbABTDOcLFBbBfffBhjYTRRSf&amp;style=illustration">iPhone Mockup</a></li>
</ul>
<p><a href="http://blockworks.jp/archives/1132">iPhone向けモックアップ(UI遷移図)の制作ができる「iPhone Mockup」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blockworks.jp/archives/1132/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhoneのUIモックアップをiPhoneで作成する「interface」</title>
		<link>http://blockworks.jp/archives/1077</link>
		<comments>http://blockworks.jp/archives/1077#comments</comments>
		<pubDate>Sun, 02 May 2010 04:24:22 +0000</pubDate>
		<dc:creator>blockworks</dc:creator>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://blockworks.jp/archives/1077</guid>
		<description><![CDATA[iPhoneのUIモックアップを作成する「interface」というiPhone用アプリを見つけましたのでご紹介します。 以前、「EDGE Touch」のUIを作成する時は、「fireworksCS3とCS4で使えるiP<p><a href="http://blockworks.jp/archives/1077">iPhoneのUIモックアップをiPhoneで作成する「interface」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></description>
			<content:encoded><![CDATA[<p>iPhoneのUIモックアップを作成する「<a href="http://lesscode.co.nz/interface">interface</a>」というiPhone用アプリを見つけましたのでご紹介します。</p>
<p><span id="more-1077"></span></p>
<p><img src="http://blockworks.jp/wp-content/uploads/2010/05/iphone_mockup001.jpg" alt="iPhoneのUIモックアップをiPhoneで作成する「interface」" title="iPhoneのUIモックアップをiPhoneで作成する「interface」" width="122" height="123" class="alignnone size-full wp-image-1308" /></p>
<p>以前、「<a href="http://itunes.apple.com/jp/app/id329021851?mt=8">EDGE Touch</a>」のUIを作成する時は、「<a href="http://blockworks.jp/archives/810" target="_blank">fireworksCS3とCS4で使えるiPhoneUI画像｜ホームページ制作,静岡｜ブロックワークス</a>」で紹介したiPhone部品画像を使って、<strong>画像で</strong>イメージを作りながら試行錯誤をしていました。</p>
<p>「<a href="http://itunes.apple.com/jp/app/id329021851?mt=8">EDGE Touch</a>」は、お互い勝手を知っているので、画像だけでも意図が分かったり、頭の中でソフトをシミュレートすることができました。</p>
<p>ただ、実際に依頼される？お客様は画像を見ただけで頭の中でシミュレートできる人は稀だと思います。実物を見ないと判断できない場合が非常に多いです。そんな時に、この「<a href="http://lesscode.co.nz/interface">interface</a>」というアプリは便利なんじゃないかと感じました。</p>
<p><object width="490" height="295"><param name="movie" value="http://www.youtube.com/v/SAebrhW3SHg&#038;hl=ja_JP&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SAebrhW3SHg&#038;hl=ja_JP&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="490" height="295"></embed></object></p>
<p>動画を見ていただくと分かると思いますが、実に様々なiPhoneUI用パーツが用意されています。よっぽど特殊なUIを考えるでも無ければ、ほとんどのものは作れてしまうのではないでしょうか？</p>
<p><img src="http://blockworks.jp/wp-content/uploads/2010/05/iphone_mockup01.jpg" alt="iPhoneアプリ用モックアップを作成" title="iPhoneアプリ用モックアップを作成" width="322" height="479" class="alignnone size-full wp-image-1075" /></p>
<p>一般的なUIはもちろん用意されていますが、自分で画像を用意すれば、より工夫したイメージを作ることもできます。</p>
<p><img src="http://blockworks.jp/wp-content/uploads/2010/05/iphone_mockup02.jpg" alt="iPhoneのモックアップにオリジナル画像を追加することも可能" title="iPhoneのモックアップにオリジナル画像を追加することも可能" width="322" height="479" class="alignnone size-full wp-image-1076" /></p>
<p>もちろん、画面間の移動も設定することができます。<br />個人的には、iPhoneで作ってその場でプレビューできるメリットもありますが、パソコンでモックアップを作成し、iPhoneに転送して作る方法も用意してくれれば便利そうだなぁ、と思いました。</p>
<h3>リンク</h3>
<ul>
<li><a href="http://lesscode.co.nz/interface" target="_blank">Interface &#8211; the ultimate mockup &amp; prototyping tool for iPhone &#8211; Handcrafted by Less Code</a></li>
</ul>
<p><a href="http://blockworks.jp/archives/1077">iPhoneのUIモックアップをiPhoneで作成する「interface」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blockworks.jp/archives/1077/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>画像をLEGOブロック風に変換するiPhoneアプリ「LEGO Photo」</title>
		<link>http://blockworks.jp/archives/888</link>
		<comments>http://blockworks.jp/archives/888#comments</comments>
		<pubDate>Tue, 12 Jan 2010 06:08:01 +0000</pubDate>
		<dc:creator>blockworks</dc:creator>
				<category><![CDATA[コラム]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://blockworks.jp/?p=888</guid>
		<description><![CDATA[すでにいろいろなサイトで紹介されつくしていますが、例え遅い情報でも、ブロックネタは紹介していくという事でｗ 画像をLEGOブロック風に変換するiPhoneアプリ「LEGO Photo」が少し前に公開されました。 起動する<p><a href="http://blockworks.jp/archives/888">画像をLEGOブロック風に変換するiPhoneアプリ「LEGO Photo」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></description>
			<content:encoded><![CDATA[<p>すでにいろいろなサイトで紹介されつくしていますが、例え遅い情報でも、ブロックネタは紹介していくという事でｗ<br />
画像をLEGOブロック風に変換するiPhoneアプリ「<a href="http://itunes.apple.com/jp/app/lego-photo/id347363502?mt=8">LEGO Photo</a>」が少し前に公開されました。</p>
<p><span id="more-888"></span></p>
<p>起動すると、こんな感じのかわいらしいデザインが。iPhoneで撮影した写真の他に、iPhoto経由で取り込んだ画像にも適用することができます。</p>
<p><a href="http://blockworks.jp/wp-content/uploads/2010/01/logophoto01.PNG"><img src="http://blockworks.jp/wp-content/uploads/2010/01/logophoto01.PNG" alt="logophoto01" title="logophoto01" width="320" height="480" class="alignnone size-full wp-image-889" /></a></p>
<p>画像処理中はこんな感じ。</p>
<p><a href="http://blockworks.jp/wp-content/uploads/2010/01/logophoto02.PNG"><img src="http://blockworks.jp/wp-content/uploads/2010/01/logophoto02.PNG" alt="logophoto02" title="logophoto02" width="320" height="480" class="alignnone size-full wp-image-890" /></a></p>
<p>元の画像が…</p>
<p><a href="http://blockworks.jp/wp-content/uploads/2010/01/logophoto03.jpg"><img src="http://blockworks.jp/wp-content/uploads/2010/01/logophoto03.jpg" alt="logophoto03" title="logophoto03" width="480" height="320" class="alignnone size-full wp-image-891" /></a></p>
<p>こんな感じに変化します。</p>
<p><a href="http://blockworks.jp/wp-content/uploads/2010/01/logophoto04.PNG"><img src="http://blockworks.jp/wp-content/uploads/2010/01/logophoto04.PNG" alt="logophoto04" title="logophoto04" width="480" height="320" class="alignnone size-full wp-image-894" /></a><br /><a href="http://blockworks.jp/wp-content/uploads/2010/01/logophoto05.PNG"><img src="http://blockworks.jp/wp-content/uploads/2010/01/logophoto05.PNG" alt="logophoto05" title="logophoto05" width="480" height="320" class="alignnone size-full wp-image-895" /></a></p>
<p>ブロック1つあたりの大きさを変えることができるようになったりするとおもしろいかもしれませんね。</p>
<h3>リンク</h3>
<ul>
<li><a href="http://itunes.apple.com/jp/app/lego-photo/id347363502?mt=8">LEGO Photo</a>（iTunes Storeへのリンク）</li>
</ul>
<p><a href="http://blockworks.jp/archives/888">画像をLEGOブロック風に変換するiPhoneアプリ「LEGO Photo」</a> is a post from: <a href="http://blockworks.jp">ブロックワークス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blockworks.jp/archives/888/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

