<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>iPhone / iPadアプリ開発者ブログ</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/" />
    <link rel="self" type="application/atom+xml" href="http://colorsapp.com/blog/atom.xml" />
    <id>tag:colorsapp.com,2010-04-19:/blog//2</id>
    <updated>2012-05-09T03:16:59Z</updated>
    <subtitle>iPhone / iPadアプリ制作会社カラーズの開発者ブログです。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 5.01</generator>

<entry>
    <title>「プッシュ通知やローカル通知で表示可能な文字数」</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2012/05/notification.html" />
    <id>tag:colorsapp.com,2012:/blog//2.13</id>

    <published>2012-05-07T01:15:00Z</published>
    <updated>2012-05-09T03:16:59Z</updated>

    <summary>プッシュ通知やローカル通知を使ってユーザーに何らかの情報を表示することができます...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[<p>プッシュ通知やローカル通知を使ってユーザーに何らかの情報を表示することができますが、iPhoneの画面状態と通知の表示形式によって、表示で
きるメッセージの文字数が異なります。メッセージの文字数が多いと、メッセージが途切れて全文表示しきれない事があります。できれば、どの場面の通知でも
メッセージを全部表示したいと思い、どの程度の文字数であれば途切れず表示できるのか調べてみました。</p><p>
また、iPhoneの画面状態での表示の違いも考慮して、表示できる文字数が一番少ない状態で検証を行い、その条件下で途切れず表示ができれば、いずれの画面状態でも、メッセージは途切れず表示できる。という考えで、以下の検証を行いました。</p>

<p>プッシュ通知やローカル通知には、バッジやサウンドで通知する機能もありますが、これらにはメッセージ表示の機能はありませんので説明は省きます。<br />
今回、検証したのはバナーとアラートでの通知についてとなります。</p>

<p><br />
①バナー<br />
iPhoneの設定＞通知にて、通知のスタイルをバナーに設定。<br />
iPhoneがホーム画面の時（アプリが終了しているか、バックグラウンドで動作している時）に通知が来るとバナー表示となります。<br />
まず、これが一番表示できる文字数が少ないわけですが、検証結果です。</p>

<p>・すべて全角文字の場合<br />
　　22文字を超えると途切れる。</p><p><img alt="Screenshot 2012.04.15 17.37.33.png" src="/blog/Screenshot%202012.04.15%2017.37.33.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.39.12.png" src="/blog/Screenshot%202012.04.15%2017.39.12.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.38.31.png" src="/blog/Screenshot%202012.04.15%2017.38.31.png" class="mt-image-none" height="365" width="243" /> <img alt="Screenshot 2012.04.15 17.39.19.png" src="/blog/Screenshot%202012.04.15%2017.39.19.png" class="mt-image-none" height="364" width="242" /></p><p>・すべて半角文字の場合<br />
　　42文字を超えると途切れる。</p><p><img alt="Screenshot 2012.04.15 17.49.58.png" src="/blog/Screenshot%202012.04.15%2017.49.58.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.50.59.png" src="/blog/Screenshot%202012.04.15%2017.50.59.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.50.05.png" src="/blog/Screenshot%202012.04.15%2017.50.05.png" class="mt-image-none" height="362" width="242" /> <img alt="Screenshot 2012.04.15 17.51.05.png" src="/blog/Screenshot%202012.04.15%2017.51.05.png" class="mt-image-none" height="362" width="241" /></p><p><br /></p>



<p>②アラート（ロック画面の時）<br />
アラートの場合は、ロック画面の時が表示できる文字数が一番少なかったので、この時の検証を行いました。<br />
iPhoneの設定＞通知にて、通知のスタイルをバナーまたはダイアログに設定。<br />
iPhoneがロック画面の時は、通知スタイルをバナーにしても画像のようにアラートが表示されます。<br />
これは、バナーよりは多い文字数を表示できます。</p>

<p>・すべて全角文字の場合<br />
　　60文字を超えると途切れる。</p><p><img alt="Screenshot 2012.04.15 17.22.05.png" src="/blog/Screenshot%202012.04.15%2017.22.05.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.22.47.png" src="/blog/Screenshot%202012.04.15%2017.22.47.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.34.30.png" src="/blog/Screenshot%202012.04.15%2017.34.30.png" class="mt-image-none" height="362" width="242" /> <img alt="Screenshot 2012.04.15 17.23.17.png" src="/blog/Screenshot%202012.04.15%2017.23.17.png" class="mt-image-none" height="363" width="242" /></p>

<p>・すべて半角の場合<br />
　　112文字を超えると途切れる。</p><p><img alt="Screenshot 2012.04.15 17.44.59.png" src="/blog/Screenshot%202012.04.15%2017.44.59.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.43.56.png" src="/blog/Screenshot%202012.04.15%2017.43.56.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.45.06.png" src="/blog/Screenshot%202012.04.15%2017.45.06.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.44.09.png" src="/blog/Screenshot%202012.04.15%2017.44.09.png" class="mt-image-none" height="363" width="242" /></p><p><br /></p>

<p>③アラートの右ボタンのタイトル<br />
あと、ついでにアラートでアプリ起動をするボタンを設定した場合の、ボタンの文字数も検証してみました。<br />
ちなみに、このボタンを使用するには、アプリのプログラム側で設定が必要になります。</p>

<p>・すべて全角文字の場合<br />
　　9文字を超えると途切れる。</p><p><img alt="Screenshot 2012.04.15 17.57.23.png" src="/blog/Screenshot%202012.04.15%2017.57.23.png" class="mt-image-none" height="363" width="242" /> <img alt="Screenshot 2012.04.15 17.58.13.png" src="/blog/Screenshot%202012.04.15%2017.58.13.png" class="mt-image-none" height="363" width="242" />&nbsp;&nbsp;</p>

<p>・すべて半角の場合<br />
　　16文字を超えると途切れる。</p>

<p><img alt="Screenshot 2012.04.15 17.59.39.png" src="/blog/Screenshot%202012.04.15%2017.59.39.png" class="mt-image-none" height="362" width="242" /> <img alt="Screenshot 2012.04.15 18.00.35.png" src="/blog/Screenshot%202012.04.15%2018.00.35.png" class="mt-image-none" height="363" width="242" /></p><p><br /></p><p><br />
●各通知ごとの途切れない文字数のまとめ</p>

<table border="1" cellpadding="5" cellspacing="0" width="300">
    <colgroup><col width="60*">
    <col width="60*">
    <col width="60*">
    </colgroup><tbody><tr>
        <td width="200">
            <p align="CENTER"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>通知の種類</b></font></font></p>
        </td>
        <td width="140">
            <p align="CENTER"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>すべて全角</b></font></font></p>
        </td>
        <td width="140">
            <p align="CENTER"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>すべて半角</b></font></font></p>
        </td>
    </tr>
    <tr>
        <td valign="TOP" width="33%">
            <p align="LEFT">①<font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>バナー</b></font></font></p>
        </td>
        <td bgcolor="#ffff00" width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">22</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
        <td bgcolor="#ffff00" valign="TOP" width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">42</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
    </tr>
    <tr>
        <td valign="TOP" width="33%">
            <p>②<font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>アラート（ロック画面の時）</b></font></font></p>
        </td>
        <td valign="BOTTOM" width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">60</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
        <td valign="TOP" width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">112</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
    </tr>
    <tr valign="TOP">
        <td width="33%">
            <p>③<font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><b>アラートの右ボタンのタイトル</b></font></font></p>
        </td>
        <td width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">9</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
        <td width="33%">
            <p><font face="ArialMT, sans-serif"><font style="font-size: 10pt" size="2"><span lang="en-US">16</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">文字</font></font></p>
        </td>
    </tr>
</tbody></table>　





<p>上記表の①バナーの文字数以内でメッセージを決めれば、いずれの状態でもメッセージを途切れず表示する事ができるようになります。ただし、メッセー
ジ内に改行を入れたり、全角と半角を混ぜりするとこの検証結果通りにはいかない事があります。これを途切れないように表示するためには、実際に表示してテ
ストしてみないと分かりませんので、今回の検証結果は、プッシュ通知やローカル通知でメッセージを設定する際の目安として参考になればと思います。</p> ]]>
        
    </content>
</entry>

<entry>
    <title>「iPhoneアプリをブラウザ上で動かす」</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2012/04/pieceable-viewer-ios.html" />
    <id>tag:colorsapp.com,2012:/blog//2.12</id>

    <published>2012-04-26T06:10:00Z</published>
    <updated>2012-04-26T06:10:41Z</updated>

    <summary>タイトルの通り、iPhoneアプリをブラウザで動かせる「Pieceable Vi...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[タイトルの通り、iPhoneアプリをブラウザで動かせる「Pieceable Viewer」というサービスがあるようです。<br /><br /><a href="https://www.pieceable.com/" target="_blank">https://www.pieceable.com/</a><br />こちらのサイトで、そのデモを実際に操作できたり、利用手順の説明があります。<br /><br />このサービスにアップロードできるのは、iOS Simulator向けにビルドしたアプリが対象のようで、iOS実機向けにビルドしたファイルではエラーとなりました。<br /><br />試しに無料版で、iPhoneとiPadのアプリをアップロードして、それぞれ動かしてみました。<br />ブラウザ上のマウス操作で、画面回転やoptionキーでピンチイン・ピンチアウトなどができ、Xcodeのシミュレーターに近い操作感です。<br />iPhoneのすべての機能は試していませんが、音が出なかったり、言語設定の変更がないなどいくつか制限はありそうです。<br />また、デモを動かしてみると分かりますが全体的に動作は重いです。<br /><br />無料版でも、１アカウント（１つのメールアドレス）で複数のアプリをアップロードすることは可能でした。<br />ただし、１アプリにつき１時間までしか動作できない制限付きとなっています。<br />このサービスを利用すれば、iOS provisioning portalで端末IDの登録や実機に繋いでインストールな手間がないので、URLを伝えれば誰でもブラウザでアプリを動かせることになります。<br />実際のタッチ操作感やカメラ、音など動作確認できない点もありますが、画面遷移やレイアウトなどの簡易的な確認程度であれば利用できるかもしれません。<br /><br /><br />●「Pieceable Viewer」を利用する際のメリットとデメリットを表にまとめました<br /><br />


<table border="1" cellpadding="5" cellspacing="0" width="100%">
	<colgroup><col width="150">
	<col width="150">
	</colgroup><tbody><tr valign="TOP">
		<td width="230">
			<p align="CENTER"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 11pt" size="2"><b>メリット</b></font></font></p>
		</td>
		<td width="260">
			<p align="CENTER"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 11pt" size="2"><b>デメリット</b></font></font></p>
		</td>
	</tr>
	<tr valign="TOP">
		<td>
			<p><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><span lang="en-US">iOS
			provisioning portal</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">での</font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><span lang="en-US">UDID</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">登録不要</font></font></p>
		</td>
		<td>
			<p><font color="#000000"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">動作が重い</font></font></font></p>
		</td>
	</tr>
	<tr valign="TOP">
		<td>
			<p><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><span lang="en-US">iPhone</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">、</font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2"><span lang="en-US">iPad</span></font></font><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">対応</font></font></p>
		</td>
		<td>
			<p><font color="#000000"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">音が出ないなど、動作しない機能がある</font></font></font></p>
		</td>
	</tr>
	<tr valign="TOP">
		<td>
			<p><font color="#000000"><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">デモアプリの配布や宣伝がしやすい</font></font></font></p>
		</td>
		<td>
			<p><font face="ヒラギノ角ゴ Pro W3"><font style="font-size: 10pt" size="2">言語設定の変更がない</font></font></p>
		</td>
	</tr>
</tbody></table> ]]>
        
    </content>
</entry>

<entry>
    <title>iOSアプリとMacOSXアプリが同時に開発できるオープンソース</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2011/06/iosmacosx.html" />
    <id>tag:colorsapp.com,2011:/blog//2.11</id>

    <published>2011-06-07T07:30:22Z</published>
    <updated>2011-06-14T02:59:50Z</updated>

    <summary>　　名称：Chameleon Project　（カメレオン　プロジェクト）【特徴...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[　　名称：Chameleon Project　（カメレオン　プロジェクト）<div><br /></div><div><br /></div><div>【特徴】</div><div>iOSでiPhone/iPad向けに開発したアプリを少ない修正でMacOSXでも使えるようにできる。</div><div><br /></div><div><br /></div><div>【検証】</div><div>現時点で実装済みのフレームワークとサンプルアプリのファイルが</div><div>ダウンロードできましたので、まずはサンプルのプロジェクトファ</div><div>イルをビルドしてみました。</div><div><br /></div><div>Chameleonのフレームワークを使って開発したプロジェクトは、XCode</div><div>でビルドするターゲットをiOSまたはMacOSXに切り替えるだけで、2つ</div><div>のアプリを生成できます。</div><div><br /></div><div>下記は一つのプロジェクトファイルから、iPhone（左）とMacOSX（右）</div><div>のアプリを２つ同時にPC画面に立ち上げてみた画像。</div><div><br /></div><div>「Click Me!」をクリックすると赤いAppleが拡大・縮小するアニメーション。</div><div><img alt="blog_photo1.jpg" src="http://colorsapp.com/blog/blog_photo1.jpg" width="512" height="455" class="mt-image-none" style="" /></div><div><br /></div><div>ダウンロードしたファイルには、サンプルプロジェクトの他に、</div><div>「音楽」「動画」「ユーザーインターフェース」「課金」</div><div>「アドレス帳」「メッセージ通知」</div><div>などに対応したフレームワークが添付されていました。</div><div><br /></div><div>その中で、iPhoneの洗練されたユーザーインターフェース用フレームワーク</div><div>「UIKit」のソースコードにまず目を向けて、MacOSXでも動作するように</div><div>再構築されているのを確認しました。</div><div><br /></div><div><br /></div><div><br /></div><div>【まとめ】</div><div>情報によれば、現時点でUIKitの実装率は60%程度、その他のアクセシビリティ</div><div>への対応がまだ課題があるとの事でした。</div><div><br /></div><div>アプリにもよると思いますが、iOS用に開発したアプリをMacOSXでも再利用</div><div>したいと考えた場合には、非常に関心高まるオープンソースだと感じました。</div><div>その際、注意したいのはやはり、アプリの画面構成の違いではないと思います。</div><div>iPhone/iPadではユーザーが操作するのは常に一つの画面ですが、Macでは複数</div><div>の画面を使うという事を考慮する必要があると思います。</div><div><br /></div><div><br /></div><div>今後も動向をチェックして、弊社のアプリ開発業務にも活用したいと思います。</div><div><br /></div>]]>
        
    </content>
</entry>

<entry>
    <title>iPadのディスプレイは9.7インチでなぜ「大画面」なのか？</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2010/05/ipaddisplay.html" />
    <id>tag:colorsapp.com,2010:/blog//2.10</id>

    <published>2010-05-28T05:20:56Z</published>
    <updated>2011-02-03T16:32:54Z</updated>

    <summary>本日、ようやく日本でもiPadが発売されました。それにあわせて、先日より日本のA...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[<div>本日、ようやく日本でもiPadが発売されました。</div><div>それにあわせて、先日より日本のAppStoreでもAppleのiBooksアプリやiWorkアプリが発売されています。</div><div>プリインストールのアプリを含めて、Appleのアプリのユーザーインタフェースはよく考えられていて、自然なタッチ操作で快適にアプリを使うことができます。</div><div><br /></div><div>アメリカでの発売と同時にiPadを入手して、2ヶ月近く研究をしてきました。また、多くの方にiPadを見てもらいました。</div><div>その中で改めて認識したのは、iPadの快適な使用感を実現する、「大画面」ディスプレイの重要性です。</div><div><br /></div><div>iPadのディスプレイの大きさは9.7インチです。対角線で約25センチです。</div><div>iPadはいちおうモバイル機器ですので、パソコン用のディスプレイと比べればもちろん「小さい」です。多くのノートパソコンのディスプレイよりも「小さい」です。</div><div>iPadのディスプレイの解像度は、1024 x 768ピクセルです。何年か前は、この解像度がパソコン用ディスプレイで主流だった時期もありますが、今となっては「小さい」です。</div><div>また、そもそも比べるのも変ですが、40とか50インチの大画面テレビが普及している中で、9.7インチのiPadのディスプレイは「小さい」です。</div><div><br /></div><div>このようにスペック上は「小さい」のですが、実際に使ってみると、それらの数字以上に「大きい」と感じるのです。</div><div><br /></div><div>私はiPhoneやiPadのアプリを開発する立場ですので、スペック上は「小さい」ディスプレイが、なぜ「大きい」と感じるのか、その理由を理解して、アプリの企画や設計、製造に活かさなければなりません。</div><div><br /></div><div>2ヶ月近くの研究で、その理由を次のように考えました。</div><div><br /></div><div>--- シングルアプリであること ---</div><div>iPhoneやiPadの欠点として、複数のアプリを同時に使えないということがよく話題になります。</div><div>ブラウザを起動すればブラウザしか見ることができませんし、メールアプリを起動すればメールを書くか読むことしかできません。通常のパソコンで同時に複数のアプリを起動して複数の作業をこなすということが、iPhoneやiPadではできないのです。</div><div>このことによって、iPadでは一つのアプリが9.7インチのディスプレイの全面に表示され、ユーザーはそのアプリに集中せざるをえません。集中するからこそ一つのアプリの中で10本の指を使って様々な操作ができ、「小さい」ディスプレイを「大きい」と感じるのだと思います。</div><div><br /></div><div>--- ディスプレイ以外に操作部が無いこと ---</div><div>iPhoneやiPadのディスプレイ面には、ホームボタンと呼ばれるボタンが一つだけあります。そのボタンはアプリを終了する時に押すもので、アプリの使用中に押すことはありません。アプリの操作はすべてディスプレイを触ることによって行います。</div><div>ここでも、やはりディスプレイに集中することになります。</div><div>（次のバージョンのOSではホームボタンの役割が増えますが、アプリ操作の一部として使わないということに変わりはありません）</div><div><br /></div><div>--- 顔に近いこと ---</div><div>iPadは机や膝の上に置いたり、あるいは本体を手で持って操作します。テレビやパソコンのディスプレイと比べて、多くの場面でiPadは私たちの顔の近くにあります。</div><div>車のレースゲームやバイオハザードのようなゲームを試してみました。レースゲームはiPad本体を両手で持って本体の傾きでハンドルを操作するので、顔のすぐそばにディスプレイが来ることになります。すると、美麗なグラフィックが目の前に迫り、ものすごい迫力です。</div><div>目の前にある9.7インチのiPadは、数メートル先にある数十インチの大画面テレビに匹敵するほど「大きい」と感じます。</div><div>大画面テレビは持ち運ぶことはできませんが、iPadは気軽に持ち運べるので、大画面テレビに匹敵する迫力のゲームやムービーを、どこでも気軽に楽しむことができます。</div><div><br /></div><div>--- 比較対象がiPhoneや他の携帯端末であること ---</div><div>iPadが発表された時に、「iPhoneやiPod Touchがただ大きくなっただけではないか」という声が聞かれたように、今のところiPadは、iPhoneやその他スマートフォンなどの携帯端末と比較されることが多いです。</div><div>それらの携帯端末と比べると確かに実際に「大きい」のです。</div><div>週末にじっくりiPadを使い、週明けの通勤時にiPhoneを使うと、iPhoneのディスプレイががっかりするほど小さく感じます。</div><div><br /></div><div>--- 「大きい」画面でも操作しやすいこと</div><div>通常のパソコンの「マウス」を使った操作では、ディスプレイが大きくなればなるほど画面内でのマウスカーソルの移動距離が大きくなり、操作しにくくなります。</div><div>iPadでは画面に触れて操作しますので、マウスカーソルを動かす必要はありません。画面の左上にあるボタンを触ったすぐ直後に、画面の右下にあるボタンを操作することができます。直後ではなく、『同時』に操作することさえできるのです。（iPadの仕様上は、同時に11本の指まで認識するそうです）</div><div>直感的に効率良く操作できますので、「大きい」と感じるのだと思います。</div><div><br /></div><div>--- とにかく美しいこと ---</div><div>ディスプレイに表示されるすべてが美しいです。</div><div>写真やムービーや内蔵の日本語フォントなどにとにかく圧倒されます。</div><div>ただそれだけで迫力があるのです。</div><div><br /></div><div>=========</div><div><div>iPadのディスプレイの実力は、それを活かすアプリによって初めて発揮されます。</div><div>「効率よく直感的に操作できるアプリ」の開発を心がけたいと思います。</div><div><br /></div><div>iPadは日本でもようやく発売されましたので、お近くの販売店で、ぜひ実際に触ってみてください。</div><div><br /></div><div>当方のiPadのデモも可能です。ご興味のある方はお気軽にご連絡ください。</div><div><br /></div></div> ]]>
        
    </content>
</entry>

<entry>
    <title>iPhone / iPadの内蔵フォント</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2010/05/iphone-ipad-font.html" />
    <id>tag:colorsapp.com,2010:/blog//2.9</id>

    <published>2010-05-24T02:38:48Z</published>
    <updated>2010-05-24T02:49:18Z</updated>

    <summary>iPhoneやiPadアプリ内でテキストを表示する場合、それらに内蔵されているフ...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[<div>iPhoneやiPadアプリ内でテキストを表示する場合、それらに内蔵されているフォントで表示されます。</div><div>もちろん私たちが気になるのは、日本語フォントです。</div><div><br /></div><div>今までのiPhoneやiPod Touchでは、「ヒラギノ角ゴシック」しか日本語フォントが内蔵されておらず、明朝体は入っていませんでした。</div><div>アプリの雰囲気によっては明朝体を使いたいこともありますが、その場合は別途フォントを用意するか、あるいは画像で表現する必要がありました。</div><div><br /></div><div>iPad（iPhoneOS 3.2）を調べたところ、（日本語に限らず）内蔵フォントが格段に増えていました。</div><div>内蔵フォントをすべて列挙するのは長くなってしまいますので、iPhoneとiPadの差分のみ、末尾に列挙します。</div><div>その差分を見ると、iPadには「ヒラギノ明朝」が内蔵されています。</div><div>これでiPadアプリでの日本語文字表現の幅が広がります。</div><div><br /></div><div>参考に、実際のiPadでテストアプリを起動してヒラギノ明朝を表示させた時のスクリーンショットを掲載します。iPadの高品質ディスプレイでは、大変美しく表示されています。</div><div><br /></div><div><img alt="20-15-28-05.jpg" src="http://colorsapp.com/blog/2010/05/24/20-15-28-05.jpg" width="512" height="384" class="mt-image-none" style="" /></div><div><br /></div><div>iPhone / iPadに内蔵されているフォントは、次の無料アプリを使うことによって、実際のフォントを見ながら調べることができます。</div><div><br /></div><div><a href="http://itunes.apple.com/jp/app/id292461457?mt=8">Cédille -フォントビューア- (iTunesリンク)</a></div><div><br /></div><div><br /></div><div><br /></div><div>--------------------------------------------------------</div><div>iPhone Only</div><div><br /></div><div>-- Arial Unicode MS</div><div>ArialUnicodeMS</div><div><br /></div><div><br /></div><div><br /></div><div>--------------------------------------------------------</div><div>iPad Only</div><div><br /></div><div>-- Academy Engraved LET</div><div>AcademyEngravedLetPlain</div><div><br /></div><div>-- Baskerville</div><div>Baskerville</div><div>Baskerville-Bold</div><div>Baskerville-Italic</div><div>Baskerville-BoldItalic</div><div><br /></div><div>-- Bodoni 72</div><div>BodoniSvtyTwoITCTT-Bold</div><div>BodoniSvtyTwoITCTT-Book</div><div>BodoniSvtyTwoITCTT-BookIta</div><div><br /></div><div>-- Bodoni 72 Oldstyle</div><div>BodoniSvtyTwoOSITCTT-Book</div><div>BodoniSvtyTwoOSITCTT-BookIt</div><div>BodoniSvtyTwoOSITCTT-Bold</div><div><br /></div><div>-- Bodoni 72 Smallcaps</div><div>BodoniSvtyTwoSCITCTT-Book</div><div><br /></div><div>-- Bodoni Ornaments</div><div>BodoniOrnamentsITCTT</div><div><br /></div><div>-- Bradley Hand</div><div>BradleyHandITCTT-Bold</div><div><br /></div><div>-- Chalkduster</div><div>Chalkduster</div><div><br /></div><div>-- Cochin</div><div>Cochin-BoldItalic</div><div>Cochin-Italic</div><div>Cochin-Bold</div><div>Cochin</div><div><br /></div><div>-- Copperplate</div><div>Copperplate-Bold</div><div>Copperplate</div><div><br /></div><div>-- Didot</div><div>Didot-Italic</div><div>Didot</div><div>Didot-Bold</div><div><br /></div><div>-- Futura</div><div>Futura-Medium</div><div>Futura-CondensedExtraBold</div><div>Futura-MediumItalic</div><div><br /></div><div>-- Gill Sans</div><div>GillSans-BoldItalic</div><div>GillSans-Bold</div><div>GillSans</div><div>GillSans-Italic</div><div><br /></div><div>-- Helvetica Neue</div><div>HelveticaNeue-BoldItalic</div><div>HelveticaNeue-Italic</div><div><br /></div><div>-- Hiragino Mincho ProN</div><div>HiraMinProN-W3</div><div>HiraMinProN-W6</div><div><br /></div><div>-- Hoefler Text</div><div>HoeflerText-Black</div><div>HoeflerText-Italic</div><div>HoeflerText-BlackItalic</div><div>HoeflerText-Regular</div><div><br /></div><div>-- Marker Felt</div><div>MarkerFelt-Wide</div><div><br /></div><div>-- Optima</div><div>Optima-BoldItalic</div><div>Optima-Regular</div><div>Optima-Bold</div><div>Optima-Italic</div><div><br /></div><div>-- Palatino</div><div>Palatino-Italic</div><div>Palatino-Bold</div><div>Palatino-Roman</div><div>Palatino-BoldItalic</div><div><br /></div><div>-- Papyrus</div><div>Papyrus</div><div><br /></div><div>-- Party LET</div><div>PartyLetPlain</div><div><br /></div><div>-- Snell Roundhand</div><div>SnellRoundhand-Bold</div><div>SnellRoundhand</div><div><br /></div><div>-- Zapf Dingbats</div><div>ZapfDingbatsITC</div><div><br /></div> ]]>
        
    </content>
</entry>

<entry>
    <title>iPadを開封する子供たちの様子を観察してみました。</title>
    <link rel="alternate" type="text/html" href="http://colorsapp.com/blog/2010/04/ipadunboxing.html" />
    <id>tag:colorsapp.com,2010:/blog//2.8</id>

    <published>2010-04-25T17:08:48Z</published>
    <updated>2010-04-25T19:15:58Z</updated>

    <summary>開発用に取り寄せたiPadが、4月7日に届きました。 今までに無い形態の物体に子...</summary>
    <author>
        <name>colors</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colorsapp.com/blog/">
        <![CDATA[<div>開発用に取り寄せたiPadが、4月7日に届きました。</div>
<div>今までに無い形態の物体に子どもたちがどのように反応するのか、私の4歳と7歳の息子たちに開封させました。</div>
<div>息子たちはiPhoneは何度か触ったことがありますが、もちろんiPadに触るのは初めてです。</div>
<div>まずは開封の様子です。</div>
<div><br /></div>
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/4yoBAKkPN8c&hl=ja_JP&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4yoBAKkPN8c&hl=ja_JP&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
<div><br /></div>
<div>アクティベーション前なので操作はできませんでしたが、「でかいiPhone」という認識はできたようです。</div>
<div><br /></div>
<div>続いて、いくつかのアプリをインストールしてから触ってもらいました。</div>
<div><br /></div>
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/lpUBv_qEhCU&hl=ja_JP&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lpUBv_qEhCU&hl=ja_JP&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
<div><br /></div>
<div>アプリの起動、終了は、教えなくてもできました。アプリを起動してからは、どのように操作してよいのかはあまりわからない様子でした。インストールしたアプリが良くなかったのでしょうか。</div>
<div>しかし、「何かワクワクするもの」という感覚はあったようです。</div>
<div><br /></div>]]>
        
    </content>
</entry>

</feed>

