tag:blogger.com,1999:blog-38274796159447211312023-11-16T02:26:45.381+09:00びば!もばいる!(+サーバ達)hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.comBlogger117125tag:blogger.com,1999:blog-3827479615944721131.post-57588603926889396762011-01-11T00:37:00.001+09:002011-01-11T00:37:22.293+09:00【Android使いこなし】 Galaxy Tabをモバイルルータ利用した際の接続可能端末(Mobile AP Shortcut)<p>今回はhilock702がGalaxy Tabを買おうと決意したアプリ、 <br />「Mobile AP Shortcut」とその使える度合をご紹介します。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <p>Mobile AP ShortcutはGalaxy Tabをモバイルルータにできる機能です。 <br />これを使えば、<strong><font color="#0000ff">外出時でもiPod TouchやノートPCを無線LAN接続し、 <br />インターネットを利用することができます</font></strong>。</p> <p>但し、画面上使えないようにされていることから、 <br /><strong><font color="#ff0000">本機能は正式な機能ではありません</font></strong>。 <br /><strong><font color="#ff0000">身に覚えのない高額請求が来る可能性もあります</font></strong>ので、 <br />自己責任でお願いします。</p> <p>ちなみに、本機能はテザリングに該当する機能です。 <br />SPモードを使ってインターネットアクセスしている人が使うと規約違反となります。 <br />使いたい場合は、mopera系の契約、またはb-mobileの契約で行うようにしましょう。</p> <h4>■使えるようになるまで</h4> <h5>Step.1 Mobile AP Shortcutをマーケットからダウンロードする</h5> <h5>Step.2 Mobile AP Shortcutを起動する</h5> <h5>Step.3 「Mobile AP設定」を押し、各種情報を設定する</h5> <blockquote> <p>ネットワークSSIDを入力し、セキュリティ設定を選択します。 <br /><strong><font color="#ff0000">セキュリティ設定は「WPA2 PSK」しか選択できません</font></strong>。 <br />「WPA2 PSK」を選択した際のパスワードは、長すぎると認証できないかもしれません。 <br />(詳しくは仕様を調べて頂ければわかるかと。。。)</p> <p>また、キーボードを非表示にすると、 <br />「マイデバイスを非表示」にするチェックボックスがあります。 <br />検索に引っかからなくなりますので、 <br />登録は手間がかかるようになりますが、セキュリティ対策として設定しておきましょう。</p> </blockquote> <h5>Step.4 開放する</h5> <blockquote> <p>後は画面上部の「Mobile AP」のチェックボックスをONにするだけです。 <br /><strong>チェックを入れてから、長くて数十秒は「インターネットアクセスなし」の状態になります</strong>ので <br />焦らず待ちましょう。</p> <p>ちなみに、hilock702の利用頻度だと2時間で30%~40%ぐらい減っていました。 <br />(画面非表示、インターネットをちらほら利用、というレベル)</p> </blockquote> <h4>■接続確認済み端末</h4> <p>続いて、接続できた端末をご紹介します。 <br />但し、あくまでhilock702の環境で接続確認した内容であり、 <br />ご覧いただいている皆様の環境での接続を保証するものではありません。 <br />また、いつまで下記端末が接続できるかもわかりません。 <br />ご容赦いただければ幸いです。</p> <ul> <li>Windows 7 (Professional) </li> <li>Windows XP (Professional)<!--EndFragment--> </li> <li>iPhone 3GS </li> <li>iPad Wi-Fi </li> <li>PSP 3000 [Playstation Networkへの接続] </li> <li>Nintendo DS [ニンテンドーDSiショップへの接続] </li> </ul> <p>この機能、いつまでも使えるといいなぁ。 <br />hilock702の目指す基盤にまた一つ近づきました。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com1tag:blogger.com,1999:blog-3827479615944721131.post-47138362804677132772011-01-10T17:20:00.001+09:002011-01-11T00:36:56.379+09:00【雑記】 Galaxy Tabを持った後の自分<p>こんにちは。hilock702です。</p> <p>Galaxy Tabを買ってから2週間。 <br />僕に何か変化があったのか、それともなかったのか、軽くご紹介します。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <h4>■以前の僕</h4> <ul> <li><strong>外出時の所有物</strong> <ul> <li>iPhone 3GS </li> <li>iPad Wi-Fi </li> <li>携帯電話 </li> <li>(必要そうなら)Bluetoothキーボード </li> <li>(必要そうなら)Pocket Wi-Fi </li> </ul> </li> <li><strong>外出時にやること</strong> <ul> <li>iPhone 3GSでやること <ul> <li>Webを見る </li> <li>メールをチェックする </li> <li>スケジュールをチェックする </li> <li>ナビをする </li> <li>お店を調べる </li> <li>Twitterを書く </li> <li>動画・音楽をストリーミングする </li> <li>TeamViewerでリモートデスクトップする </li> <li>SharePlayer+VPN接続でどうしても読みたいマンガをダウンロード&読む </li> <li>スキャナを使ってホワイトボードの議事録を残す&送付する </li> <li>目覚まし </li> <li>EvernoteやDropboxでメモや文書を見る </li> </ul> </li> <li>iPadでやること <ul> <li>PDFを読む </li> <li>スキャンしたマンガを読む </li> <li>文章をまとめたりする </li> <li>2chをダウンロードして読む </li> </ul> </li> <li>携帯電話でやること <ul> <li>i-modeメールを見る </li> <li>電話する </li> </ul> </li> <li>上記どちらでもできなかったこと <ul> <li>スケジュールを登録する </li> </ul> </li> </ul> </li> </ul> <h4>■今の僕</h4> <ul> <li><strong>外出時の所有物:ちょっと減りました</strong> <ul> <li>iPhone 3GS(但し、機内モードにしてWi-Fiのみ接続) </li> <li>Galaxy Tab </li> <li>携帯電話 </li> <li>(必要があれば)iPad Wi-Fi </li> </ul> </li> <li><strong>外出時にやること:ほとんどGalaxy Tabになりました</strong> <ul> <li>iPhone 3GSでやること <ul> <li>スケジュールをチェックする(あらかじめダウンロードしておく) </li> <li>TeamViewerでリモートデスクトップする </li> <li>スキャナを使ってホワイトボードの議事録を残す&送付する </li> <li>目覚まし </li> </ul> </li> <li>Galaxy Tabでやること <ul> <li>Webを見る </li> <li>メールをチェックする </li> <li>スケジュールを登録する </li> <li>ナビをする </li> <li>お店を調べる </li> <li>Twitterを書く </li> <li>音楽をストリーミングする </li> <li>PDFを読む(超遅くてイライラ) </li> <li>スキャンしたマンガを読む(読みたいマンガはVPN接続して読む) </li> <li>2chを見る </li> <li><!--EndFragment-->EvernoteやDropboxでメモや文書を見る </li> </ul> </li> <li>携帯電話でやること <ul> <li>i-modeメールを見る </li> <li>電話する </li> </ul> </li> <li>しなくなったこと or iPadを持って行ってやること <ul> <li>動画をストリーミングする </li> <li>文章をまとめる<!--EndFragment--> </li> </ul> </li> </ul> </li> </ul> <p>という感じで、<strong><font color="#0000ff">Galaxy Tabの利用割合がすごく大きくなりました</font></strong>。 <br />逆に、<strong><font color="#0000ff">iPadは自宅内利用になっています</font></strong>。</p> <p>上記のようになった理由として、以下があげられます。</p> <ul> <li>iPhoneでは閲覧しづらかったけど、iPadでは大きすぎる <br />Galaxy Tabは胸ポケットに入るので持ち運びしやすい <br />という<strong><font color="#0000ff">7インチのメリットが活きている</font></strong>。 </li> <li>僕の持っているiPadでは3Gが使えず、不便。 <br /><strong>Galaxy Tabは3Gにアクセスできるので便利</strong>。 <br />(iPad 3Gだったらもう少し違ったかも) </li> <li>いざiPhone・iPadで通信したいときは <br /><strong><font color="#0000ff">Galaxy TabのMobile AP Shortcutを使ってできる</font></strong>。 <br />(大きな声では言えないですが、とりあえずデータ通信契約してるので規約的にOKなはず…?) </li> </ul> <p><strong><font color="#ff0000">PDF閲覧の点ではまだまだ不便</font></strong>ですし、 <br /><strong><font color="#ff0000">iPadに比べれば文字入力がやりにくい</font></strong>ですが、 <br /><strong><font color="#0000ff">「持ち運びしやすい大きさ」という一点だけで <br />結構持ち歩く自分がいました</font></strong>。</p> <p><strong>Webやマンガの閲覧が快適</strong>なので、<strong>多少PDFが読みづらくても許容できる</strong>、 <br /><strong>電池がまぁまぁ持つので使い続けても大丈夫</strong>ということも <br />Galaxy Tabで満足できる理由かもしれません。</p> <p>購入・置き換えを検討されている方の参考になれば幸いです。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com1tag:blogger.com,1999:blog-3827479615944721131.post-50040253873582125132011-01-10T16:56:00.001+09:002011-01-11T00:37:52.129+09:00【Android 使いこなし】 Galaxy TabでRoot権限を取る<p>さて、今回はSMB接続やその他のカスタム設定に向けて必要となる <br /><strong>「Root権限を取得(通称:Rootを取る)」</strong>しましょう。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <p><strong>操作そのものはすごく簡単ですが、 <br />必ず「Root権限を取得ことによるリスク」を理解した上で実施してください</strong>。 <br /><strong><font color="#ff0000">メーカー保障対象外となったり、失敗すると端末が動かなくなります。</font></strong></p> <p>ちなみに、本稿は「Rootを取るべきだ!」と推奨してはおらず、 <br />僕のように<strong><font color="#0000ff">「どうしてもRootを取らないとできないことがある」人向けの内容</font></strong>です。 <br />iOSのJailbreakと同様、<strong><font color="#ff0000">「とりあえずやってみたい」という人は絶対にやらない方がいい</font></strong>です。</p> <p>お決まり文句で大変申し訳ありませんが、 <br />「実施する場合は自己責任でお願いします」。</p> <p>また、hilock702はRootじゃない状態に戻す方法(Unroot化)を <br />まだ確認できておりません。「戻せない」前提で以下を進めてください。 <br />(今回紹介するアプリにUnrootボタンがありますが、それで保証が受けられる状態となるか不明。)</p> <h4>■「Root」とは</h4> <p>Rootとは、端末インストール時に登録される管理者権限を持つユーザー・権限の名称であり、 <br /><strong>端末に対して「なんでもできる権限」のこと</strong>です。</p> <p><strong>ユーザが間違った操作をしても壊れなくするため、 <br />Android端末は一部の操作・処理は実行できない</strong>ようになっています。</p> <p>それを無理やりRoot権限取って実行するわけですから、 <br />ある程度の知識が無いとできないですし、 <br /><strong><font color="#ff0000">メーカーにとってみれば「ほらー、やっちゃいけないって言っているのに」といわれてしまいます</font></strong>。</p> <p>参考URL:<a title="http://itpro.nikkeibp.co.jp/article/Keyword/20071130/288471/" href="http://itpro.nikkeibp.co.jp/article/Keyword/20071130/288471/">rootとは(http://itpro.nikkeibp.co.jp/article/Keyword/20071130/288471/)</a></p> <h4>■Rootを取る、その後で起こるリスク</h4> <p>Root権限を取ることで何かが起こることはほとんどありません。 <br />大体は<strong>「取得した後のカスタム設定で失敗して」エラいことが起こります</strong>。 <br />その一例をあげると。。。</p> <ul> <li>黒い画面のまま、電源を入れても起動しない(通称:文鎮化)。 <ul> <li>文鎮化すると、何をしても動かないことも。。。 </li> </ul> </li> <li>3Gがつながらなくなる/無線がつながらなくなる。 </li> <li>USB接続が認識されない。 </li> </ul> <p>などなど。 <br />文鎮化した日にはテンションが超下がります。</p> <p>上記のようなトラブルを避けるため、 <br /><font color="#ff0000"><strong><font color="#ff0000">偉大な先人たちが見つけてくれた手順を必ず調べ、 <br />全く同じ手順でするようにしましょう。</font></strong> <br /></font>きちんと情報を調べてやれば、何とかなるはずです。</p> <h4>■Rootを取ると何ができるの?</h4> <blockquote> <p>簡単に言うと、下記のような内容です。 <br />(Galaxy Tabでどこまでできるか未調査ですが、一般的な話として。)</p> </blockquote> <ol> <li>SMBのマウント </li> <li>スワップ領域の利用 <ul> <li>SDカードの一部を仮想メモリとして利用することで、アプリが安定動作するようになります。 </li> </ul> </li> <li>フォントの変更 <ul> <li>Androidの日本語用漢字には中国漢字が使われており、たまーに変な文字が出てきます。 <br />これを日本語の文字に変えることができます。 </li> </ul> </li> <li>root専用アプリの使用。(スクリーンショットや再起動アプリなど) </li> <li>オーバークロックの実施 </li> <li>CPコマンドの実施 </li> <li>携帯電話システムのバックアップ・リストア </li> <li>地域制限されたアプリのダウンロード </li> </ol> <blockquote> <p>hilock702は1・2・4がどうしてもほしかったので、Rootを取得しました。</p> </blockquote> <blockquote> <p>参考URL:<a href="http://komugi.net/archives/2009/12/04205313.php)">Rootを取ると何ができるの?(http://komugi.net/archives/2009/12/04205313.php)</a></p> </blockquote> <h4>■Rootの取り方(z4rootの実行方法)</h4> <h5>Step.1 XDA developper(Androidのコミュニティ)にアカウント登録する(無料)</h5> <blockquote> <p>z4rootはGoogle検索をすればダウンロードすることもできますが、 <br />最新且つ正規版を落としておく方が安全です。</p> </blockquote> <blockquote> <p>最新版はXDA developperのスレッドからダウンロードできますが、 <br />ダウンロードにはアカウント登録が必須のため、 <br />画面右上のRegisterからアカウント登録をしましょう。(下記画面参照)</p> </blockquote> <blockquote> <p>アクセス先URL:<a title="http://forum.xda-developers.com/showthread.php?t=833953" href="http://forum.xda-developers.com/showthread.php?t=833953">http://forum.xda-developers.com/showthread.php?t=833953</a></p> </blockquote> <blockquote> <p>Registerボタンのありか:</p> </blockquote> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TSq7nivrsdI/AAAAAAAACx8/0jqX8nSjBFE/s1600-h/XDAregist2.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="XDAregist" border="0" alt="XDAregist" src="http://lh4.ggpht.com/_czWHVKg2RW0/TSq7oGBJlPI/AAAAAAAACyA/XtgRCKKOb50/XDAregist_thumb.png?imgmax=800" width="244" height="164" /></a></p> <h5>Step.2 Root用アプリケーション(z4root)をダウンロードする</h5> <blockquote> <p>登録したアカウントでログインした後、下記URLにアクセスしてください。 <br />z4rootのスレッドにアクセスできます。</p> </blockquote> <blockquote> <p><a title="http://forum.xda-developers.com/showthread.php?t=833953" href="http://forum.xda-developers.com/showthread.php?t=833953">http://forum.xda-developers.com/showthread.php?t=833953</a></p> </blockquote> <blockquote> <p>スレッド下部、「Attached Files」の欄にある <br /><strong>「z4root.1.3.0.apk」をダウンロードし、Galaxy tab(Android端末)にコピー</strong>しましょう。 <br />(コピー先はどこでもいいですが、僕は/mnt/sdcard/download/の中にしました。)</p> </blockquote> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TSq7olOYkRI/AAAAAAAACyE/t2WNqbb-56s/s1600-h/z4root-download4.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="z4root-download" border="0" alt="z4root-download" src="http://lh4.ggpht.com/_czWHVKg2RW0/TSq7pGvBc5I/AAAAAAAACyI/raPfbig6YMY/z4root-download_thumb2.png?imgmax=800" width="439" height="265" /></a></p> <h5>Step.3 Galaxy Tab(Android)にアプリケーションをインストールする</h5> <blockquote> <p>z4rootをインストールしましょう。 <br />僕の場合は、「アストロ」というアプリ(無料)を使い、 <br />z4root.1.3.0.apkをクリックするとインストール画面が立ち上がりました。</p> </blockquote> <h5>Step.4 z4rootを起動し、rootを取得する</h5> <blockquote> <p>「アプリ」からz4rootを起動し、rootを取得する。</p> </blockquote> <blockquote> <p>目的によって取得するRootは変えた方がよく、 <br /><strong>一時的なRoot取得で済むもの(フォント変更等)はTemporary Rootを取得し、 <br />ずっとRoot取得が必要なもの(SMBマウント等)はPermanent Rootを取得しましょう。</strong></p> </blockquote> <blockquote> <p>※当該作業の際、Superuserというアプリもインストールされますが、 <br />Root権限で処理するために必須アプリなのでアンインストールしないでください。</p> </blockquote> <p> </p> <p>以上です。</p> <p><strong>まだRootを取得しただけで、Root取得による恩恵は得られていません。 <br />次回、SMB取得にてroot権限の恩恵を得ましょう。</strong></p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-19956221628667823832011-01-03T16:34:00.001+09:002011-01-05T00:48:37.164+09:00【Android使いこなし】 Galaxy Tabに関する質問アレコレ<p>Galaxy Tabについて、僕の周りも興味があるようで、いくつか質問を受けることがありました。 <br />忘れないうちに、簡単にメモを取っておこうと思います。</p> <p>まぁ、一言言えることは、「ドコモショップに行って聞くのが一番いいですよ」ですね。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <h4>■契約について</h4> <ul> <li><strong>今はdocomoの普通の携帯電話を使っています。 <br />これをGalaxy Tabに機種変更した後、 <br />Galaxy TabからSIMカードを抜いて今までの携帯電話に入れて <br />Galaxy TabをWi-Fiで運用することは可能でしょうか?</strong> <ul> <li>(試してないですが、たぶん) <br />通常の音声通話回線(タイプSSバリュー とか)であれば問題なし。 <br />逆に、機種変更の際にデータ通信回線にするとできない。 </li> <li>オプションサービスについて、 <br />SPモードを契約すれば、i-modeが無くてもドコモのメールアドレスが使えるが、 <br />SPモード+i-modeにしておくことがオススメ。 <br />セットにしておくと割引されるし、今までのメールアドレスも使えるし、Galaxy Tabに入れ替えることもできるし。 </li> <li>デメリットの一つは、Samsung アプリダウンロード・アップデートができないことらしい。 <br />でも、よく使うアプリダウンロード・アップデート先(Androidマーケット)は普通に使えるので問題なし。 </li> <li>もう一つのデメリットは、「ケータイ補償お届けサービス(※)」の対象機種がGalaxy Tabになること。 <br />サービスに入っていない人には問題ないですね。 <br />※:ケータイが水没したりすると、5250円で同じ機種を送ってくれるサービス。 <br />Galaxy Tabも5250円かは未確認。 </li> </ul> </li> <li><strong>音声契約にしたらいい?データ通信契約にしたらいい?</strong> </li> <ul> <li>以下を踏まえて、自分にあったものを選んでください。 </li> <li>音声契約の場合 <ul> <li>電話ができる。 </li> <li>i-modeのメールアドレスが使える。 </li> <li>Twitter、Webブラウジング、Youtube等は普通にできる。 </li> <li>Skypeが使えるらしい。(試してないです) </li> <li>テザリングは規約違反のため、NG。(機能的には使えますが、どんな罰則があるかわかりません) </li> <li>VPN接続できない。(ホームサーバと連携しづらい) </li> <li>料金は、定額いっぱいまで行くと7280円。 </li> </ul> </li> <li>データ通信契約の場合 </li> <ul> <li>電話アプリがあるけど、使えない。 </li> <li>メールアドレスは、「<a href="mailto:xxx@mopera.ne.jp">xxx@mopera.ne.jp</a>」とかっていうmoperaのメールアドレスになる。 </li> <li>Twitter、Webブラウジング、Youtube等は普通にできる。 </li> <li>VPN接続できる。 </li> <li>Skypeはできないらしい。(無線LAN通信時は可能。3G時は不可らしい。が、起動できちゃった。。。) </li> <li>テザリングは契約上OK。 </li> <li>VPN接続できる。(ホームサーバと連携しやすい) </li> <li>料金は、定額いっぱいまで行くと6510円。 </li> </ul> <li>参考サイト <br /><a title="http://www.nttdocomo.co.jp/charge/smart_phone_bill_plan/galaxytab.html" href="http://www.nttdocomo.co.jp/charge/smart_phone_bill_plan/galaxytab.html">http://www.nttdocomo.co.jp/charge/smart_phone_bill_plan/galaxytab.html</a> </li> </ul> <li><strong>「当日を含む直近3日間のパケット通信量が300万パケット以上だと通信が遅くなる」ってあるけど、 <br />300万パケットってどのくらい?</strong> <ul> <li>384メガバイト。 <ul> <li>Webページ(200キロバイトと仮定)にして、1875ページ分。 <br />僕のブログだと、1ページあたりの平均時間は2分ぐらいらしいから、 <br /><strong><font color="#0000ff">Webページを62時間見続けられる</font></strong>。3日間は72時間だから、十分。 </li> <li><strong><font color="#0000ff">Youtubeを見続ける場合、HQなら30分、LQなら128分見続けられる。 <br />ニコニコ動画を見続ける場合、98分視聴可能。</font></strong> <br />動画サイトは「時間のある時に」ってことですね。 <ul> <li>Youtube(HQ)は10分で100メガバイト、Youtube(LQ)は10分で30メガバイトと仮定。 </li> <li>ニコニコ動画は10分で40メガバイトと仮定。 </li> </ul> </li> <li><strong><font color="#0000ff">写真にして、192枚分。</font></strong> <ul> <li>デジタル一眼レフで撮影した写真(1枚2メガバイト)と仮定。 </li> </ul> </li> <li><strong><font color="#0000ff">マンガ・書籍にして、4~8冊分。 <br /></font></strong>マンガは基本Wi-Fiでやるようにしろってことか。 </li> </ul> </li> <li>300万パケットを超えても通信できなくなるわけじゃないので、 <br />気にしすぎない方が良いかと。 </li> </ul> </li> </ul> <h4>■端末機能について</h4> <ul> <li><strong>Skypeできる?スーファミできる?</strong> <ul> <li>Androidアプリの有無は、Googleで検索してみてください。 <br />「Android ソフト名」で大体検索できるはずです。 <br />iPhoneでできることのうち、5割くらいはできる気がします。体感ですが。 </li> <li>ゲームはiPhoneに比べてかなり少ないです。 </li> <li>あるゲーム機のエミュレータは存在しますが、 <br />ゲームソフトデータのダウンロードは違法なので「できません」。 </li> </ul> </li> <li><strong>Flash使えて、快適?</strong> <ul> <li>iPadやiPhoneでは見れなかった一部Webページがちゃんと閲覧できるのでかなり良い。 </li> <li>但し、動作速度はそれほど速くない。 <br />Youtubeを見るなら専用アプリの方がいいし、 <br />ニコニコ動画は再生すらできなかった。 </li> </ul> </li> <li><strong>カメラの画質はどうですか?</strong> <ul> <li>携帯電話カメラの画質って、こんなもんじゃないでしょうか?というレベル。 </li> <li>撮影してから、次の写真が撮影できるまでは2秒くらいです。 </li> <li>取った写真をすぐに大きな画面で見れることは便利と思います。 </li> </ul> </li> <li><strong>取った写真をすぐにGalaxy Tabで表示することってできますか?</strong> <ul> <li>micro SDの端子がついているので、 <br />ここに入れれば見れると思われます。(今後試さないと、ですね。) </li> <li>Galaxy Tabの写真閲覧ソフトは <br />UIがiPadに似ていて直感的ですし、 <br />自動でPicasaのデータを読み込めるので、なかなか便利です。 </li> </ul> </li> <li><strong>GPSは便利?Googleマップナビってどう?</strong> <ul> <li>GPSの精度は「まぁまぁ」って感じです。 <br />大きなズレは無いので、道案内等で困ったことはありません。 </li> <li>車で移動してないのでわかりませんが、 <br />Google マップ ver.5(3D表示)とナビの組み合わせはなかなかいい感じです。 <br />2chにて動作不安定な報告がありますので、まだ快適なレベルには達していないと思われます。 </li> </ul> </li> </ul> <h4>■ユーザエクスペリエンスについて</h4> <ul> <li><strong>サクサク動きますか?</strong> <ul> <li>店頭で触っていただくのが良いですが、 <br />今まで触ったAndroid端末の中では一番よく動きます。 </li> <li>体感的には、Webブラウザ利用時等にガクつくときがありますが、 <br />だいぶ快適に動きます。 <br />でも、iPadよりはちょっと下、という感じです。 </li> </ul> </li> <li><strong>タッチパネルの精度はどう?</strong> <ul> <li>画面保護フィルムを張っていますが <br />文字入力や操作は誤認識しないのですごく快適です。 <br />僕の端末はちょっとだけ上にズレている気がします。 <br />端末個体差かもしれません。 </li> <li>タッチパネルの精度調整機能は無いみたい。 <br />ずれてきたらどうやって調整するんだろう? </li> </ul> </li> <li><strong>見やすいですか?</strong> <ul> <li>画面の輝度はかなりあり、下から20%ぐらいにしていても <br />外で普通に見えます・読めます。 </li> <li>画面が大きいため、普通のWebページであれば拡大なく快適に見えます。 </li> </ul> </li> <li><strong>持ち運び大変ですか?</strong> <ul> <li>スーツを着る仕事をしているのですが、 <br />ケースを付けていないGalaxy Tabはスーツの胸ポケットに入ります。 <br />持ち運びも楽ですし、銃で撃たれてもひょっとしたら生き残れるかも。 </li> </ul> </li> <li><strong>電池の持ちは?</strong> <ul> <li>詳細計測が必要ですが、 <br />大体4時間ぐらいはフル稼働できそうです。 </li> <li>電車通勤片道1時間の間、本/Webを読み続けて往復すると <br />大体家に帰りつく頃には60%ぐらいになっています。 </li> <li>2日間ぐらい使えるのでバッテリーは気にせず使っています。 </li> </ul> </li> <li>以下、続く。 </li> </ul> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-6365695427656751422011-01-03T12:25:00.001+09:002011-01-03T16:41:23.640+09:00【Android使いこなし】 Galaxy Tabを買って良かったこと・悪かったこと<p>Galaxy TabをiPhone・iPadの置き換えとして考えていたhilock702ですが、 <br />買ってみて、使ってみて、実際どの程度置き換え可能か、 <br />良い点・悪い点の観点からメモしておこうかと思います。</p> <p>iPhoneからの移行を考えている方にご一読頂ければ幸いですが、 <br />あくまで僕の要件に対しての評価のため、下記をみながらご自身でご判断ください。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <h4>【まとめ】</h4> <ul> <li><strong>こんな人はGalaxy  Tabを買って幸せになれるかも</strong> <ul> <li>本を快適に読みたいが、iPhone・Xperiaでは小さい。 <br />でもカバンなしで持ち歩きたい/胸ポケットに入れたい。 </li> <li>iPad・iPhoneでは3Gの通信が快適ではない。 </li> <li>SMBアクセスできる環境がほしい。 </li> </ul> </li> <li><strong>こんな人はGalaxy Tabを買わない方が良い</strong> <ul> <li>アプリはさくっと見つけたい。 <br />自分でいろんなサイトを当たって探すなんて嫌だ。 </li> <li>ゲームいっぱいしたい。 </li> <li>動画や音楽を外出時にストリーミングで楽しみたい。 </li> <li>一台目端末にしたいし、VPN通信にしたい。 </li> <li>携帯電話でFlashコンテンツを楽しみたい。</li> </ul> </li> </ul> <h4>【以下、詳細】</h4> <ul> <li><strong>良かった点</strong> </li> <ul> <li><strong>回線速度・つながる広さ</strong> <ul> <li><strong><font color="#0000ff">Webブラウザ等を使ってみて、通信待ち時間や圏外をあまり感じず快適</font></strong>です。 <br />都内ではそれほど変わらないと思っていましたが <br />違いを体感できたので驚きました。 </li> </ul> </li> <li><strong>画面の大きさに依る「可読性」</strong> <ul> <li>iPhoneに比べ、画面が大きいため <br />スキャンしたマンガを<strong><font color="#0000ff">拡大せずとも読める</font></strong>ことは良い点です。 <br />書籍等も、少し拡大すれば普通に読めるようになります。 </li> <li>A3サイズの本は本体を横にして読んでいます。 </li> </ul> </li> <li><strong>SMBアクセス</strong> <ul> <li>僕にとって<strong><font color="#0000ff">iOSを使い続けることの不安点がコレで、とりあえず解消されました。</font></strong> <br />スマートフォン単体で動かすなんてありえません。 <br />サーバ連携をするためにSMBアクセスが必須です。 </li> </ul> </li> <li><strong>JailBreak不要なテザリング</strong> </li> <ul> <li>大手を振って言えない機能ですが、 <br />一応データ通信契約なら問題ないはずです。 </li> <li>iOSの場合、JailBreakが必要のためリスクが高く、 <br />そもそも契約的にもNGです。 </li> <li><strong><font color="#0000ff">PCを持ち歩いたり、いざというときに使うモバイル無線LANルータとして <br />かなり大きな保険</font></strong>になります。 </li> </ul> <li><strong>Flashサイトの閲覧</strong></li> <ul> <li>Flashが搭載されているため、WebサイトにてiPhoneでは表示できなかった部分が表示されます。</li> <li>但し、処理速度はあまり早くなく、これでゲームとかは正直無理だと思います。</li> </ul> </ul> <li><strong>悪かった点</strong> <ul> <li><strong>処理のモッサリ感</strong> <ul> <li>Galaxy TabはほかのAndroid端末に比べて相当サクサクです。 <br />また、Androidが技術的にモッサリになってしまうことも知っています。 <br />でも、ユーザにとってそんなことは関係ありません <br />やっぱり<strong><font color="#ff0000">iOSに比べるとカクカクだと感じてしまいます</font></strong>。 </li> </ul> <ul> <li>特に<strong><font color="#ff0000">PDF閲覧や情報の多いWebページでカクカクしてしまう</font></strong>ので、 <br />ここはしょうがないのかなぁと思っています。 </li> </ul> </li> <li><strong>アプリ・コンテンツの数</strong> <ul> <li>スマートフォンの一つのウリは、アプリで機能を拡張できることだと思っています。 <br />しかし、iOSに比<strong><font color="#ff0000">べアプリがまだ成熟中であり、 <br />「少ない」</font></strong>感が否めません。 </li> <li>また、<strong><font color="#ff0000">かゆい所に手が届いていないアプリも多く</font></strong>、 <br />iOSアプリの方が研究されていると感じました。 </li> <li>以下のいずれも、iOSアプリの方が進んでいます。 <br />「Androidで未来に進もう」なんてありえません。 <br />iOSに比べて便利になるものは数少ないため、 <br />基本的に不便になると思ってください。 <ul> <li>ツール系 </li> <li>ゲーム </li> <li>ビジネス向けアプリ </li> </ul> </li> <li>当然ながら、電子書籍も少ないです。 <br />docomoのCMでは本を読んでいるCMがありましたが、 <br /><strong><font color="#ff0000">自炊環境を持っている人じゃないと無理</font></strong>です。 <br />ユーザに夢を見せるな、docomoよ。 </li> </ul> </li> <li><strong>VPNアクセスの制限</strong> <ul> <li>これは端末ではなくキャリアの問題ですが、 <br /><strong><font color="#ff0000">音声回線(SPモードあり)だとVPN接続ができません</font></strong>。 <br />これって、法人利用の観点で考えるとありえないんですが。。。 <br />例のVPN回線契約を法人向けにさせるということか、docomoよ。 </li> <li>Softbankは何もなしでVPN接続できるので、 <br />ちょっとありえないです。 </li> </ul> </li> <li><strong>電話</strong> <ul> <li>電話はハンズフリー/ヘッドセット利用のどちらかです。 </li> <li>そのため、耳にあてて「もしもし」という形ではなく、 <br />机の上においてつかう形です。 </li> <li><strong><font color="#ff0000">一台目の携帯電話(音声通話必須)には適さないと思います。</font></strong> </li> </ul> </li> </ul> </li> <li><strong>あまり変わらない点</strong> <ul> <li><strong>電池の持ち</strong> <ul> <li>電池の持ちはiPhoneとほぼ同じです。 <br />(hilock702の使い方では、同じような減り方をする。) </li> </ul> </li> <li><strong>キーボード入力のしやすさ</strong> <ul> <li>大きくなったので入力しやすいかなぁ、と思っていたのですが、 <br />今のところあまり大きなメリットを感じていません。 </li> </ul> </li> <li><strong>本体の大きさに依る「持ち運びやすさ」</strong> <ul> <li>iPadを持っているのですが、本体の大きさが大きく <br />持ち運びにはカバンが必須でした。 </li> <li><strong><font color="#0000ff">Galaxy Tabもカバンに入れる運用になるかと思いきや、 <br />スーツの胸ポケットに入るんです。 <br /></font></strong>(但し、ケースを付けると入らない。ケースなし運用が必須) <br />これは予期せぬびっくりでした。 </li> <li>このおかげで、iPhoneと同じように <br /><strong><font color="#0000ff">「カバンを持たずとも持ち歩く」運用ができます</font></strong>。 </li> </ul> </li> </ul> </li> </ul> <p>という感じです。</p> <p>ご不明な点等あればお気軽にコメントください。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-25712616176582412552011-01-03T04:04:00.001+09:002011-01-10T18:10:15.536+09:00【Android使いこなし】 Galaxy Tabの注意点(自宅サーバとの連携編)<p>Galaxy Tabを自宅サーバと接続してエンターテインメントを外出時に好きに見たい! <br />という野望を持っているhilock702です。</p> <p>この際、注意すべきことがいくつかありました。 <br />これから購入される方はご一読ください。</p> <p>正直なところ、ちょっと整理しきれていないので <br />後ほど更新かなぁ。 <br />苦労したので、同じ人を生まないようにまずは書きます。</p> <p>※本項目は、「サーバにあるコンテンツをGalaxy Tabに保存せずに閲覧する」が目的です。 <br />いちいち保存するのって面倒くさい&容量制限のため全部を持ち歩けないので</p> <p>※僕の知らないアプリで下記に対応できそうなものがあれば、ぜひ教えてください。</p> <p>※iPhoneと共有できる音楽ストリームアプリがありましたので、修正・追記しました(1/10)</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <h4>【前提条件】</h4> <ul> <li><strong>見たいエンターテインメント対象 </strong> <ul> <li>マンガ・書籍 </li> <li>写真 </li> <li>録画した動画 </li> <li>録音した音楽を聴く </li> </ul> </li> </ul> <h4>【注意点まとめ】</h4> <ul> <li><strong>注意点まとめ </strong> <ul> <li><strong>外出時の<font color="#ff0000">動画閲覧はかなり困難</font>。<font color="#0000ff">マンガ・書籍、写真、音楽なら大丈夫そう</font>。</strong> </li> <li>iPhoneにもAndroidにもストリーミング配信できるアプリはOrbだけ <br />でも、高い割に画質・音質が悪いのでhilock702は使わない。 </li> <li><strong><font color="#0000ff">VPN接続+SMBアクセスすることで、外出時もサーバ上のマンガ・書籍や写真を閲覧できる</font></strong>が、 <br /><strong><font color="#ff0000">「データ通信契約」じゃないとVPN接続できない。 </font></strong> <br />SPモードを使っているとVPN接続できないのでサーバ接続する人は要注意。 </li> <li><strong>SMBアクセスはRoot権限を取り、更にコマンドで設定する必要があり、 <br /><font color="#ff0000">パソコンに強く、Linux触ったことがある人じゃないとツライ可能性が高い。</font></strong> </li> <li>アプリが揃っていないことが一番のネック。 <br />iPhoneなら簡単なのに。。。とは言わないように。 </li> </ul> </li> </ul> <h4>【詳細】</h4> <ul> <li><strong>マンガ・書籍を見る場合 </strong> <ul> <li>Windows Home Serverには、 <br />外出先かサーバのらWebページにアクセスし サーバ内ファイルをダウンロードする機能がありますが、 <br />Galaxy Tabの標準ブラウザではダウンロードできません。 </li> <li>外出先でもサーバデータを取得するにはVPN接続を張るしかないが、 <br /><strong><font color="#ff0000">SPモードの回線ではVPN接続できない。 <br />データ通信契約にする必要あり。(これ、docomoはもっと大きく情報を出すべきかと。)</font></strong> </li> <li>データ通信契約の回線を使う、公衆無線LANを使う等をすれば、 <br />PPTPを使ったVPNセッションを張ることが可能。 <br />機能的には、ほかのVPNプロトコルも対応してるみたいだけど、実験してません。 </li> </ul> </li> <li><strong>写真を見る場合</strong> <ul> <li>Picasaに保存した写真なら、 <br />Galaxy Tab標準の「ギャラリー」アプリから閲覧可能 </li> <li>Windows Home Serverに格納した写真の場合、 <br />「Whiist (Windows Home Serverのアドオン)」を使ってブラウザから閲覧できるようにするか、 <br />VPN接続するしかない。 </li> </ul> </li> <li><strong>録音した動画を見る場合</strong> <ul> <li>ストリーミングアプリはOrbだけ。 <br />そのOrbも、「サーバ負荷高い」「画質悪い」の理由でhilock702はオススメしません。 <br />(Twonky media serverは自宅内のみの配信が前提のため除外) </li> <li>VPN接続+SMBアクセスを使った動画ダウンロードはファイルサイズが大きくかなり大変。 <br />なので、<strong><font color="#ff0000">動画閲覧については今のところオススメできるものが無い。</font></strong> </li> </ul> </li> <li><strong>録音した音楽を聴く場合</strong> </li> <ul> <li>ストリーミングアプリはOrbの他にAudio Galaxyがある。Audio Galaxyなら利用に耐えられます。</li> <li>hilock702的には、Audio Galaxyによる配信がオススメ。検索もしやすいです。</li> </ul> </ul> <p>という感じです。</p> <p>とりあえず。<strong><font color="#ff0000">夢を持ちすぎて買わないよう</font></strong>に気を付けてください。 <br />色々設定するとまぁ使えるようになるんですけど。。。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-75329177901400555822011-01-03T02:31:00.001+09:002011-01-03T12:30:59.259+09:00【Android使いこなし】 Galaxy TabとiPhone 3GSの電波(通信速度)の違い<p>これまで、外出時にiPhone 3GSを使っていたhilock702ですが、 <br />Galaxy Tabを購入して最も期待していたものが「docomoの電波の良さ(通信速度の速さ)」です。</p> <p>正直なところ、hilock702は都内にいることが多いため、 <br /><strong>「そんなに変わらないんじゃないの?」と思っていました</strong>。</p> <p>体感値ですが、かなり快適です。 <br />時間があれば動画でも撮って比較してみたいものです。</p> <p>※携帯電話の通信速度は、キャリアの電波強度の他に <br />端末のアンテナ精度やCPUにも影響されます。 <br />そのため、下記内容は「キャリアの電波」だけに起因しているものではありません。</p> <p>※Pocket Wi-FiはPCを接続した場合です。</p> <p>(<a href="http://hilock702.blogspot.com/2011/01/galaxy-tab.html" target="_blank">ちなみに、Galaxy Tabに関する設定メモまとめはコチラ</a>)</p> <ul> <li><strong>屋外 </strong> <ul> <li><strong>移動時・滞在時 </strong> <ul> <li><strong>iPhone 3GS<font color="#008000">[△]</font></strong>:1ページ表示するのに結構時間がかかる。Youtubeはカクカクする。 </li> <li><strong>Galaxy Tab<font color="#0000ff">[○]</font></strong>:iPhoneに比べて表示されるまでが早い。Youtubeもまぁ見れる。 </li> <li><strong>Pocket Wi-Fi<font color="#008000">[△]</font></strong>:大体iPhoneと同じくらいYoutubeはちょっと無理。 </li> </ul> </li> </ul> </li> <li><strong>建物内 </strong> <ul> <li><strong>滞在時 </strong> <ul> <li><strong>iPhone 3GS<font color="#008000">[△]</font></strong>:圏外になることは無いが、速度は遅い。 </li> <li><strong>Galaxy Tab<font color="#0000ff">[○]</font></strong>:外とほとんど同じように感じる。 </li> <li><strong>Pocket Wi-Fi<font color="#008000">[△]</font></strong>:場所によっては圏外になることも。 <!--EndFragment--></li> </ul> </li> </ul> </li> <li><strong>地下 </strong> <ul> <li><strong>移動時(地下鉄乗車時) </strong> <ul> <li><strong>iPhone 3GS<font color="#008000">[△]</font></strong>:電車が駅に入って、発射までにはなんとかつながる。でも不便 </li> <li><strong>Galaxy Tab<font color="#0000ff">[○]</font></strong>:電車が駅に到着するだいぶ前から電波が入る </li> <li><strong>Pocket Wi-Fi<font color="#ff0000">[×]</font></strong>:つながるまで相当時間がかかる。 </li> </ul> </li> </ul> </li> </ul> <p>という感じで、 <br />twitterやDropbox、2chなどのW<strong><font color="#0000ff">ebコンテンツを見ることが多いhilock702にとって <br />通信速度はかなり重要</font></strong>であり、 <br /><strong><font color="#0000ff">Galaxy Tabで相当快適さを感じて</font></strong>います。(購入して数日ですが)</p> <p>docomoってすごいなぁ、と感じた一瞬でした。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-1046457681981269722011-01-03T01:23:00.001+09:002011-01-11T00:40:35.384+09:00【目次】 Galaxy Tab使いこなしに向けた設定方法まとめ<p>iPadも持ってるhilock702ですが、 <br />iPad(iOS)の標準機能ではSMB接続できないため <br />自宅サーバ(Windows Home Server)との連携が <br />いつまで使えるか、相当不安でした。</p> <p>そんな中、趣味で買ったArchosというAndroid端末に <br />SMBアクセスが標準で入っていました。 <br />これならば、同じような画面サイズを持つAndroid端末であれば <br />将来的な我が家の環境としていいかもしれない。</p> <p>ということで、Android端末でそこそこ大きい画面を持ち、 <br />かつ3Gに対応しているGalaxy Tabを買いました。</p> <p>ここでいくつかの設定や気になったことを <br />メモに残していきたいと思います。 <br />あんまり整理に時間をかけずに書いちゃうので、読みづらい or 重複はご容赦ください。</p> <p>--------hilock702の総括--------</p> <p>Galaxy Tabはコンテンツ(電子書籍)を自分で作成できないと価値を発揮できません。 <br />WordやExcelの編集もまだ使いづらいです。 <br />また、使いこなすにはそれなりの知識や設定が必要です。 <br />その設定の結果、得られるものは「docomoの良い電波だけ」しかない(と思われる)ので、 <br />どうせ機種変更するなら僕はiPhone・iPadをオススメします。 <br />(ビジネスユース・ホームユース問わず)</p> <p>--------------------------------</p> <p>※本項目は、全てhilock702の主観・所感によるものです。 <br />一部はお持ちの環境と異なる可能性があることをご了承ください。</p> <p>※目次は将来的にきれいにしないといけないけど、コンテンツが揃ってからにします。</p> <ol> <li><strong>Galaxy TabとiPhone 3GSの違い</strong> <ol> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tabiphone-3gs.html">電波・通信速度</a> </li> <li>ユーザインプレッション(ヌルヌル感) </li> <li>機能 </li> <li>キャリアによる機能の違い </li> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tab_03.html">Galaxy Tabの良い点・悪い点まとめ(hilock702の主観)</a> </li> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tab_4205.html" target="_blank">Galaxy Tabに関する質問アレコレ</a> </li> </ol> </li> <li><strong>Galasy Tabを購入する際に気を付けるべきこと </strong> <ol> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tab.html">Windows Home Serverと連携させる際に注意すべきこと</a> </li> </ol> </li> <li><strong>標準アプリ </strong></li> <li><strong>電子書籍ツールとして使う</strong> <ol> <li>ePub書籍を読む </li> <li>マンガサイズの本をスキャンして読む </li> <li>A4サイズの本(月刊誌とか)をスキャンして読む </li> </ol> </li> <li><strong>その他の裏ワザ</strong></li> <ol> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tabmobile-ap-shortcut.html">モバイルルータとして使う</a></li> </ol> <li><strong>上級者向け設定 </strong></li> <ol> <li><a href="http://hilock702.blogspot.com/2011/01/android-galaxy-tabroot.html">Rootを取る</a> </li> <li>SMBアクセスをできるようにして、通常のアプリからサーバ上のデータを閲覧する </li> </ol> <li><strong>雑記等</strong></li> <ol> <li><a href="http://hilock702.blogspot.com/2011/01/galaxy-tab_10.html">Galaxy Tabを買ったBofore/After</a></li> </ol> </ol> <p>がんばって書け!俺!</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-69306947805921201272010-08-22T22:48:00.001+09:002010-08-22T22:52:24.718+09:00Google BooksをiPadで閲覧できるが、かなり不便<p>発売から数ヶ月たつものの、 <br />依然として本のコンテンツ数が少ないiPadです。 <br />(書籍アプリ等もありますが、絶対数が少ないと思います。 <br /> また、現状は月刊誌等が多く、文庫や専門書はまだまだ少ないです。)</p> <p>そんな中、<strong>Google Booksがサービス開始しました</strong>。 <br /><strong><font color="#008000">書籍数が多い、日本の書籍がある</font></strong>等で期待されていましたが、 <br /><strong>iPad用コンテンツ提供サービスとしてどこまでいいのかをまとめてみました</strong>。</p> <a name='more'></a> <h4>■先に結論</h4> <ol> <li><strong><font color="#0000ff">日本語の書籍は確かに存在する</font></strong>! <br />(Amazon Kindleは少数、iBook Store(Apple)は皆無)</li> <li>全画面表示に近い形で表示可能。まぁまぁ見やすい。</li> <li>画像(またはPDF)形式で表示。拡大・縮小も可能。</li> <li><strong>一応オフラインでも閲覧できる</strong>・・・ <br />が、オンラインで一度ページを開いておく必要がある。 <br /><strong><font color="#ff0000">正直なところ、モバイル利用としては不便</font></strong>。</li> </ol> <h4>■まずはiPadでアクセスしてみる</h4> <p>iPadでGoogle Booksに(<a href="http://books.google.co.jp/">Google ブックス</a>)アクセスすると、 <br />下図のような画面が表示されます。 <br />おお、<strong><font color="#0000ff">ちゃんと表紙とかも表示されている!</font></strong> <br /><strong><font color="#0000ff">日本語の本も</font></strong>(種類は偏っていますが)<strong><font color="#0000ff">まぁまぁ冊数があります</font></strong>。<a href="http://lh6.ggpht.com/_czWHVKg2RW0/THEqmu5CAhI/AAAAAAAACtc/8hMINJyd-34/s1600-h/IMG_0076%5B4%5D.png"> <br /><img title="IMG_0076" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="484" alt="IMG_0076" src="http://lh5.ggpht.com/_czWHVKg2RW0/THEqnQ5moKI/AAAAAAAACtg/la0skDhbBT8/IMG_0076_thumb%5B2%5D.png?imgmax=800" width="364" border="0" /></a> </p> <h4>■本を表示する</h4> <p>さっそく、一冊表示してみましょう。 <br />こんな感じで、結構いい感じに表示されます。 <br />無線LAN環境(フレッツ光を利用)であれば、表示まで1秒もかかりませんでした。 <br /><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THEqn9_j56I/AAAAAAAACtk/1tnV1d1BviU/s1600-h/IMG_0078%5B6%5D.png"><img title="IMG_0078" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="484" alt="IMG_0078" src="http://lh4.ggpht.com/_czWHVKg2RW0/THEqoie8x6I/AAAAAAAACto/FNicYk4M1dA/IMG_0078_thumb%5B4%5D.png?imgmax=800" width="364" border="0" /></a> </p> <p>また、「目次」の左にある<strong><font color="#0000ff">「□」マークを押すことで <br />全画面表示にすることができます</font></strong>。 <br />iPadであれば、これでも十分読める大きさでした。 <br />(iPhoneなら拡大しないと無理ですが・・・)</p> <p>なお、次のページの上部分(ちょっとだけ)が <br />画面下の方に表示されていますね。 <br />これのおかげで「横書きの文章は」読みやすかったです。 <br />当たり前ですが、縦書きの場合は効果なかったですね・・・。 <br /><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THEqpaVJE7I/AAAAAAAACts/qlQcFcHhwrY/s1600-h/IMG_0088%5B5%5D.png"><img title="IMG_0088" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="484" alt="IMG_0088" src="http://lh4.ggpht.com/_czWHVKg2RW0/THEqpzR3GtI/AAAAAAAACtw/pt8b5nJskvE/IMG_0088_thumb%5B3%5D.png?imgmax=800" width="364" border="0" /></a> </p> <p>また、下図のように見開き表示することも可能です。 <br /><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THEqqy6clbI/AAAAAAAACt0/qQ2NfYOeqf8/s1600-h/IMG_0087%5B8%5D.png"><img title="IMG_0087" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="217" alt="IMG_0087" src="http://lh3.ggpht.com/_czWHVKg2RW0/THEqrnJ_RnI/AAAAAAAACt8/GQpD9wD7rik/IMG_0087_thumb%5B7%5D.png?imgmax=800" width="364" border="0" /></a> </p> <h4>■オフライン(無線LANをオフにして)表示する</h4> <p></p> <p></p> <p></p> <p>モバイル利用するiPadやKindle。 <br /><strong><font color="#008000">いつでもどこでも読みたい本を読めることが、これらのデバイスの強み</font></strong>です。 <br />モバイル利用の場合は電波がつながらないこともあるため、 <br /><strong><font color="#008000">オフライン時にも閲覧できるかがポイント</font></strong>となります。 <br />そこで、iPadの無線LANをオフにして閲覧してみました。</p> <p>結果は、 <br />「<strong>一度表示したページは見ることが出来るが、いつまで表示できるか不明</strong>」 <br />「<font color="#ff0000"><strong>一括ダウンロードはできない</strong></font>」 <br />ということで、<strong><font color="#ff0000">オフライン利用はかなり厳しい</font></strong>ということがわかりました。 <br /><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THEqsFcJDQI/AAAAAAAACuA/LvA4pZ-ADLU/s1600-h/IMG_0089%5B3%5D.png"><img title="IMG_0089" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="484" alt="IMG_0089" src="http://lh4.ggpht.com/_czWHVKg2RW0/THEqsgdcuII/AAAAAAAACuE/pGyyXfYnj4Y/IMG_0089_thumb%5B1%5D.png?imgmax=800" width="364" border="0" /></a> </p> <p></p> <h4>■まとめ</h4> <p>購入した本だけでもいいので、 <br />アプリ等を使って本をダウンロードできるようになればいいんですが、 <br />現状は、「<strong><font color="#ff0000">Google BooksをiPadで閲覧することは不便すぎる</font></strong>」と思います。</p> <p>PC用であれば、Google Booksのコンテンツを <br />ダウンロードするソフトが発売されている(GooReader:<a href="http://www.gooreader.com/">http://www.gooreader.com/</a>)ので、 <br />将来的にiPad版ダウンロードアプリもどこかの有志が開発するかもしれませんが・・・。</p> <p>「とりあえず見ることができる」ので、希望はあるんじゃないかなぁと思っています。</p> <h4>■補足</h4> <p>ePub形式で保存された本であれば、 <br />ダウンロードしてiPadに格納することができるようです。</p> <p>・・・が、ePub形式の日本語書籍を見つけることが出来ませんでした。。。 <br />とすると、PC用ダウンロードソフトを使って一度ダウンロードしてから <br />iPadに転送するしかないのかもしれませんね。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-35380212705905452712010-08-22T17:31:00.001+09:002010-08-22T17:31:07.258+09:00【ネタバレ】ケイオスリングス 攻略メモ(パズル1-2/エッシャー組)<p>続いて、第一ダンジョン「凍てつく天、灼熱の大地」の後半パズルです。 <br />「クリスタルもチェンジ可能だ」と気付けばクリアは目の前のはず。</p> <p>※本項はネタバレを含みますので、見たくない方は<もっと読む>を押さないようにしてください。 <br />(<a href="http://hilock702.blogspot.com/2010/04/chaos-rings.html ">ちなみに、ケイオスリングス攻略メモの目次はこちら</a>)</p> <a name='more'></a> <h4>■第一ダンジョン-凍てつく天、灼熱の大地- チェンジパズル(後半)</h4> <h4>▼記号の意味</h4> <p>□:何もない場所 <br />■:チェンジブロック  <br /><font color="#008000">◆</font>:クリスタル(取得することでチェンジ回数が一回増える) <br />×:動かせないブロック <br />人:キャラクターの立ち位置 </p> <h4>▼後半一つ目</h4> <h5>・初期配置</h5> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDf1HMPy1I/AAAAAAAACq0/_OtVUMnLD1I/s1600-h/image%5B2%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="147" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDf1jRXTFI/AAAAAAAACq4/m-Ahxjp_RKM/image_thumb.png?imgmax=800" width="195" border="0" /></a> </p> <p><strong>・手順</strong></p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDf2JcaOXI/AAAAAAAACq8/tOJiPHqBjrg/s1600-h/image%5B8%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="149" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDf2ieG_xI/AAAAAAAACrA/WMoHHkwFMJk/image_thumb%5B2%5D.png?imgmax=800" width="201" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDf20wwbfI/AAAAAAAACrE/IDac8yakEmM/s1600-h/image%5B11%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="146" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDf3Z67H0I/AAAAAAAACrI/UeZDAisQE9A/image_thumb%5B3%5D.png?imgmax=800" width="196" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDf3nswCqI/AAAAAAAACrM/md33lsnrGWk/s1600-h/image%5B14%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="146" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDf4JpJ96I/AAAAAAAACrQ/fXSD5EKZZx4/image_thumb%5B4%5D.png?imgmax=800" width="195" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDf4gXZDZI/AAAAAAAACrU/qoquyZWV0VM/s1600-h/image%5B17%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDf4zj8hpI/AAAAAAAACrY/YViQaVqtWuI/image_thumb%5B5%5D.png?imgmax=800" width="195" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDf5uO7ZVI/AAAAAAAACrc/3iTP724Izdg/s1600-h/image%5B20%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="145" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDf6DgMPxI/AAAAAAAACrg/ESKJLd5iba8/image_thumb%5B6%5D.png?imgmax=800" width="193" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDf6mke5zI/AAAAAAAACrk/d-uDWaDXoA0/s1600-h/image%5B23%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDf7EDnW5I/AAAAAAAACro/TFdIvZnXQyQ/image_thumb%5B7%5D.png?imgmax=800" width="196" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDf7aUcq4I/AAAAAAAACrs/fUi3mmOpz1g/s1600-h/image%5B26%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="145" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDf8BLhdoI/AAAAAAAACrw/tjTb9pqni5w/image_thumb%5B8%5D.png?imgmax=800" width="195" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDf8iPITrI/AAAAAAAACr0/-bz4xpfZwTc/s1600-h/image%5B29%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="147" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDf9CPpINI/AAAAAAAACr4/_RsMa7jvEd4/image_thumb%5B9%5D.png?imgmax=800" width="195" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDgEcNkEJI/AAAAAAAACr8/eHo-r5M9284/s1600-h/image%5B32%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="146" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDgEyUAyJI/AAAAAAAACsA/nZav6pedck0/image_thumb%5B10%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDgFHy-rBI/AAAAAAAACsE/CD4jNKUmUDU/s1600-h/image%5B35%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="149" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDgFonIi_I/AAAAAAAACsI/oHS72oDe1xk/image_thumb%5B11%5D.png?imgmax=800" width="196" border="0" /></a> </p> <h4>▼後半二つ目</h4> <h5>・初期配置</h5> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDgF_IQKmI/AAAAAAAACsM/TCkBDXkWJqM/s1600-h/image%5B38%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="149" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDgHyUTg9I/AAAAAAAACsQ/SS51CPpWbJk/image_thumb%5B12%5D.png?imgmax=800" width="200" border="0" /></a> </p> <p><strong>・手順</strong></p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDgIMpjQhI/AAAAAAAACsU/3eGXtLEaEi4/s1600-h/image%5B41%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="144" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDgIlDcxhI/AAAAAAAACsY/JqkC8J-ka2s/image_thumb%5B13%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDgJORrL2I/AAAAAAAACsc/dnjYwtGvKNE/s1600-h/image%5B44%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="144" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDgJZ8R9zI/AAAAAAAACsg/BAGz0Z1l8f0/image_thumb%5B14%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDgJ5NAFsI/AAAAAAAACsk/BvsQVPITYsY/s1600-h/image%5B47%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="146" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDgLG0YXJI/AAAAAAAACso/8qlD7dhzuKI/image_thumb%5B15%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDgLRdFukI/AAAAAAAACss/0gDORdo_svE/s1600-h/image%5B50%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="150" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDgMs9GMDI/AAAAAAAACsw/gGNPoR_zv9I/image_thumb%5B16%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDgNqrqQkI/AAAAAAAACs0/-N6yAh0HfBY/s1600-h/image%5B53%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="145" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDgOKc6sgI/AAAAAAAACs4/W62vq037ubY/image_thumb%5B17%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDgOkZ45BI/AAAAAAAACs8/x6keEh1Br_k/s1600-h/image%5B56%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="147" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDgOyDe5dI/AAAAAAAACtA/seoZkNpo7TE/image_thumb%5B18%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDgPU5bn2I/AAAAAAAACtE/dHyEzytjQDM/s1600-h/image%5B59%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="144" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDgPvc-9dI/AAAAAAAACtI/RpWpmB2EIGE/image_thumb%5B19%5D.png?imgmax=800" width="194" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDgQ1_w0fI/AAAAAAAACtM/dIRz2SH6XKE/s1600-h/image%5B62%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="147" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDgRUuYE-I/AAAAAAAACtQ/naksNGuGCLE/image_thumb%5B20%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDgSL1s8NI/AAAAAAAACtU/dpYLqVQsSH8/s1600-h/image%5B65%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="144" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDgSu_HYXI/AAAAAAAACtY/AQgLwYbRsFg/image_thumb%5B21%5D.png?imgmax=800" width="196" border="0" /></a></p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-35668434314862722652010-08-22T17:22:00.001+09:002010-08-22T17:22:28.006+09:00【ネタバレ】ケイオスリングス 攻略メモ(パズル1-1/エッシャー組)<p>長らく更新してなくてすいません。。。 <br />ネタはあるし、放置するつもりも無いのですが <br />時間管理不足で更新できていません。。。</p> <p>ご要望いただいたので、ケイオスリングスのパズルの残りを掲載します。 <br />まずは第一ダンジョン「凍てつく天、灼熱の大地」の前半パズルです。</p> <p>※本項はネタバレを含みますので、見たくない方は<もっと読む>を押さないようにしてください。 <br />(<a href="http://hilock702.blogspot.com/2010/04/chaos-rings.html ">ちなみに、ケイオスリングス攻略メモの目次はこちら</a>)</p> <a name='more'></a> <h4>■第一ダンジョン-凍てつく天、灼熱の大地- チェンジパズル(前半)</h4> <h4>▼記号の意味</h4> <p>□:何もない場所 <br />■:チェンジブロック  <br /><font color="#008000">◆</font>:クリスタル(取得することでチェンジ回数が一回増える) <br />×:動かせないブロック <br />人:キャラクターの立ち位置 </p> <h4>▼前半一つ目</h4> <h5>・初期配置</h5> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDd02wmfTI/AAAAAAAACo0/QUENL8lsWKk/s1600-h/image%5B2%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDd1jqKrjI/AAAAAAAACo4/5zM8kAeB02Q/image_thumb.png?imgmax=800" width="203" border="0" /></a> </p> <p><strong>・操作</strong></p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDd2ThH7XI/AAAAAAAACo8/apzmtZHz6B8/s1600-h/image%5B5%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="156" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDd3G-TfXI/AAAAAAAACpA/gDBY4JuEeLU/image_thumb%5B1%5D.png?imgmax=800" width="208" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDd4OeQ-yI/AAAAAAAACpE/-82juxtRxJY/s1600-h/image%5B8%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="152" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDd449Fw5I/AAAAAAAACpI/B1SapEViE54/image_thumb%5B2%5D.png?imgmax=800" width="206" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDd5f_qA_I/AAAAAAAACpM/u1EX1dRfAwM/s1600-h/image%5B11%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDd6CQOGiI/AAAAAAAACpQ/t5413vlfXx0/image_thumb%5B3%5D.png?imgmax=800" width="204" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDd6vJ_D4I/AAAAAAAACpU/TFiE037EHVQ/s1600-h/image%5B14%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDd7CbPA8I/AAAAAAAACpY/aP-HeDvOz9U/image_thumb%5B4%5D.png?imgmax=800" width="204" border="0" /></a> </p> <h4>▼前半二つ目</h4> <h5>・初期配置</h5> <p></p> <p></p> <p></p> <p></p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDd8dgPCQI/AAAAAAAACpc/o6v2LsjpJ7U/s1600-h/image%5B17%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="152" alt="image" src="http://lh6.ggpht.com/_czWHVKg2RW0/THDd80DOHzI/AAAAAAAACpg/0Vvj8lQ62KE/image_thumb%5B5%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><strong>・操作</strong></p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDd9BRbtVI/AAAAAAAACpk/tV2znOw5C3A/s1600-h/image%5B20%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="150" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeFsVt8sI/AAAAAAAACpo/wCfaYjIXc54/image_thumb%5B6%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDeGHZdhaI/AAAAAAAACps/hObFr2iwJ20/s1600-h/image%5B23%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="153" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeGvbd8tI/AAAAAAAACpw/uYUfhP251Fg/image_thumb%5B7%5D.png?imgmax=800" width="200" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDeHDVD0OI/AAAAAAAACp0/oQe3p7p10tU/s1600-h/image%5B26%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeIZs6hXI/AAAAAAAACp4/Tbuuf4-ReW0/image_thumb%5B8%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDeIieUzWI/AAAAAAAACp8/XAsLr97Vv5k/s1600-h/image%5B29%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="150" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeJNOnKVI/AAAAAAAACqA/-Pg5naPmrtM/image_thumb%5B9%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDeJmx95oI/AAAAAAAACqE/52p9SCcac4s/s1600-h/image%5B32%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="151" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeJ-8IpAI/AAAAAAAACqI/kmq-2erqlCY/image_thumb%5B10%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDeKYDY9zI/AAAAAAAACqM/1uLyDyGCudY/s1600-h/image%5B35%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="149" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDeK_DpgNI/AAAAAAAACqQ/Q6NjCsBTY4o/image_thumb%5B11%5D.png?imgmax=800" width="198" border="0" /></a> </p> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/THDeLJTLeKI/AAAAAAAACqU/0cBZppGTSIk/s1600-h/image%5B38%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="148" alt="image" src="http://lh5.ggpht.com/_czWHVKg2RW0/THDeLnzmbQI/AAAAAAAACqY/Sc_6guPIvvI/image_thumb%5B12%5D.png?imgmax=800" width="196" border="0" /></a> </p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/THDeMPTWAlI/AAAAAAAACqc/zbzxYHDT1Vw/s1600-h/image%5B41%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="150" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDeMoHQRMI/AAAAAAAACqg/6Rb4lpj4l7M/image_thumb%5B13%5D.png?imgmax=800" width="197" border="0" /></a> </p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/THDeN9_duuI/AAAAAAAACqk/3-1fUrB9cW4/s1600-h/image%5B44%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="152" alt="image" src="http://lh3.ggpht.com/_czWHVKg2RW0/THDeOdbZA1I/AAAAAAAACqo/AgKMMwCkuMc/image_thumb%5B14%5D.png?imgmax=800" width="200" border="0" /></a> </p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/THDeO1qi6XI/AAAAAAAACqs/BN7XMsAFNX0/s1600-h/image%5B47%5D.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="150" alt="image" src="http://lh4.ggpht.com/_czWHVKg2RW0/THDeQpBNUQI/AAAAAAAACqw/bV8LJDFdaXg/image_thumb%5B15%5D.png?imgmax=800" width="202" border="0" /></a></p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-17971427555431603132010-06-28T00:14:00.001+09:002010-06-28T00:20:50.777+09:00【美ePub作成】iBooks(iPad・iPhone)用の本を作る場合、幅を全て横書き幅(400pixel)を意識し、合わせよう<p>iPad・iPhone用の本を書く際、 <br />注意しておきたいのが画像と表の配置です。 <br />これによって文字が変な場所に飛んだりもするので、 <br />どのように見えるかきちんと理解しておきましょう。 </p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a>  </p> <a name='more'></a> <h4>■例が長いので、先に結論</h4> <p>今回、色々例を使っているのでちょっと長いです。 <br />そのため、画像や表を配置する際、気をつけるポイントを先に述べます。</p> <ul> <li>描画領域 <ul> <li><strong>iPad</strong> <ul> <li><strong>縦表示:760×560</strong> </li> <li><strong>横表示:540×400</strong>(を2ページ表示) </li> </ul> </li> <li>iPhone <ul> <li>縦表示:おおよそ<strong>360×250</strong> </li> <li>横表示:おおよそ<strong>410×200</strong>(横長1ページ) </li> </ul> </li> </ul> </li> <li>縦・横表示による影響 <ul> <li>縦・横を変えても文字の大きさは変わらない </li> <li>縦または横の<strong><font color="#0000ff">大きさを超える画像を表示した場合、縦横比を変えずに画像を縮小表示</font></strong>する <br />※但し、iPhoneに限り、画像に対して文字が回り込むよう設定している&画像の高さがオーバーしている場合、表示できない範囲を次ページに表示する。 </li> <li>画像(imgタグ)の<strong><font color="#ff0000">height・widthは画像には反映されないが、使わないほうが無難</font></strong>。 <br />※文字の回りこみに影響する(しかも悪い方向に)ため。 </li> <li><strong><font color="#ff0000">表は横幅を超えても縮小されない</font></strong>。横表示にした場合にきれいに表示されるよう、<strong><font color="#ff0000">表の横幅は最大400pxとすべき</font></strong>。 <br />※高さを超えた場合は次ページに表示される。 <br />※iPhoneの縦表示の場合は表が横に切れてしまうが、そもそも幅が狭いので諦める。 </li> </ul> </li> <li>ポイント <ul> <li>画像・表は幅を400px以下にしておきましょう。 </li> <li>画像に限ってはある程度縮小してくれるので、そんなに気を使わなくて良いです。 </li> <li>画像に対して文字を回り込みさせると、iPhoneで表示させるときに結構読みづらくなります。 </li> </ul> </li> </ul> <h4>■iPadで表示する場合の高さ・幅を知る</h4> <p>他の方のブログより拝借した画像で大変申し訳ないのですが、 <br />大変いいものがあるので、こちらを使わせていただきます。 <br />(もらった元を忘れてしまいました・・・)</p> <p>先に結論を申し上げると、ポイントは以下となります。</p> <ul> <li>iBooksを<strong><font color="#0000ff">縦表示した場合、描画領域は760×560</font></strong> </li> <li>iBooksを<strong><font color="#0000ff">横表示した場合、描画領域は540×400(を2ページ表示)</font></strong> </li> <li>縦・横を変えても文字の大きさは変わらない </li> <li>縦または横の<strong><font color="#008000">大きさを超える画像を表示した場合、縦横比を変えずに画像を縮小表示</font></strong>する </li> <li><strong><font color="#ff0000">表の横幅がiBooksの幅を超えても縮小されない</font></strong>。横表示にした場合にきれいに表示されるよう、<strong><font color="#008000">表の横幅は最大400pxとすべき</font></strong>。高さを超えた場合は次ページに表示される。 </li> </ul> <h5>▼iBooksを縦表示した場合の幅(iPad)</h5> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TCdqou637GI/AAAAAAAACmo/GH4oxDBubOQ/s1600-h/iPadTallStyle3.jpg"><img title="iPad-TallStyle" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="358" alt="iPad-TallStyle" src="http://lh3.ggpht.com/_czWHVKg2RW0/TCdqpBMXMUI/AAAAAAAACms/3RFsBStJa48/iPadTallStyle_thumb1.jpg?imgmax=800" width="272" border="0" /></a> </p> <h5>▼iBooksを横表示した場合の幅(iPad)</h5> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TCdqpyjBXOI/AAAAAAAACmw/gsKCIP5JF4k/s1600-h/iPadWideStyle4.jpg"><img title="iPad-WideStyle" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="321" alt="iPad-WideStyle" src="http://lh5.ggpht.com/_czWHVKg2RW0/TCdqqZEIllI/AAAAAAAACm0/gspyuEDWJmI/iPadWideStyle_thumb2.jpg?imgmax=800" width="425" border="0" /></a> </p> <p></p> <h4>■iPhoneで表示する場合の高さ・幅を知る</h4> <p>先に結論を申し上げると、ポイントは以下となります。</p> <ul> <li>iBooksを<strong><font color="#0000ff">縦表示した場合、描画領域はおおよそ360×250</font></strong> </li> <li>iBooksを<strong><font color="#0000ff">横表示した場合、描画領域はおおよそ410×200(横長1ページ)</font></strong> </li> <li><strong><font color="#ff0000">表は横幅を超えても縮小されない</font></strong>のはiPadと同じ。横表示にされた場合にきれいに表示されるよう、<strong>表の横幅は最大400pxとすべき</strong>。縦表示にされたときは、幅が狭いので切れるのを覚悟しておく。 </li> </ul> <h5>▼iBooksを縦表示した場合の幅(iPhone)</h5> <p>下図の右の画面は、横408pxの表を表示したものですが、横幅を超えている範囲は表示されておりません。 <br />切れてしまった内容はスクロール等で表示されることも無く、 <br />次ページにも表示されないので、一切閲覧することが出来ません。 <br />(これはiPadの場合も同じ)</p> <p> <a href="http://lh3.ggpht.com/_czWHVKg2RW0/TCdqrWpqMDI/AAAAAAAACm4/lT8au7Hb1ag/s1600-h/iPhone-Tall3%5B3%5D.jpg"><img title="iPhone-Tall3" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="319" alt="iPhone-Tall3" src="http://lh3.ggpht.com/_czWHVKg2RW0/TCdqsApzSHI/AAAAAAAACm8/tdzmwiweTMM/iPhone-Tall3_thumb%5B1%5D.jpg?imgmax=800" width="214" border="0" /></a> <a href="http://lh6.ggpht.com/_czWHVKg2RW0/TCdqspR8UyI/AAAAAAAACnA/ZgXkHI4E7kw/s1600-h/iPhoneTallOver%5B6%5D.jpg"><img title="iPhoneTallOver" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="318" alt="iPhoneTallOver" src="http://lh5.ggpht.com/_czWHVKg2RW0/TCdqtP3tLnI/AAAAAAAACnE/J4Kw0u9mM24/iPhoneTallOver_thumb%5B4%5D.jpg?imgmax=800" width="214" border="0" /></a> </p> <p><strong>▼iBooksを横表示した場合の幅(iPhone)</strong></p> <p>iPhoneでiBooksを横表示すると、<strong><font color="#0000ff">iPadの場合と異なり、1ページを横幅を広げて表示</font></strong>する形になります。 <br />そのため、表の表示には強くなるのですが、画像は結構縮小されます。 <br />文字は多く表示される気がするので、個人的にはコチラの方が読みやすいです。</p> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TCdqt068vII/AAAAAAAACnI/OhfTXkNLDNE/s1600-h/iPhone-TallSize2%5B2%5D.jpg"><img title="iPhone-TallSize2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="164" alt="iPhone-TallSize2" src="http://lh6.ggpht.com/_czWHVKg2RW0/TCdquT3tyLI/AAAAAAAACnM/lJIB4I5e1s4/iPhone-TallSize2_thumb.jpg?imgmax=800" width="244" border="0" /></a> <a href="http://lh4.ggpht.com/_czWHVKg2RW0/TCdqvBTc1rI/AAAAAAAACnQ/s5_b2DMmsxk/s1600-h/iPhoneWide%5B2%5D.jpg"> <br /><img title="iPhoneWide" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="164" alt="iPhoneWide" src="http://lh4.ggpht.com/_czWHVKg2RW0/TCdqvqoOQOI/AAAAAAAACnU/pYbdB8tOBvU/iPhoneWide_thumb.jpg?imgmax=800" width="244" border="0" /></a></p> <p>なお、iPhoneの横表示の特徴として、「画像に対して文字が回りこむよう設定している&画像の高さが200px以上」の場合、画像が途中で切れ、残りが次ページに表示されるようになります。</p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TCdqwdfByPI/AAAAAAAACnY/keJA7-fbyq4/s1600-h/iPhone-TallRight1%5B2%5D.jpg"><img title="iPhone-TallRight1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="164" alt="iPhone-TallRight1" src="http://lh5.ggpht.com/_czWHVKg2RW0/TCdqxHqN_OI/AAAAAAAACnc/e_6Zckk6rrw/iPhone-TallRight1_thumb.jpg?imgmax=800" width="244" border="0" /></a>  <br /><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TCdqxg5dD8I/AAAAAAAACng/QyKskotxOiE/s1600-h/iPhone-TallRight2%5B2%5D.jpg"><img title="iPhone-TallRight2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="164" alt="iPhone-TallRight2" src="http://lh5.ggpht.com/_czWHVKg2RW0/TCdqx5kO7_I/AAAAAAAACnk/lMjjHMWkHCE/iPhone-TallRight2_thumb.jpg?imgmax=800" width="244" border="0" /></a></p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-10546550171310302182010-06-27T20:07:00.001+09:002010-06-27T21:59:35.129+09:00iPad+保護フィルム+ホワイトボードマーカーで超便利な営業ツールに!<p>こんにちは。 <br />ちょっと話題は変わりますが、今回はiPadの活用方法についてです。</p> <p>iPadで資料を見せたときに、<strong><font color="#008000">落書きできたらなぁ</font></strong>と思いませんか? <br /><strong><font color="#008000">ちょっと書けたら、お互いのイメージを伝えやすくてすごく便利</font></strong>ですよ!</p> <p>ということで、どんな風に使えるのか、どの程度きれいに消えるのかを <br />動画にしてみました。</p> <p>相変わらず、サッと撮っただけなので画質は良くないですが、 <br />ご勘弁頂ければと思います。</p> <p>一番驚いたのは、すぐに消せば<strong><font color="#0000ff">全部きれいに消える</font></strong>ことです。 <br />ぜひ、驚いてください。</p> <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:a3575a98-fc72-4230-9d3f-01df947b8ad9" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px"><div id="eca4845f-487e-4e13-9c9b-016d5bff52c1" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=BnPdgrjdx0M&hl=ja_JP&fs=1&border=1" target="_new"><img src="http://lh3.ggpht.com/_czWHVKg2RW0/TCcw-D_34_I/AAAAAAAACmg/qfU14vpMG4w/videoda9f3e8552a9%5B2%5D.jpg?imgmax=800" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('eca4845f-487e-4e13-9c9b-016d5bff52c1'); downlevelDiv.innerHTML = "<div><object width=\"425\" height=\"355\"><param name=\"movie\" value=\"http://www.youtube.com/v/BnPdgrjdx0M&hl=ja_JP&fs=1&border=1&hl=en\"><\/param><embed src=\"http://www.youtube.com/v/BnPdgrjdx0M&hl=ja_JP&fs=1&border=1&hl=en\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"355\"><\/embed><\/object><\/div>";" alt=""></a></div></div></div> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-42635793079863357952010-06-26T19:20:00.001+09:002010-06-26T22:30:48.780+09:00作ったePubをAppleStoreに出すための方法(米国の場合)<p>せっかく作ったePubファイル、 <br />やっぱり<strong><font color="#008000">iBookStoreに並べて色んな人に読んで欲しい</font></strong>ですよね?</p> <p>日本では、まだ出来ないんですが、 <br />アメリカでは申請が出来るようになったみたいです。</p> <p>将来、<strong><font color="#008000">日本でもできることを期待して、 <br />今からAppleの申請を通る形になるよう意識して作るようにしましょう</font></strong>。 <br />(結論から言うと、コンパイラ依存にするほうが良く、 <br />さらに対応したコンパイラが無いことがわかったのですが・・・。)</p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <a name='more'></a> <h4>■AppleのiBookStoreに本を並べるために必要な条件(アメリカ版)</h4> <h5>▼参考サイト</h5> <p><a href="http://hon.jp/news/modules/rsnavi/showarticle.php?id=1564">hon.jp DayWatch - 米Apple、「iBookstore」で個人作家からの電子書籍作品を受付スタート、ただし米国居住者のみ</a></p> <h5>▼Appleの問合せ先:「iTunes Connect」コンテンツ申請ページ</h5> <p><a href="https://itunesconnect.apple.com/WebObjects/iTunesConnect.woa/wa/apply">https://itunesconnect.apple.com/WebObjects/iTunesConnect.woa/wa/apply</a></p> <p>ここでePub作成者の僕たちが意識しておくのは2つ。</p> <ul> <li><strong><font color="#0000ff">出版するすべてのタイトルにISBNを付与すること </font></strong></li> <li><strong><font color="#0000ff">コンテンツはEpubCheck 1.0.5をパスしたEPUBファイルで提供すること </font></strong></li> </ul> <p>です。</p> <p>ということで、一つ一つ解決していきましょう。</p> <h4>■ISBNを付与・取得する方法</h4> <p>申請方法や手順、必要な資料まで含めてこちらのページにあります。 <br />上から順番に読んでいくと、非常にわかりやすいかと。</p> <p><a href="http://www.isbn-center.jp/shutoku/index.html">図書コード取得のご案内</a></p> <p>但し、<strong><font color="#ff0000">申請にはお金が必要なようで、最低でも10,500円(3年分)かかる</font></strong>らしいです。 <br />実際にAppleStoreで出せるようになってから申請しましょう。</p> <h4>■EpubCheckをパスする方法</h4> <p>EpubCheckはこちらから参照・ダウンロードすることができます。 <br />調べてみたところ、そこそこ由緒正しい方々が作っているようです。</p> <p>とはいえ、ファイルはJar形式になってたりして使いづらい。 <br />そこで、同じエンジンを使っている<a href="http://threepress.org/tools/">こちらのサイトを使いましょう</a>。</p> <h5>1. 画面左のちょっと下にある下記画像の「参照」を押し、ファイルを指定する</h5> <p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TCXUd1zqWXI/AAAAAAAAClE/3Xfk_8L9iLQ/s1600-h/ePubCheck%5B2%5D.jpg"><img title="ePubCheck" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="142" alt="ePubCheck" src="http://lh3.ggpht.com/_czWHVKg2RW0/TCXUed54kII/AAAAAAAAClI/i7zIPdcKey4/ePubCheck_thumb.jpg?imgmax=800" width="244" border="0" /></a> </p> <h5>2. 「validate」を押す</h5> <h5>3. 結果をみて修正する</h5> <h4>■eCubでコンパイルするとEpubCheckを素直に通らない!</h4> <p>で、自分が作ったePubファイルをチェックしてみたところエラーが出る出る・・・。 <br />その内容は、 <br /><strong>「content.opfにコンテンツが正しく登録されていない」 <br />「toc.ncxが何か変」</strong>などなど。 <br />これらを<strong><font color="#0000ff">手書きで直すのは相当大変</font></strong>です・・・。 <br />しかも、これってコンパイラが原因なんですよね。</p> <p>そこで、<strong><font color="#ff0000">コンパイラを変えたら何とかなるのかなぁと調べたところ、 <br />ショックなことに、既存のコンパイラでは基本的にエラーが出る</font></strong>ことがわかりました。 <br />詳しくは下記の通り。 <br />(詳細はコンパイラ比較のところでご紹介します。)</p> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="150">コンパイラ名</td> <td valign="top" width="150">CSSの読み込み・活用 <br />(デザイン性を良く出来るか)</td> <td valign="top" width="150">EpubCheckを通るか</td> </tr> <tr> <td valign="top" width="150"><strong>eCub</strong></td> <td valign="top" width="150"><strong><font color="#008000">△</font></strong> <br />CSSがそのまま使える。</td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />content.opfにエラー多発。 <br />画像を一つ一つ読み込ませないと、それもエラーの原因に。</td> </tr> <tr> <td valign="top" width="150"><strong>Jutoh</strong></td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />CSSを利用できないっぽい。</td> <td valign="top" width="150"><strong>○</strong> <br />エラーなし。きれいに通る。</td> </tr> <tr> <td valign="top" width="150"><strong>Sigil</strong></td> <td valign="top" width="150"><strong><strong><font color="#008000">△</font></strong></strong> <br />エディットもできる。hilock702的にはベスト。</td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />idとtoc.ncxでエラー多発。</td> </tr> <tr> <td valign="top" width="150"><strong>FUSEe</strong></td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />タグ編集しかできない。CSS使用も不便。</td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />エラーが多すぎて・・・。</td> </tr> <tr> <td valign="top" width="150"><strong>Calibre</strong></td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />レイアウトが壊れるし使いにくい。</td> <td valign="top" width="150"><strong><font color="#ff0000">×</font></strong> <br />エラー多発。</td> </tr> </tbody></table> <p>ということで、<strong><font color="#ff0000">現状では <br />「CSSを使えて、EpubCheckも素通りできるコンパイラは存在しない」</font></strong> <br />ということがわかりました。</p> <p>日本でiBookStoreに本を並べられるようになるのはもうすぐ先になると思うので、 <br />それまでに<strong>コンパイラ側がバージョンアップすることを願うしかない状態</strong>です。</p> <p><strong>とりあえず、僕は今後もSigilを使っていく</strong>つもりです。。。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com1tag:blogger.com,1999:blog-3827479615944721131.post-24714379137539642792010-06-26T18:05:00.001+09:002010-06-28T00:21:59.751+09:00【美ePub作成】iBooks(iPad・iPhone)用ePub作成ソフトはSigilが良い!(2010年6月26日現在)<p>しばらく更新できなかったhilock702です。すいません。</p> <p>iPhone(iPod Touch)でもiBooksが使えるようになり、 <br />色々な人が電子書籍(ePub形式)を読めるようになりました。</p> <p>このePub形式のファイルを作る方法はいくつかあり、 <br />私の方法を一つご紹介いたしましたが、 <br /><strong><font color="#008000">他のソフトと比較をして、最も良いものをオススメしたい</font></strong>と思います。</p> <p>実は現状を調べた結果、現時点で100%のものが無く、 <br />しかも<strong><font color="#0000ff">eCubじゃなくてSigilが良いということがわかっちゃった</font></strong>のですが・・・。</p> <p>※ePubの作り方については、将来的にSigil版に更新できればいいなぁと思っています。</p> <a name='more'></a> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a> </p> <h4>■ePub作成ソフトに求められる理想的な要件</h4> <p>まずは、ePub作成をする上で必要となる要件を整理して、 <br />それに対してどのソフトがどこまで対応しているか調べてみましょう。</p> <p>僕は、1つのソフト単独で編集・プレビュー・製本(書き出し・カバー作成等)を <br />出来ることが理想と考えています。 <br />僕が考える、ePub作成ソフトの要件は下記の通りです。</p> <ul> <li><strong>文章編集</strong> <ul> <li>作成ソフト上でワードライクな編集ができる </li> <li>HTMLタグ編集ができ、エラー箇所を推定して表示できる </li> <li>画像の取り込みは、ドラッグ&ドロップでできる </li> <li>HTML・画像を階層構造で保存・登録できる </li> <li>日本語のファイル取りこみができる </li> </ul> </li> <li><strong>プレビュー </strong> <ul> <li>プレビュー表示ができる </li> <li>CSSの取り込み・プレビュー上での表示ができる </li> </ul> </li> <li><strong>製本 </strong> <ul> <li>カバー作成・著作情報の編集ができる </li> <li>作成したデザイン(画像の大きさ・配置、CSS設定)を壊すことなくePub書き出しできる </li> <li>EpubCheckをパスできる(コンパイラ原因のエラーが出ない) <br />※アメリカのAppleStoreで本を発売するための条件 </li> </ul> </li> </ul> <p>(JavaScriptの取り込み・プレビューや縦書き・ルビ対応については <br />リーダー側がどこまで対応してるか不明のため除外)</p> <h4>■今あるePub作成ソフトと作り方</h4> <p>続いて、今あるePubソフトを確認しておきましょう。 <br />※ソフトウェア名をクリックすると、ダウンロード先URLへジャンプします。</p> <ul> <li><strong>編集機能+コンパイラのもの</strong> <ul> <li><strong><a href="http://code.google.com/p/sigil/" target="_blank">Sigil</a></strong> <ul> <li>フリーソフト。編集・コンパイル等ができる </li> </ul> </li> <li><strong><a href="http://www.jutoh.com/" target="_blank">Jutoh</a></strong> <ul> <li>eCubから派生したソフト。有料で$20ぐらい。 </li> </ul> </li> <li><strong><a href="http://development.fusenetwork.co.jp/" target="_blank">FUSEe</a></strong> <ul> <li>開発中のベータ版ソフト。フリーだが難多い。 </li> </ul> </li> </ul> </li> <li><strong>コンパイラのみのもの</strong>(別途HTML編集ソフトが必要) <ul> <li><strong><a href="http://www.juliansmart.com/ecub" target="_blank">eCub</a></strong> <ul> <li>デザインどおりコンパイルできるソフト。2010年3月から更新されていない。(おそらくJutohの開発に移行した) </li> </ul> </li> </ul> </li> <li><strong>Word等のファイルをePubに変換するもの</strong> <ul> <li><strong><a href="http://calibre-ebook.com/" target="_blank">Calibre</a></strong> <ul> <li>OpenOficeで作ったドキュメントファイルをePub形式に変換してくれるフリーソフト。しかし、デザインが壊れまくる・・・。あまり期待しないほうが良い。 </li> </ul> </li> </ul> </li> </ul> <h4>■ソフトごとに比較してみると、最良はSigil!</h4> <p>では比較してみましょう。</p> <table cellspacing="0" cellpadding="2" width="494" border="1"><tbody> <tr> <td valign="top" width="112"> </td> <td valign="top" width="213" colspan="3"> <p align="center">編集+コンパイラ</p> </td> <td valign="top" width="84">コンパイラのみ</td> <td valign="top" width="83"> <p align="center">変換系</p> </td> </tr> <tr> <td valign="top" width="112"> </td> <td valign="top" width="74"> <p align="center"><strong><a href="http://code.google.com/p/sigil/" target="_blank">Sigil</a></strong></p> </td> <td valign="top" width="68"> <p align="center"><strong><a href="http://www.jutoh.com/" target="_blank">Jutoh</a></strong></p> </td> <td valign="top" width="71"> <p align="center"><strong><a href="http://development.fusenetwork.co.jp/" target="_blank">FUSEe</a></strong></p> </td> <td valign="top" width="84"> <p align="center"><strong><a href="http://www.juliansmart.com/ecub" target="_blank">eCub</a></strong></p> </td> <td valign="top" width="83"> <p align="center"><strong><a href="http://calibre-ebook.com/" target="_blank">Calibre</a></strong></p> </td> </tr> <tr> <td valign="top" width="112">ワードライクな編集</td> <td valign="top" width="74"> <p><strong><font color="#0000ff">○</font></strong> <br />結構良い。</p> </td> <td valign="top" width="68"><strong><font color="#0000ff">○</font></strong> <br />結構良い。 </td> <td valign="top" width="71"><strong><font color="#ff0000">×</font></strong> <br /></td> <td valign="top" width="84"><strong><font color="#ff0000">×</font></strong> <br />Windows Live Writerと組合せが必要</td> <td valign="top" width="83"> <p>【不要】 <br />OpenOffice等で編集するので不要</p> </td> </tr> <tr> <td valign="top" width="112">HTMLタグ編集</td> <td valign="top" width="74"><strong><font color="#0000ff">○</font></strong> <br />タグごとに色分けしてくれる。</td> <td valign="top" width="68"><strong><font color="#008000">△ <br /></font></strong>可能だが、色分け無く読みづらい</td> <td valign="top" width="71"><strong><font color="#0000ff">○</font></strong> <br />タグごとに色分けしてくれる。</td> <td valign="top" width="84"><strong><font color="#ff0000">×</font></strong> <br />可能だが、あんまり使えない</td> <td valign="top" width="83"><strong><font color="#ff0000">×</font></strong> <br />変換時にタグが壊れる上、編集不可</td> </tr> <tr> <td valign="top" width="112">画像のD&D取りこみ</td> <td valign="top" width="74"><strong><font color="#ff0000">×</font></strong> <br />「Insert」→「Image」とやることで本文に貼り付け可</td> <td valign="top" width="68"><strong><font color="#0000ff">○</font></strong> <br />D&Dで取りこみ可。超簡単。</td> <td valign="top" width="71"><strong><font color="#ff0000">×</font></strong> <br />登録はD&Dで可能。でも本文に貼り付けられない</td> <td valign="top" width="84"><strong><font color="#ff0000">×</font></strong> <br />登録が超不便</td> <td valign="top" width="83">【不要】</td> </tr> <tr> <td valign="top" width="112">ファイルの階層構造保存</td> <td valign="top" width="74"><strong><font color="#ff0000">×</font></strong> <br />できない</td> <td valign="top" width="68"><strong><font color="#ff0000">×</font></strong> <br />できない</td> <td valign="top" width="71"><strong><font color="#ff0000">×</font></strong> <br />できない</td> <td valign="top" width="84"><strong><font color="#008000">△</font></strong> <br />階層レベルで画像取りこみできる</td> <td valign="top" width="83">【不要】</td> </tr> <tr> <td valign="top" width="112">日本語取りこみ</td> <td valign="top" width="74"><strong><font color="#0000ff">○</font></strong> <br />きれいに可能</td> <td valign="top" width="68"><strong><font color="#ff0000">×</font></strong> <br />タイトルが文字化けする </td> <td valign="top" width="71"><strong><font color="#0000ff">○</font></strong> <br />きれいに可能</td> <td valign="top" width="84"><strong><font color="#0000ff">○</font></strong> <br />きれいに可能</td> <td valign="top" width="83"><strong><font color="#0000ff">○</font></strong> <br />問題なし</td> </tr> <tr> <td valign="top" width="112">プレビュー表示</td> <td valign="top" width="74"><strong><font color="#0000ff">○</font></strong> <br />CSSも含めて表示</td> <td valign="top" width="68"><strong><font color="#008000">△</font></strong> <br />CSSが表示されない</td> <td valign="top" width="71"><strong><font color="#008000">△</font></strong> <br />CSSが表示されない</td> <td valign="top" width="84"><strong><font color="#ff0000">×</font></strong> <br />取りこみファイルのプレビュー表示できない</td> <td valign="top" width="83"> <p><strong><font color="#ff0000">×</font></strong> <br />作成終わるまで表示できない</p> </td> </tr> <tr> <td valign="top" width="112">CSSの取りこみ・プレビュー</td> <td valign="top" width="74"><strong><font color="#0000ff">○</font></strong> <br />CSSの取りこみ・プレビューは出来るが、編集はタグで行うしかない</td> <td valign="top" width="68"><strong><font color="#ff0000">×</font></strong> <br />既存のCSSは利用不可、専用のスタイルファイルが必要</td> <td valign="top" width="71"><strong><font color="#008000">△</font></strong> <br />CSSの取りこみ出来るが、プレビューできない</td> <td valign="top" width="84"><strong><font color="#008000">△</font></strong> <br />ファイルプレビューはできないが、CSSの取りこみやコンパイルできる</td> <td valign="top" width="83"><strong><font color="#ff0000">×</font></strong> <br />CSSは欠落する</td> </tr> <tr> <td valign="top" width="112">カバー作成・著作情報編集</td> <td valign="top" width="74"><strong><font color="#ff0000">×</font></strong> <br />カバー作成できる。そのままサムネイルにもなる。</td> <td valign="top" width="68"><strong><font color="#0000ff">○</font></strong> <br />結構色々できる</td> <td valign="top" width="71"><strong><font color="#008000">△</font></strong> <br />カバー画像は登録できるが、サムネイルできるか不明</td> <td valign="top" width="84"><strong><font color="#0000ff">○</font></strong> <br />カバー作成できる。そのままサムネイルにもなる。</td> <td valign="top" width="83"><strong><font color="#008000">△</font></strong> <br />著作情報やカバー画像をつけれるが、不便</td> </tr> <tr> <td valign="top" width="112">ePub書き出しでデザイン崩壊しない</td> <td valign="top" width="74"><strong><font color="#008000">△</font></strong> <br />HTMLのままコンパイルできる <br />(※1)</td> <td valign="top" width="68"><strong><font color="#0000ff">○</font></strong> <br />HTMLのままコンパイルできる</td> <td valign="top" width="71"><strong><font color="#008000">△</font></strong> <br />HTMLのままコンパイルできる <br />(※2)</td> <td valign="top" width="84"> <p><strong><font color="#0000ff">○</font></strong> <br />HTMLのままコンパイル</p> </td> <td valign="top" width="83"><strong><font color="#ff0000">×</font></strong> <br />画像の大きさ変える、一部タグは削除する等ひどい</td> </tr> <tr> <td valign="top" width="112">EpubCheck</td> <td valign="top" width="74"><strong><font color="#ff0000">×</font></strong> <br />idとtoc.ncxでエラー多発</td> <td valign="top" width="68"><strong><font color="#0000ff">○</font></strong> <br />エラーなし。きれいに通る</td> <td valign="top" width="71"><strong><font color="#ff0000">×</font></strong> <br />エラーが多すぎて・・・。</td> <td valign="top" width="84"><strong><font color="#ff0000">×</font></strong> <br />content.opfにエラー多発</td> <td valign="top" width="83"><strong><font color="#ff0000">×</font></strong> <br />エラー多発。</td> </tr> </tbody></table> <p>※1:コンパイル前に、HTMLファイルは「Text」フォルダ、CSSは「Styles」フォルダ、画像は「Images」フォルダに入れておく必要アリ。でないとコンパイル後に正しく表示できない <br />※2:コンパイル前に、HTMLファイルは「text」フォルダ、CSSは「style」フォルダ、画像は「images」フォルダに入れておく必要アリ。でないとコンパイル後に正しく表示できない</p> <p>ということで、まとめると <br /><strong><font color="#ff0000">「現時点ではSigilが最良。でもEpubCheckが通らないことは念頭においておく必要アリ」 <br /></font></strong>ということがわかります。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com2tag:blogger.com,1999:blog-3827479615944721131.post-61279475797144517872010-06-13T19:12:00.000+09:002010-06-13T19:22:36.562+09:00Air Videoを入れて、変換無くiPhoneで動画を見よう(Air Videoの使い方・快適設定)<table cellspacing="0" cellpadding="2" width="406" align="center" border="1"><tbody> <tr> <td valign="top" width="89">所要時間 </td> <td valign="top" width="161">30分</td> <td valign="top" width="154">サーバ側にインストール&iPhone側に最適設定</td> </tr> <tr> <td valign="top" width="89">トラブル発生 </td> <td valign="top" width="161">少ない</td> <td valign="top" width="154">意図せず二段ルータになっているとちょっと大変</td> </tr> <tr> <td valign="top" width="89">できる端末 </td> <td valign="top" width="161">ホームサーバ、又はPCと <br />iPhone/iPod Touch</td> <td valign="top" width="154">外で便利に見るにはiPhoneがいいです。PC側も消費電力の少ないものを用意しましょう</td> </tr> </tbody></table> <p>みなさん、PCやサーバに色んな動画が入っていませんか? <br />僕は特に録画したTV番組をPCで見れるようにした動画がサーバに入っています。 <br />他に、旅行の時の動画等もありますね。</p> <p>これらの動画って、家で見るよりも外で見たいこと、多くないですか? <br />ちょっとした移動時間だったり、友達に見せたり、などなど。</p> <p>iPhoneを使ってYoutube動画を探すのもいいですが、PCやサーバに撮り貯めした動画こそ見たいもの。 <br />じゃあ、それらの動画をあらかじめiPhone用に変換して持ち歩く・・・ <br />というのもiPhoneの容量からすると難しいですし、手間もかかります。 <br />何より、「<strong>全てのデータはサーバに置き、持ち歩かない</strong>」という僕の信念とも離れてしまいます。</p> <p>ということで、「<strong><font color="#008000">変換しなくても、家の動画を外で見るため</font></strong>」、<strong>Air Videoを導入</strong>しましょう。 <br />今回は文章量が多いですが、実際にやることは少ないのでどんどん読み進めてください。</p> <p>※ちなみに、サーバから動画を配信するアプリやアドオンは他にもありますが、モバイルしやすいiPhoneで見る場合、Air Videoが最良です。 <br />※Bonjourのインストール手順が抜けていました。申し訳ありません。うまくいかなかった方、Bonjourをインストールして再チャレンジしてみてください。</p> <a name='more'></a> <h4>■サーバ/PC側に、配信アプリをインストールする</h4> <h5>1. <a href="http://www.inmethod.com/air-video/index.html">Air-Videoのサイトにアクセス</a>し、「Download」タブを押す</h5> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/S_643QIG15I/AAAAAAAACX8/jwoKnh8gWRY/s1600-h/1.GetAPP%5B3%5D.jpg"><img title="1.GetAPP" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="270" alt="1.GetAPP" src="http://lh5.ggpht.com/_czWHVKg2RW0/S_643oC8zqI/AAAAAAAACYA/JJStgg4qSAE/1.GetAPP_thumb%5B1%5D.jpg?imgmax=800" width="438" border="0" /></a></p> <h5>2. 動画を入れているPCにあわせ、WindowsまたはMac版のアプリをダウンロードする</h5> <p><strong>Windows Home Serverの場合は、For Windowsをダウンロード</strong>すればOKです。 <br />但し、Windows Home Serverから直接アクセスするよりは、他のPCでダウンロードして、共有フォルダを経由してサーバに渡す方が良いでしょう。</p> <p>ちなみに、このアプリはWindows XPやVista、Windows 7でも動くらしいです。</p> <h5>3. <a href="http://support.apple.com/kb/DL999" target="_blank">Bonjourの最新版をここからダウンロード</a>し、インストールする(Air VideoをインストールするPC・サーバにiTunesが入っていない人のみ)</h5> <p>左上のDonwloadをクリックしてダウンロードし、Air VideoをインストールするPC・サーバにインストールしてください。 <br />但し、既にiTunesがインストールされている場合は一緒にインストールされているはずなので不要です。</p> <p>ちなみに、我が家のサーバに入っているBonjourは1.0.6.2でした。 <br />同じものを探してみましたが、Appleの正規インストールが見つけられなかったので <br />新しいっぽい2.0.2のダウンロード先となっています。 <br />2.0.2でうまく動かない場合は教えていただければ幸いです。</p> <h5>4. アプリをダブルクリックし、インストールする</h5> <p align="left">「Next」→「Install」と押せばOKです。 <br />インストールが完了したら、「Run Air Video~」にチェックボックスが入っていることを確認した上で、「Finish」を押しましょう。</p> <h5><a href="http://lh4.ggpht.com/_czWHVKg2RW0/S_644WIYneI/AAAAAAAACYE/4K-6lCULRgA/s1600-h/2.InstallFinished%5B3%5D.jpg"><img title="2.InstallFinished" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="88" alt="2.InstallFinished" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_6441BaSyI/AAAAAAAACYI/SApOh2jCeAg/2.InstallFinished_thumb%5B1%5D.jpg?imgmax=800" width="196" align="right" border="0" /></a>5. 画面右下のAirVideoアイコンをダブルクリックする</h5> <p align="left">無事にインストールが完了すると、右図のようなアイコンと吹き出しが出ますので、青色のアイコンをダブルクリックし、設定画面を開きます。 <br style="clear: both" /></p> <h5>6. Shared Foldersタブの「Add Disk Folder」を押し、動画の入っているフォルダを「絶対パスで」登録する</h5> <p align="left">設定画面を開くと、下図(左)のような画面が出てきます。「Shared Folders」が選択されていることを確認し、「Add Disk Folder」を選んでください。</p> <p align="left">ここで、Windows Home Serverの場合はちょっと注意が必要です。共有フォルダの中身が、<strong>「Dドライブ」の中にある「shares」フォルダ</strong>に入っていますので、ここから選択するようにしましょう。(下図(右)を参照) <br />(ネットワーク名を使って登録する方がWindows Home Serverの考え方的には良いのでしょうが、処理の無駄が発生してしまいます。)</p> <p align="left">参考として、hilock702の設定を下図(左)に載せておきました。僕はビデオフォルダに全ての動画を入れており、ジャンルごとに分類しています。そこで、Air Videoではジャンルごとに登録しました。</p> <p align="left"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/S_645TpgajI/AAAAAAAACYM/zoK_UzTCBd8/s1600-h/3.AddFolder%5B8%5D.jpg"><img title="3.AddFolder" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="236" alt="3.AddFolder" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_645y3yoXI/AAAAAAAACYQ/vkqadhHHPIQ/3.AddFolder_thumb%5B7%5D.jpg?imgmax=800" width="277" border="0" /></a>⇒<a href="http://lh5.ggpht.com/_czWHVKg2RW0/S_646Xa1QII/AAAAAAAACYU/MBR29O2Wa1Y/s1600-h/4.AddFolder2%5B5%5D.jpg"><img title="4.AddFolder2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="236" alt="4.AddFolder2" src="http://lh3.ggpht.com/_czWHVKg2RW0/S_646gFa3AI/AAAAAAAACYY/xhh-KbAe0kg/4.AddFolder2_thumb%5B6%5D.jpg?imgmax=800" width="169" border="0" /></a> </p> <h5><a href="http://lh6.ggpht.com/_czWHVKg2RW0/S_647ucpm4I/AAAAAAAACYc/ZRSLObdIHP4/s1600-h/5.SettingsTab%5B4%5D.jpg"><img title="5.SettingsTab" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="183" alt="5.SettingsTab" src="http://lh3.ggpht.com/_czWHVKg2RW0/S_6475xBzcI/AAAAAAAACYg/5VhWm5kHMRg/5.SettingsTab_thumb%5B2%5D.jpg?imgmax=800" width="185" align="right" border="0" /></a>7. Settingsタブを開き、「Start at Login」にチェックが入っていることを確認する</h5> <br style="clear: both" /> <br /> <h5>8. Remoteタブを開き、「Enable Access from Internet (Beta)」にチェックを入れる</h5> <p align="left">その下の「Automatically~」にもチェックを入れておきましょう。 <br /><strong>Statusが「OK」になれば配信可能</strong>になったことを表しています。</p> <p align="left">ここで二重ルータになっていると「Double NAT!!」のような単語が表示されます。この場合、外出時のビデオ配信ができません。直すには、ルータの設定を見直す必要があります。 <br />(その他、うまくいかなければ質問頂けるとうれしいです。)</p> <p align="left">ちなみに、hilock702はパスワードを設定していないので、ここの最下段に青字で「強固なパスワードを入れるのが超オススメだぜ(さっさと設定しろ)」と言われています。</p> <p align="center"><a href="http://lh3.ggpht.com/_czWHVKg2RW0/S_648bejL4I/AAAAAAAACYk/S4JS8G_hahc/s1600-h/6.RemoteSetting%5B3%5D.jpg"><img title="6.RemoteSetting" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="235" alt="6.RemoteSetting" src="http://lh3.ggpht.com/_czWHVKg2RW0/S_648tJCVQI/AAAAAAAACYo/74k6miOdAv4/6.RemoteSetting_thumb%5B1%5D.jpg?imgmax=800" width="374" border="0" /></a></p> <h5>9. 「This Server PIN」の右にある9桁の数字を記録しておく</h5> <p align="left">外出時のビデオ配信には、このPIN番号が必要です。忘れずにメモっておきましょう。</p> <h4>■iPhoneに受信アプリを入れ、3G向けの設定にする</h4> <p>今度は、iPhoneに受信アプリを入れます。</p> <h5>10. 「Air Video」で検索し、アプリをダウンロードする(価格は350円)</h5> <h5><a href="http://lh5.ggpht.com/_czWHVKg2RW0/S_649K0eRaI/AAAAAAAACYs/uyAjxVO_dzc/s1600-h/7.FirstBoot%5B3%5D.jpg"><img title="7.FirstBoot" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="244" alt="7.FirstBoot" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_649rZrKiI/AAAAAAAACYw/kxcwtMyBjVg/7.FirstBoot_thumb%5B1%5D.jpg?imgmax=800" width="164" align="right" border="0" /></a>11. 無線LANをONにしてからAir Videoを起動する</h5> <p>最初にPC/サーバを登録する必要があります。まずは、自宅にいるとき用を登録しましょう。 <br style="clear: both" /></p> <h5>12. 左上の「+」マークを押し、表示されているPC又はサーバを選択する</h5> <p>画面の下に、自分のパソコン名が表示されているかと思います。表示されていない場合は、PC/サーバまたはiPhoneが自宅ネットワークに接続されていない可能性が高いので、一度見直してください。</p> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/S_64-MQRffI/AAAAAAAACY0/vURRYmhQ2ZU/s1600-h/8.SelectServerOnDLNA%5B2%5D.jpg"><img title="8.SelectServerOnDLNA" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="8.SelectServerOnDLNA" src="http://lh5.ggpht.com/_czWHVKg2RW0/S_64-ohsaPI/AAAAAAAACY4/4TYukhA4Sww/8.SelectServerOnDLNA_thumb.jpg?imgmax=800" width="164" border="0" /></a> <a href="http://lh6.ggpht.com/_czWHVKg2RW0/S_64_HzboGI/AAAAAAAACY8/biYnDFuA12g/s1600-h/9.AddServer%5B2%5D.jpg"><img title="9.AddServer" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="9.AddServer" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_64_8NO2NI/AAAAAAAACZA/TLJhO-1ACh8/9.AddServer_thumb.jpg?imgmax=800" width="164" border="0" /></a> </p> <h5>13. フォルダ、及び動画が表示されるか確認する</h5> <p>登録されたPC/サーバを選択すると、”5”で登録したフォルダが表示されます。フォルダを選択すると、中に入っているファイルが表示されます。 <br />動画のサムネイルも表示されるのはいいことですね。(たまにサムネイル表示不可なものもあります。)</p> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/S_65AejMJCI/AAAAAAAACZE/9Ckn_SmEfE8/s1600-h/10.ViewFolders%5B5%5D.jpg"><img title="10.ViewFolders" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="165" alt="10.ViewFolders" src="http://lh6.ggpht.com/_czWHVKg2RW0/S_65Ax8Y9hI/AAAAAAAACZI/bkKEAKt2TBA/10.ViewFolders_thumb%5B3%5D.jpg?imgmax=800" width="194" border="0" /></a> <a href="http://lh3.ggpht.com/_czWHVKg2RW0/S_65BP90C_I/AAAAAAAACZM/iOcrUk_IwPY/s1600-h/11.ViewVideos%5B4%5D.jpg"><img title="11.ViewVideos" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="166" alt="11.ViewVideos" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_65Bt4TtjI/AAAAAAAACZQ/qZWkw4wrNeI/11.ViewVideos_thumb%5B5%5D.jpg?imgmax=800" width="187" border="0" /></a> </p> <h5>14. 動画を一つ選び、「Conversion Settings」を押し、右上に出てくる「Global Conversion Settings」を押す</h5> <p>デフォルトのまま 3G回線上で使うとかなりカクカクになるので、3Gでも快適&そこそこきれいな設定にします。</p> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/S_65CAPq3xI/AAAAAAAACZU/MucOrrsPKrI/s1600-h/12.SelectVideo%5B2%5D.jpg"><img title="12.SelectVideo" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="12.SelectVideo" src="http://lh5.ggpht.com/_czWHVKg2RW0/S_65CSp5O_I/AAAAAAAACZY/KJqF-Nwc5KY/12.SelectVideo_thumb.jpg?imgmax=800" width="164" border="0" /></a> ⇒ <a href="http://lh4.ggpht.com/_czWHVKg2RW0/S_65Cze6z9I/AAAAAAAACZc/gtNAgILa2c0/s1600-h/13.Settings1%5B2%5D.jpg"><img title="13.Settings1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="13.Settings1" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_65DWq4ZnI/AAAAAAAACZg/EqVuHzFOgr4/13.Settings1_thumb.jpg?imgmax=800" width="164" border="0" /></a></p> <h5>15. 下記の通りの設定にする</h5> <p>まずは、<strong>「Max Resolution」をManual</strong>にしてください。 <br />その後表示される<strong>「Max Width」を352px</strong>(DVDサイズの半分)に、<strong>「Max Height」を240px</strong>(DVDの4:3の場合の半分)にしてください。更に、<strong>「Quiality for~」を50%程度</strong>にしてください。(下図(左))</p> <p>続いて、その下にある<strong>「Available Bitrate~」</strong>の、<strong>256kbps・384kbps・512kbps以外全てのチェックをはずして</strong>ください。(下図(右))</p> <p align="center"><a href="http://lh3.ggpht.com/_czWHVKg2RW0/S_65D2PN3hI/AAAAAAAACZk/nHCG-8bAmMY/s1600-h/14.GlobalSetting1%5B2%5D.jpg"><img title="14.GlobalSetting1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="14.GlobalSetting1" src="http://lh5.ggpht.com/_czWHVKg2RW0/S_65EMXixnI/AAAAAAAACZo/QrNSZRY0oGg/14.GlobalSetting1_thumb.jpg?imgmax=800" width="164" border="0" /></a> <a href="http://lh5.ggpht.com/_czWHVKg2RW0/S_65EuokYUI/AAAAAAAACZs/pOYXa6ii5Ao/s1600-h/15.GlobalSetting2%5B2%5D.jpg"><img title="15.GlobalSetting2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="244" alt="15.GlobalSetting2" src="http://lh4.ggpht.com/_czWHVKg2RW0/S_65E6vanLI/AAAAAAAACZw/IJdUDsWU34U/15.GlobalSetting2_thumb.jpg?imgmax=800" width="164" border="0" /></a></p> <p>これで、3G上でも快適に見れる設定になりました。 <br />(とはいえ、PC/サーバの処理が十分でないとカクカクになりますよ) </p> <h4>■まずは家庭内NW上で再生する</h4> <h5><a href="http://lh5.ggpht.com/_czWHVKg2RW0/S_65FaaxymI/AAAAAAAACZ0/OHiLSCU600I/s1600-h/16.Streaming%5B3%5D.jpg"><img title="16.Streaming" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="164" alt="16.Streaming" src="http://lh5.ggpht.com/_czWHVKg2RW0/S_65F1h3CeI/AAAAAAAACZ4/_RBpWNVgbNk/16.Streaming_thumb%5B1%5D.jpg?imgmax=800" width="244" align="right" border="0" /></a>16. 動画選択画面に戻り、「Live with Conversion」を押す</h5> <p>この設定で再生したときの画面が右図です。 <br />低ビットレートのみにしましたが、結構普通にみえるもんです。あぁ、矢野カッコいいなぁ。 <br style="clear: both" /></p> <h4>■うまくいったら3Gのサーバを登録する</h4> <p>先ほど登録した内容だと、外出時にはPC/サーバに接続できません。そこで、外出時用のPC/サーバを登録します。</p> <h5>17. 一番最初のサーバ選択画面に戻り、左上の「+」マークを押す</h5> <h5><a href="http://lh3.ggpht.com/_czWHVKg2RW0/S_65G57VZ0I/AAAAAAAACZ8/jRjjTgxhSuw/s1600-h/17.AddPinCode%5B3%5D.jpg"><img title="17.AddPinCode" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="244" alt="17.AddPinCode" src="http://lh6.ggpht.com/_czWHVKg2RW0/S_65HVKeR1I/AAAAAAAACaA/Usd0CaTMERk/17.AddPinCode_thumb%5B1%5D.jpg?imgmax=800" width="164" align="right" border="0" /></a>18. 「Enter Server PIN」を選択し、”8”で記録した9桁の数字を入力する</h5> <br style="clear: both" /> <br /> <h5><a href="http://lh6.ggpht.com/_czWHVKg2RW0/S_65H_po3dI/AAAAAAAACaE/e6eQD4SlOlQ/s1600-h/18.Add3G%5B3%5D.jpg"><img title="18.Add3G" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="244" alt="18.Add3G" src="http://lh3.ggpht.com/_czWHVKg2RW0/S_65IeITzwI/AAAAAAAACaI/fcEdzrjOMnw/18.Add3G_thumb%5B1%5D.jpg?imgmax=800" width="164" align="right" border="0" /></a>19. Servers画面に以下のように表示されれば完了</h5> <p>ここまでくれば、<strong><font color="#0000ff">3Gに繋ぐと外出時も家の動画を見る</font></strong>ことができます。</p> <p>とはいっても、ルータの設定次第ではうまく再生されない場合があります。 <br />外で本格的に使う前に一度テストをしておきましょう。</p> <p>家の無線LANに繋いでいるときはPINコードが出ている行を選び、3Gに繋いでいるときはPINコードが出ている行を選べば、フォルダや動画が見えるかと思います。 <br style="clear: both" /></p> <h4>■注意点</h4> <ul> <li><strong>通常のPCの場合</strong> <ul> <li>AirVideoを使うには、PCが常に起動している必要がありますが、スタンバイ設定が有効になっているために、外出時にPCが動いていないということを聞きます。 <br /><strong><font color="#ff0000">スタンバイさせない設定になっているか、確認</font></strong>しましょう。 </li> </ul> </li> <li><strong>サーバの場合</strong> <ul> <li>このアプリは、サーバにログインしている状態でないと動きません。そのため、<strong><font color="#ff0000">再起動した場合には必ず一度ログイン</font></strong>しておきましょう。 <br />⇒サービス化(ログインしなくても動くようにする)したかったのですが、うまくいかず断念しました。。。いい方法をご存知の方、教えてください。 </li> </ul> </li> </ul> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com13tag:blogger.com,1999:blog-3827479615944721131.post-43564389878217059632010-06-08T19:06:00.001+09:002010-06-08T20:33:59.692+09:00【ePubレビュー】Nine-Stones[★★★☆☆]<p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TA4p1TbwyxI/AAAAAAAACko/4WFAWa5YWfU/s1600-h/20100608-ninestones%5B4%5D.jpg"><img title="20100608-ninestones" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="394" alt="20100608-ninestones" src="http://lh6.ggpht.com/_czWHVKg2RW0/TA4p2BKLY8I/AAAAAAAACks/-pBFVFkU6bM/20100608-ninestones_thumb%5B2%5D.jpg?imgmax=800" width="296" align="right" border="0" /></a>今回は意欲作をご紹介。  <br />オリジナル4コママンガをePub形式にしてみた、という作品です。</p> <p>※本内容は非常に図々しい内容かと思いますが、 <br />「こういう風に感じてるヤツもいるんだ」ぐらいの気持ちで見ていただければ幸いです。</p> <br style="clear: both" /> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90">題名</td> <td valign="top" width="360" colspan="2"><strong>Nine-Stones</strong></td> </tr> <tr> <td valign="top" width="90">著者様</td> <td valign="top" width="360" colspan="2"><strong>K.K. 様</strong></td> </tr> <tr> <td valign="top" width="90">ジャンル</td> <td valign="top" width="360" colspan="2"><strong>マンガ – ファンタジー - 日常生活</strong></td> </tr> <tr> <td valign="top" width="90">ダウンロード先</td> <td valign="top" width="360" colspan="2"><a href="http://epubs.jp/watch_video.php?v=WMMOMWSHXBUM" target="_blank">ePubs.jpのePubページへリンク</a></td> </tr> <tr> <td valign="top" width="90"><strong>全体的に見て</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285"> <p>ePub形式でマンガをやってみた良い試み。iBooksでは画像表示範囲の狭さから一番小さい文字が読めなかったが、それ以外は読みやすかった。 <br />絵も中々きれい。</p> </td> </tr> </tbody></table> <a name='more'></a> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90"><strong>内容</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">笑いがわかりにくかった。 <br />また、結構深読みが必要。キャラの名前・設定・人間関係もわかりづらく、特に「魔法が使えない魔法使い」という設定であることを最後になってわかりました。 <br />僕の読解力が無いだけなんでしょうか?</td> </tr> <tr> <td valign="top" width="90"><strong>文章構成</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">特に読みづらい所も無かったです。 <br />用語集だけ横書きなのは何かこだわりがあったのかなぁ。。。</td> </tr> <tr> <td valign="top" width="90"><strong>レイアウト</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">ePubとしてのレイアウトに言及すると、画像が大きくFirefoxでは読みづらい、iBooksでは画像表示範囲が狭いため小さい文字が読みづらい等あり。 <br />これは、この本の作り方の問題ではなく、ePubリーダーの抱える問題な気がします。 <br />マンガとしてのコマ割にはコメントを控えます。</td> </tr> <tr> <td valign="top" width="90"><strong>表示速度</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">Firefox・iBooksで瞬間表示できました。</td> </tr> <tr> <td valign="top" width="90"><strong>賞味期限</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">ネタとして魔法系はいつまでも使えますよね。</td> </tr> <tr> <td valign="top" width="90"><strong>面白かった度</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">マンガとして考えると、すごく好きな作品ではないけどまぁ読むという感じです。全体を通してもう少しわかりやすい起承転結がほしかったなぁと感じます。</td> </tr> </tbody></table> <br /> <p align="right"><a href="http://hilock702.blogspot.com/2010/06/epubhilock702.html">※感想を書くときのポイントはこちらに記載</a></p> <p>iPadが発売されて一週間ぐらい後に登録されたePubのマンガ書籍。 <br />ePub上でマンガを表現することの難しさを感じた一冊でした。</p> <p>Firefoxで表示すると縦に行ったり来たり、続いてページ操作をしたり、 <br />あんまり快適に読むことができませんでした。 <br />また、iBooksで表示すると、マンガ1ページが1画面内に収まるのですが、 <br />画像表示範囲が小さいために縦表示にしても一部の小さい文字が読めませんでした。</p> <p>例えば、マンガページはページ番号部分を画像から落とす、 <br />周りの白い余白をできるだけなくす、などの工夫が必要なのかもしれません。</p> <p>といいつつ、マンガの余白については詳しくないので・・・。素人考えですいません。</p> <p>マンガとしては、ちょっとわかりにくかったなぁという印象です。 <br />何回か読んでみてようやくストーリーがわかったような気がします。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-67693986277968212962010-06-08T18:39:00.001+09:002010-06-08T21:01:58.118+09:00【ePubレビュー】新明解恋愛用語辞典[★★★★★]<p><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TA4pY64d-MI/AAAAAAAACkY/M_QWz66qt2w/s1600-h/20100608-renaijiten%5B6%5D.jpg"><img title="20100608-renaijiten" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="370" alt="20100608-renaijiten" src="http://lh4.ggpht.com/_czWHVKg2RW0/TA4pZWLQ0jI/AAAAAAAACkc/B6eVLZFCsDI/20100608-renaijiten_thumb%5B4%5D.jpg?imgmax=800" width="279" align="right" border="0" /></a>ePubの本はバシバシ読んでますよ。</p> <p>今回は結構オススメ。 <br />特に結婚されている or 長く付き合った彼女がいる男性にオススメしたいです。 <br />腹をかかえて笑いそうになりました。</p> <p>※本内容は非常に図々しい内容かと思いますが、 <br />「こういう風に感じてるヤツもいるんだ」ぐらいの気持ちで見ていただければ幸いです。</p> <br style="clear: both" /> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90">題名</td> <td valign="top" width="360" colspan="2"><strong>新明解恋愛用語辞典</strong></td> </tr> <tr> <td valign="top" width="90">著者様</td> <td valign="top" width="360" colspan="2"><strong>工藤 圭 様</strong></td> </tr> <tr> <td valign="top" width="90">ダウンロード先</td> <td valign="top" width="360" colspan="2"><a href="http://epubs.jp/watch_video.php?v=22G8BROBDXYY" target="_blank">ePubs.jpのePubページへリンク</a></td> </tr> <tr> <td valign="top" width="90">ジャンル</td> <td valign="top" width="360" colspan="2"><strong>実用書 – 女性学 - 恋愛のあるある話</strong></td> </tr> <tr> <td valign="top" width="90"><strong>全体的に見て</strong></td> <td valign="top" width="75">★★★★★</td> <td valign="top" width="285">女性視点での内容が多く、男性が読むと苦笑する。 <br />解説がいいツッコミを入れており、非常に面白い。</td> </tr> </tbody></table> <a name='more'></a> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90"><strong>内容</strong></td> <td valign="top" width="75">★★★★★</td> <td valign="top" width="285">一コンテンツ(用語)が2~3ページで完結しており、テンポ良く読めました。解説(というかツッコミ?)部分が非常に面白いのもテンポ良く読める点でした。</td> </tr> <tr> <td valign="top" width="90"><strong>文章構成</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">たまに長文が出てくるが可読性への影響なし。結構体言止めが多い印象でした。 <br />一部で脱字をみかけたがご愛嬌で。</td> </tr> <tr> <td valign="top" width="90"><strong>レイアウト</strong></td> <td valign="top" width="75">★★★★</td> <td valign="top" width="285">用語行の強調、文字の大きさ、太字を当てる、用例を黄色背景にする、など読みやすさを意識した細かいレイアウト。これでたまに挿絵があればカンペキかと。</td> </tr> <tr> <td valign="top" width="90"><strong>表示速度</strong></td> <td valign="top" width="75">★★★★</td> <td valign="top" width="285">Firefox・iBooksで瞬間表示。目次が日本語表示だったので、ページジャンプも簡単&すばやくできました。</td> </tr> <tr> <td valign="top" width="90"><strong>賞味期限</strong></td> <td valign="top" width="75">★★★★</td> <td valign="top" width="285">永遠に旬なネタかと思います。時代により言葉が増えると思うので、その分を考慮。</td> </tr> <tr> <td valign="top" width="90"><strong>面白かった度</strong></td> <td valign="top" width="75">★★★★★</td> <td valign="top" width="285">非常に面白かったです。もう一度、嫁と笑いながら読みたいと思います。</td> </tr> </tbody></table> <br /> <p align="right"><a href="http://hilock702.blogspot.com/2010/06/epubhilock702.html">※感想を書くときのポイントはこちらに記載</a></p> <p>こちらもePubs.jp登場当初からアップロードされている書籍。  <br /><strong>文章・レイアウトがきれいで、iPad・Firefoxの両方で読みやすい</strong>。 <br />本として十分と思いました。 <br />読むならiBooksでの閲覧がオススメ。 </p> <p>テンポが良く、解説が面白いので非常に読みやすかったです。 <br />レイアウトもePub初期に出されたと思えないきれいさ。 <br />これなら嫁に見せることもでき、 <br />会話の笑いネタとして一つ使えるなぁと思いました。</p> <p>フォントの大きさは小さめにして読むのがオススメです。 </p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-10780717229082675532010-06-08T17:35:00.001+09:002010-06-08T20:34:37.014+09:00【ePubレビュー】ふつうの人へのUbuntuの勧め[★★★☆☆]<p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TA4pp4ZaEKI/AAAAAAAACkg/cx8mk16EfsI/s1600-h/20100608-ubuntu%5B4%5D.jpg"><img title="20100608-ubuntu" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="354" alt="20100608-ubuntu" src="http://lh5.ggpht.com/_czWHVKg2RW0/TA4pqaJxMKI/AAAAAAAACkk/5QhuoUvH2AI/20100608-ubuntu_thumb%5B2%5D.jpg?imgmax=800" width="266" align="right" border="0" /></a>さて、ePubs.jpに本が次々とアップロードされております。  <br />僕も色んな本が読めてホクホクです。</p> <p>で、せっかくなので自分が読んだ本の感想を残していきたいと思います。</p> <p>※本内容は非常に図々しい内容かと思いますが、 <br />「こういう風に感じてるヤツもいるんだ」ぐらいの気持ちで見ていただければ幸いです。</p> <br style="clear: both" /> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90">題名</td> <td valign="top" width="360" colspan="2"><strong>ふつうの人へのUbuntuの勧め</strong></td> </tr> <tr> <td valign="top" width="90">著者様</td> <td valign="top" width="360" colspan="2"><strong>松本 淳 様</strong></td> </tr> <tr> <td valign="top" width="90">ダウンロード先</td> <td valign="top" width="360" colspan="2"><a href="http://epubs.jp/watch_video.php?v=93375WOO15DB" target="_blank">ePubs.jpのePubページへリンク</a></td> </tr> <tr> <td valign="top" width="90">ジャンル</td> <td valign="top" width="360" colspan="2"><strong>解説書 – コンピュータ一般・入門書 - Linux</strong></td> </tr> <tr> <td valign="top" width="90"><strong>全体的に見て</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">ePub初期に提供された本としては十分なクオリティかと。</td> </tr> </tbody></table> <a name='more'></a> <br /> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="90"><strong>内容</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">「右の表のような」という部分で右表がない等、内容が一部落ちている部分があります。 <br />全体的な構成について、要件・運用がごっちゃになっている、ソフト系が分類されておらず、自分が必要なポイントがどこかピックアップしにくい所が残念でした。</td> </tr> <tr> <td valign="top" width="90"><strong>文章構成</strong></td> <td valign="top" width="75">★★★★</td> <td valign="top" width="285">一文はすごく読みやすかったです。</td> </tr> <tr> <td valign="top" width="90"><strong>レイアウト</strong></td> <td valign="top" width="75">★</td> <td valign="top" width="285">文字の色分け・大きくする・箇条書きの見易さ等の工夫が無く、画像も無かったのでPCのHow To本としてはちょっと読みづらかったです。</td> </tr> <tr> <td valign="top" width="90"><strong>表示速度</strong></td> <td valign="top" width="75">★★★</td> <td valign="top" width="285">Firefoxであれば快適閲覧。iBooksでも再開読込が3秒程度で快適でした。</td> </tr> <tr> <td valign="top" width="90"><strong>賞味期限</strong></td> <td valign="top" width="75">★</td> <td valign="top" width="285">大体2007年ごろの内容。今は参考程度かなぁと思います。</td> </tr> <tr> <td valign="top" width="90"><strong>面白かった度</strong></td> <td valign="top" width="75">★★</td> <td valign="top" width="285">レイアウトのため、読むのが結構大変でした。 <br />「思想の表現」としてのOS」という考え方が一番印象に残っています。</td> </tr> </tbody></table> <br /> <p align="right"><a href="http://hilock702.blogspot.com/2010/06/epubhilock702.html">※感想を書くときのポイントはこちらに記載</a></p> <p><strong>ePubs.jp登場初期にアップロードされていたにも関わらず、結構しっかりした書籍</strong>です。 <br />とはいえ、内容的に古い・レイアウトが読みづらい等の課題を感じました。</p> <p>内容的には、 <br />「今までWindowsを使っていた人、Linuxにも興味をもってみませんか? <br />こんなにいいこともあるんですよ。使い方も簡単ですよ」 <br />ということを訴えており、個人的には好きな内容です。</p> <p>しかし、手順のポイントが箇条書きになっていなかったり、 <br />特定機種・ソフトウェアの操作だったり、操作の画像がなかったりして <br /><strong>「Linux初めてみようよ本」として使うと挫折する人もいると感じました</strong>。</p> <p>全体としてはちょっと辛口めな評価となっています。</p> <p>(感想は、全文読み終わった後に書きました。)</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-44996712237008187242010-06-08T17:22:00.001+09:002010-06-08T20:40:03.623+09:00【ePub感想】本を読んだときのhilock702的感想ポイント<p>せっかくなので、ePubの本を読んだときの感想をまとめようと思いました。</p> <p>とはいえ、つらつらと内容についてあーだこーだ言うよりは <br /><strong><font color="#ff0000">客観的なポイントを主軸として評価</font></strong>するほうが僕にあっているため、 <br />感想の際には下記をポイントとしてポイント付けしたいと思います。</p> <p>あくまで個人的な感想ですが、 <br />「おいコラ!なんでこれが低いんじゃ!」というご意見・お声があれば <br />コメント等いただければ幸いです。</p> <h4>■評価ポイント(随時更新)</h4> <ul> <li><strong>内容</strong> <ul> <li>読み手を引き込む構成になっているか </li> <li>話の矛盾が無いか </li> <li>読んだ後に残るもの(主張やメッセージ等)があるか </li> </ul> </li> <li><strong>文章構成 </strong> <ul> <li>主語・述語等が読み手にとってわかりやすいか </li> <li>「の」や「だが」等の文法的読みにくさが無いか </li> </ul> </li> <li><strong>表示速度</strong> <ul> <li>iPad(iBooks)・Firefoxでの閲覧で快適に読めるか </li> </ul> </li> <li><strong>レイアウト</strong> <ul> <li>章わけ・タイトル表示等に工夫をしているか </li> <li>画像等を使って読み手がわかりやすくしているか </li> <li>全体の色使いはきれいか </li> </ul> </li> <li><strong>賞味期限</strong> <ul> <li>今も活用・満足できる内容か </li> </ul> </li> <li><strong>面白かった度</strong>(ここだけ明らかに主観です) <ul> <li>僕が一気に読んだか </li> <li>もう一度読みたいと思うか </li> </ul> </li> </ul> <p>なお、「全部読みきった本」のみ記事を書く予定です。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-47104727858604226092010-06-04T18:00:00.001+09:002010-06-05T08:25:16.382+09:00【美ePub作成】いよいよePub(電子書籍)のファイルにしよう<p>さて、HTMLファイルはできましたか? <br />iBooksで見たときに「おおっ」と思うため、ファイルは複数あるほうがいいでしょう。</p> <p>では、いよいよePubファイルを作りましょう! <br />手順はここまでちゃんと作成されていれば、そんなにややこしくないです。</p> <p>ePub作成のヤマ場なので、気合を入れて頑張りましょう!</p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <h4>■始める前のチェックポイント!</h4> <ul> <li>HTMLやCSSファイルの<strong><font color="#ff0000">エンコードはUTF-8</font></strong>になっていますか? </li> <li><strong><font color="#ff0000">ファイルは拡張子を含めて小文字</font></strong>になっていますか? </li> <li>HTMLファイルで<strong><font color="#ff0000">指定したフォルダに画像ファイル</font></strong>が入っていますか? </li> </ul> <p>大丈夫なら、ePub作成に進みましょう!</p> <a name='more'></a> <h4>■eCubをインストールする</h4> <h5>1. <a href="http://www.juliansmart.com/ecub" target="_blank">eCubのダウンロードサイト(http://www.juliansmart.com/ecub)</a>にアクセスし、eCubをダウンロードする</h5> <p>画面を少し下に行ったあたりに、「Download eCub」とあります。 <br />ここの「for Windows」のものをダウンロードしましょう。</p> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAbxB07zI/AAAAAAAAChg/RHittn0yFao/s1600-h/eCubDown1%5B3%5D.jpg"><img title="eCubDown1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="178" alt="eCubDown1" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAjAcdUZaAI/AAAAAAAAChk/_8ppK56y_jQ/eCubDown1_thumb%5B1%5D.jpg?imgmax=800" width="361" border="0" /></a></p> <p align="left">このeCub、ePubのコンパイルだけじゃなく、表紙や目次も作成してくれる超便利なヤツです。 </p> <h5>2. eCubのインストーラをダブルクリックし、インストールする。</h5> <h4>■eCubでコンパイル!</h4> <h5><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAczXUMtI/AAAAAAAACho/f3cJhg0_SD4/s1600-h/eCub14.jpg"><img title="eCub1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="104" alt="eCub1" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAdSUvhTI/AAAAAAAAChs/LtjXsDYe12U/eCub1_thumb2.jpg?imgmax=800" width="182" align="right" border="0" /></a>3. eCubを起動し、画面左上の「New」ボタンを押す</h5> <br style="clear: both" /> <br /> <h5>4. 本のデータとして、「本の題名(Book Title)」・「ID番号(Identifier)」・「著者(Author)」を入力する</h5> <p>ここで<strong><font color="#0000ff">入力した内容が、表紙やiTunesに表示されます</font></strong>。 <br />しっかりといい名前を付けてあげてください。</p> <p>Identifierは、僕は自分のIDを適当につけていますが・・・いいのかな? <br />出版社から出す本とかだと、JANコードにあわせたりしないといけないと思うんですけど、 <br />このあたりの規格ってまだ決まってませんよね?</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAd0QWheI/AAAAAAAAChw/_-UwA-lshag/s1600-h/eCub23.jpg"><img title="eCub2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="284" alt="eCub2" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAeeXuQ1I/AAAAAAAACh0/JYTfjh1wLjs/eCub2_thumb1.jpg?imgmax=800" width="318" border="0" /></a></p> <h5>5. 保存先フォルダを指定しろといわれるので、「HTMLが入ったフォルダ」を指定する</h5> <p>同じ画面で「電子書籍のファイル形式をどうするか」聞かれますが、デフォルトがePubになっているはずのなので、そのままでOKです。</p> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAe_9EeOI/AAAAAAAACh4/lnZ3AABg6Ak/s1600-h/eCub33.jpg"><img title="eCub3" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="329" alt="eCub3" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAf0IyYPI/AAAAAAAACh8/mmLMX75J7y0/eCub3_thumb1.jpg?imgmax=800" width="368" border="0" /></a> </p> <h5>6. 読み込み方法をどうするか聞かれるので、一番上を選択する</h5> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAgZnKhTI/AAAAAAAACiA/-hs5CyRXcEs/s1600-h/eCub43.jpg"><img title="eCub4" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="234" alt="eCub4" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAjAg_qPM4I/AAAAAAAACiE/xY0c7c09kr0/eCub4_thumb1.jpg?imgmax=800" width="336" border="0" /></a> </p> <h5>7. 読み込みオプションを選べといわれるので、そのまま「Next」を押す</h5> <p>ちなみに、ここで読み込めるのは「さっき指定したフォルダにあるHTML・CSS・画像」だけです。 <br /><strong>動画ファイルや、下位フォルダに入れてるファイルは後で追加</strong>します。</p> <p>また、ここで読み込むファイルに<strong><font color="#ff0000">UTF-8以外のエンコードのものが含まれていると、 <br />エラーが発生</font></strong>して次に進むことができません。</p> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAh5yV43I/AAAAAAAACiI/i6FfDWeQt2U/s1600-h/eCub53.jpg"><img title="eCub5" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="289" alt="eCub5" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAifG8hhI/AAAAAAAACiM/GTpNPEw4bOo/eCub5_thumb1.jpg?imgmax=800" width="356" border="0" /></a></p> <h5>8. ePubに含めるファイルが一覧表示されるので、含めなくていいファイルのチェックを外す</h5> <p>この一覧に表示されていないファイルがあっても、後で追加できるので焦らなくてOKです。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAiw42vVI/AAAAAAAACiQ/PfjP9FrfuKs/s1600-h/eCub63.jpg"><img title="eCub6" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="293" alt="eCub6" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAjAjQxGIsI/AAAAAAAACiU/win2AQvxLyg/eCub6_thumb1.jpg?imgmax=800" width="337" border="0" /></a>  </p> <h5>9. カバーデザインをどうするのか聞かれるので、「Templates」を押し、6種類の中から適当に選び、「Finish」を押す</h5> <p>「Templates(テンプレート)」を使うとタイトルの文字が切れたりしますが、 <br />後で修正するのでココはそのまま進みましょう。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAkAcJaBI/AAAAAAAACiY/MS0FS8UTXhU/s1600-h/eCub73.jpg"><img title="eCub7" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="282" alt="eCub7" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAkVswjGI/AAAAAAAACic/l6gnGcj36x0/eCub7_thumb1.jpg?imgmax=800" width="322" border="0" /></a> </p> <h5>10. 画面左下の「<font color="#008000">+</font>」ボタンを押して追加されていないHTMLファイルやCSSファイルを追加する&並び順を正しくする</h5> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAlgon43I/AAAAAAAACig/k1Yml6mzUxk/s1600-h/eCub83.jpg"><img title="eCub8" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="244" alt="eCub8" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAmLiwNoI/AAAAAAAACik/c6C49hz_hB8/eCub8_thumb1.jpg?imgmax=800" width="143" align="right" border="0" /></a>いくつか追加されていないファイルがあると思うので、それをココで追加しましょう。 <br />特に、<strong><font color="#ff0000">HTMLファイルとCSSファイルは必ず追加</font></strong>してください。</p> <p>画像ファイルや動画ファイル、JavaScriptファイルは <br />ここで追加せず、後で追加しても問題ありません。 <br />特に画像ファイルは数が多いので、後で追加するほうが楽です。</p> <p>また、ここで表示されている順番でページが並びます。(上から順)そのため、忘れずに「↑」「↓」ボタンで、<strong><font color="#0000ff">正しい順番に並び替え</font></strong>ておきましょう。</p> <br style="clear: both" /> <br /> <h5>11. Coverを押し、カバーデザインを修正する</h5> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAmoIS8mI/AAAAAAAACio/98-T-dZhoXQ/s1600-h/eCub102.jpg"><img title="eCub10" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="61" alt="eCub10" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAjAnO3S3bI/AAAAAAAACis/qcnebmwiHHc/eCub10_thumb.jpg?imgmax=800" width="244" border="0" /></a> </p> <p>画面上部の「Cover」ボタンを押すと、カバー修正画面に入ります。 <br />これがちょっと使いづらいのですが、設定したカバーがiBooksの本棚にも表示されるので <br />気合を入れて修正しましょう。</p> <p><strong>▼背景画像を変えたい場合</strong></p> <p>Objectsの「Background」を選択し、さらに「Background」タブを選択します。 <br />その後、「Texture」の右の変な窓を押してください。 <br />そうすると画像選択画面が出てくるので、使いたい画像を選択します。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAnktbTWI/AAAAAAAACiw/6xy4ZG8tEec/s1600-h/eCub113.jpg"><img title="eCub11" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="228" alt="eCub11" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAoE8YKPI/AAAAAAAACi0/RCSfu0Tgw2k/eCub11_thumb1.jpg?imgmax=800" width="365" border="0" /></a></p> <p>ここで使う画像は、800x600前後のものがいいです。 <br />大きさを変える場合は、「Scale」の数字を変えましょう</p> <p><strong>▼タイトルが切れている場合</strong></p> <p>Objectsの「Title」を選択し、さらに「Text」タブを選択します。 <br />この画面下の方にある、「Font」の右側あたりをクリックしてください。 <br />フォント設定画面が出てくるので、このサイズを小さくすればOKです。</p> <p>また、別の方法として、 <br />「%TITLE%」と書かれている部分を書き換える方法もあります。</p> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAohW-BoI/AAAAAAAACi4/OqDa7Omjazc/s1600-h/eCub123.jpg"><img title="eCub12" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="339" alt="eCub12" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAjApINIOgI/AAAAAAAACi8/o8BV2TkcMCM/eCub12_thumb1.jpg?imgmax=800" width="340" border="0" /></a></p> <p><strong>▼オブジェクト(例えば黒い部分)の高さを変えたい</strong></p> <p>変えたいオブジェクト(黒い部分なら「Shadow」)を選択し、「Height」を変更します。 <br />これだけだと場所がおかしくなるので、 <br />今度は「Y position」を変更していい感じの場所にしてください。</p> <h5>12. 「Compile」を押してePubファイル(仮完成)にする</h5> <p>ついにこの時がやってきました。「Compile」を押してください!</p> <p>コンパイル実施のメッセージが表示され、無事に完了すると「Created~」と出ます。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAp146N2I/AAAAAAAACjA/fN-JoLrCanI/s1600-h/eCub133.jpg"><img title="eCub13" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="193" alt="eCub13" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAqBoF1-I/AAAAAAAACjE/2XGU_g4ld6M/eCub13_thumb1.jpg?imgmax=800" width="367" border="0" /></a> </p> <p>これでようやくePubファイルが完成です。 <br />後は、入っていない画像や動画ファイルを入れましょう。</p> <h5>12. できあがったePubファイルの拡張子を「epub」から「zip」に変更する</h5> <p>ePubファイルの中身をいじるには、拡張子をzipに変える必要があります。 <br />変な質問が出るかと思いますが、気にせず変えてください。</p> <p align="center"><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TAjAq06jIvI/AAAAAAAACjI/79nqnkYxSxA/s1600-h/ePubFinal13.jpg"><img title="ePubFinal1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="173" alt="ePubFinal1" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAjAre1RVZI/AAAAAAAACjM/CfriJg2xdvI/ePubFinal1_thumb1.jpg?imgmax=800" width="376" border="0" /></a> </p> <blockquote> <p>※拡張子が表示されていない場合の表示方法: <br />ウィンドウの「ツール」→「フォルダ オプション」→「表示」タブを選択→「登録されている拡張子は表示しない」のチェックを外す</p> </blockquote> <h5>13. zipファイルの中身を開き、「OPS」フォルダの中を開く</h5> <p>変なソフトが入っていない人は、ダブルクリックでZipファイルの中身が見えます。 <br />見えない人は、「右クリック」→「プログラムから開く」→「Compressed (zipped) Filders」を選択してください。</p> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAr39ZOtI/AAAAAAAACjQ/FGOsTFOlk6Q/s1600-h/eCubFinal23.jpg"><img title="eCubFinal2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="117" alt="eCubFinal2" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAjAsXNfx0I/AAAAAAAACjU/Q_FnYxv9nLk/eCubFinal2_thumb1.jpg?imgmax=800" width="429" border="0" /></a> </p> <h5>14. OPSフォルダに、画像ファイルや動画ファイルを<font color="#0000ff">フォルダごと</font>入れる</h5> <p>この「OPS」フォルダに画像ファイルや動画ファイルをフォルダごと入れ、 <br />コンパイルする前と同じフォルダ構成になるようにします。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAs8CyfdI/AAAAAAAACjY/uED4RhQD0jk/s1600-h/eCubFinal34.jpg"><img title="eCubFinal3" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="163" alt="eCubFinal3" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAjAtdn4P0I/AAAAAAAACjc/7Y7Ijj029zY/eCubFinal3_thumb2.jpg?imgmax=800" width="325" border="0" /></a> </p> <h5>15. epubファイルの拡張子を「zip」から「epub」に戻す</h5> <p>最後に、拡張子を元に戻して完成です。 <br />iTunesに入れて、iBooksで見てみましょう。無事表示されるはずです。</p> <p>え?大きな赤いボックスが表示される?文章全てが表示されていない? <br />それはエラーが出ていますね。 <br />(ここまでちゃんと作れていれば、エラーは出ません。)</p> <p>次項でエラー修正のコツをお伝えしますので、そちらをご覧ください。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-64189180097794118592010-06-04T17:53:00.001+09:002010-06-05T08:25:36.204+09:00【美ePub作成】HTMLファイルのヘッダは基本コピペで<p>次はePub用ファイルであることを認識させるためにheadパートを記入しましょう。</p> <p>とはいっても、ここで難しいことをする必要はありません。 <br /><strong>ポイントは、「UTF-8形式で保存する」</strong> この一点に尽きます。</p> <p>今回はテキストエディタを使います。UTF-8で保存できるものを使ってください。 <br />(僕は「秀丸」というソフトを使っています。 <br />これは有料ソフトですが、置換機能などもあり非常に便利です。 <br />試用期間もありますので、良いテキストエディタが無い人は試してみてください。)</p> <a name='more'></a> <p>※ここから、テキストエディタを「秀丸」と記載します。</p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <h4>■秀丸にheadをコピーし、更にbodyをコピーする</h4> <h5>1. 秀丸を起動する</h5> <h5>2. 下記のソースコードを全て貼り付ける</h5> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="450"> <p><html xmlns="<a href="http://www.w3.org/1999/xhtml"">http://www.w3.org/1999/xhtml"</a> xml:lang="ja" lang="ja"> <br />  <head> <br />    <title>Title Sentence</title> <br />    <link type="text/css" rel="stylesheet" media="all" href="mystylecss.css" /> <br />  </head> <br />  <body> </p> <p>  /*ここに本文部分のHTMLソースを貼り付ける*/ </p> <p>  </body> <br /></html></p> </td> </tr> </tbody></table> <p></p> <p>これが日本語ePub用のheadパート(必要最小限)です。 <br />フォントとかはiBooksで反映させる方法がわかっていないので省いています。</p> <p>コピーすると、下図のようになるはずです。</p> <p align="center"><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAi_C-HtiRI/AAAAAAAACg4/KtJTSbEkcMU/s1600-h/sourceOnHidemaru14.jpg"><img title="sourceOnHidemaru1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="190" alt="sourceOnHidemaru1" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAi_DrQ91UI/AAAAAAAACg8/jY4qQJhgSwo/sourceOnHidemaru1_thumb2.jpg?imgmax=800" width="410" border="0" /></a> </p> <h5>3. Windows Live Writerを開き、「ソース」タブを押し、出てきた全てのソースコードを秀丸のbody部分にコピーする</h5> <p>Windows Live Writerの左下にある「ソース」タブを押すと、下記画面が表示されるかと思います。 <br />全てを選択し(CtrlとAを押せば一発で全て選択できます)、コピーしてください。</p> <p align="center"> <a href="http://lh3.ggpht.com/_czWHVKg2RW0/TAi_EHAatUI/AAAAAAAAChA/txE5wd8wohg/s1600-h/writerSource7.jpg"><img title="writerSource" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="363" alt="writerSource" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAi_E0ZE-vI/AAAAAAAAChE/QNlkncWz8yQ/writerSource_thumb3.jpg?imgmax=800" width="402" border="0" /></a> </p> <h5>4. 「Title Sentence」を内容に合わせたタイトルに、「mystylecss.css」を自分のCSSファイル名に変更する</h5> <h5>5. 「名前を付けて保存」を選択し、UTF-8&HTML形式で保存する</h5> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi_FexAq2I/AAAAAAAAChI/XHFp7GUDa60/s1600-h/saveUTF86.jpg"><img title="saveUTF-8" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="259" alt="saveUTF-8" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAi_F8zRdtI/AAAAAAAAChM/3ap2g4oVfE4/saveUTF8_thumb2.jpg?imgmax=800" width="380" border="0" /></a> </p> <p align="left">ここでUTF-8にしていなかったり、HTML形式にしていなかったとしても、 <br />同じファイルを開いて「名前を付けて保存」を選べば設定し直せます。</p> <h4>■画像をhtmlファイルと同じ/下位フォルダに入れる</h4> <p>Windows Live Writerでbodyパートを作ると、画像ファイルは変なフォルダにあったりしませんか? <br />HTMLファイルを作った時にePub用の正しい位置に画像ファイルを持ってきましょう。</p> <h5>6. imgフォルダに必要な画像ファイルをコピー</h5> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi_GfuIwSI/AAAAAAAAChQ/CMxMWzTCwUI/s1600-h/kakutyoushi4.jpg"><img title="kakutyoushi" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="95" alt="kakutyoushi" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAi_GpSEPNI/AAAAAAAAChU/Aavs-AoyyHs/kakutyoushi_thumb2.jpg?imgmax=800" width="261" align="right" border="0" /></a>保存する先は、「htmlファイルと同じフォルダ、または下位フォルダ」です。 <br />僕はhtmlファイルと同じ場所に<strong>「img」</strong>というフォルダをつくり、その中に保存することをオススメします。</p> <p>コピーの際、<strong><font color="#ff0000">拡張子が大文字になっていると後でエラーになることが多い</font></strong>です。 <br />見つけたタイミングで小文字にしておきましょう。(右参照)</p> <blockquote> <p align="left">※拡張子が表示されていない場合の表示方法: <br />ウィンドウの「ツール」→「フォルダ オプション」→「表示」タブを選択→「登録されている拡張子は表示しない」のチェックを外す</p> </blockquote> <h5>7. body部分の画像ファイル参照先を正しくする</h5> <p>ここもWindows Live Writerで作るときの悲しい点なのですが、 <br /><strong><font color="#ff0000">画像ファイルの参照先が変なことになっています</font></strong>。</p> <p>そのため、手で修正する必要があります。(コレが結構面倒くさい。。。) <br />具体的な変更点は・・・</p> <ol> <li>画像を示す場所(やたら長文)の場所を探す </li> <li><strong>「<a href~」で始まる部分</strong>、<strong></a></strong>、<strong>width・heightの部分</strong>を削除する </li> <li>jpgファイルの名前を正しいものにする <br />(最初はWindows Live Writerが作ったサムネイル画像のファイル名になっている) </li> </ol> <p>iPadではwidth・height指示がうまく動きませんでした。 <br />残していると変に場所をとるだけなので、今は消しておくほうが無難かと思います。 </p> <p>ちなみに、下図に例を示しておきました。</p> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi_HJmpUVI/AAAAAAAAChY/T6Z4KapAsNM/s1600-h/GraphicChange%5B4%5D.jpg"><img title="GraphicChange" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="128" alt="GraphicChange" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAi_H60dn7I/AAAAAAAAChc/tZosWhhCI_g/GraphicChange_thumb%5B1%5D.jpg?imgmax=800" width="461" border="0" /></a> </p> <p>これで、ようやくHTMLファイルが完成です。 <br />作り方がわかったら、どんどんHTMLファイルを作っていきましょう。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-72710904552515053782010-06-04T17:44:00.001+09:002010-06-05T08:24:46.316+09:00【美ePub作成】まずは本文をHTML形式で作る<p>では、いよいよePubファイルを作り始めましょう。 <br />ここでどれだけちゃんと作るかにより、後のエラー数が変わってきます。</p> <p>しっかりと作りましょう。</p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <a name='more'></a> <h4>■HTMLファイルの構成を知る</h4> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAi8roIOpLI/AAAAAAAACfo/unr8xK0RldA/s1600-h/htmlpart3.jpg"><img title="htmlpart" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="216" alt="htmlpart" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAi8r0_EvQI/AAAAAAAACfs/eGvFzrZ6rmo/htmlpart_thumb1.jpg?imgmax=800" width="160" align="right" border="0" /></a>といいつつ、最初にお勉強パートですいません。。。 <br />これから作る部分は全体のココなんだよってのを簡単にご理解ください。</p> <p>まず、ePubファイルはご存知の通り複数 のHTMLファイルで構成されています。 <br />この<strong>HTMLファイルは、headパートとbodyパート</strong>に分かれています。(右図参照)</p> <p><strong>本文として表示されるのはbodyパート</strong>であり、今回はココを作ります。 <br />しかし、iBooksで正しくePubとして認識されるための内容はheadパートに書く必要があり、次回はここを書く予定です。</p> <br style="clear: both" /> <h4>■Windows Live Writerのインストール</h4> <p>お勉強パートもようやく終わりました。サクサク進めましょう。</p> <h5>1. まずはWindows Libeインストーラを<a href="http://windowslive.jp.msn.com/" target="_blank">ここからダウンロード</a>する</h5> <p>下記のページが表示されると思うので、「今すぐ丸ごとダウンロード」を押せばインストーラをダウンロードできます。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi8shbjY1I/AAAAAAAACfw/VAGe2kRsWbk/s1600-h/liveDownload3.jpg"><img title="liveDownload" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="219" alt="liveDownload" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAi8tCR6WEI/AAAAAAAACf0/QzwYRVdpV8s/liveDownload_thumb1.jpg?imgmax=800" width="389" border="0" /></a> </p> <h5>2. Windows Live インストーラをダブルクリックしてインストールを開始する</h5> <p>インストールが始まりしばらくすると、Windows Liveに関連するソフトのどれをインストールするか聞いてきます。 <br />今回のお目当ては「Windows Live Writer」だけですが、他にも便利そうなソフトがあればインストールしてください。Messenger・メール・フォトギャラリーは便利ですが、それ以外はあんまりオススメできません。</p> <p align="center"><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAi8uCmTZNI/AAAAAAAACf4/3f_VFqsdHlM/s1600-h/WindowsLiveInstall13.jpg"><img title="WindowsLiveInstall1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="284" alt="WindowsLiveInstall1" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAi8unURvGI/AAAAAAAACf8/a3QjciEOKk4/WindowsLiveInstall1_thumb1.jpg?imgmax=800" width="343" border="0" /></a> </p> <h5>3. インストールの最後に設定を変更するか聞かれるので、全てチェックボックスをはずす</h5> <p><a href="http://lh4.ggpht.com/_czWHVKg2RW0/TAi8vIRX8II/AAAAAAAACgA/41SBXYbU2U4/s1600-h/WindowsLiveInstall23.jpg"><img title="WindowsLiveInstall2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="200" alt="WindowsLiveInstall2" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAi8vqkQTCI/AAAAAAAACgE/l2rgKGuBAo4/WindowsLiveInstall2_thumb1.jpg?imgmax=800" width="244" align="right" border="0" /></a></p> <p>インストールが終わると、右の画面が出てきます。これ、チェックしたまま「次へ」を押すと検索エンジンやインターネットのトップページをMSNのものに変えることになります。</p> <p><strong>問答無用でチェックボックスをはずして「次へ」</strong>を押してください。</p> <br style="clear: both" /> <br /> <h4>■Windows Live Writerでbodyパートを作成する</h4> <h5>4. Windows Live Writerを起動する</h5> <p><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi8wIYx2MI/AAAAAAAACgI/y9txmX4wA4w/s1600-h/windowsLiveWriter23.jpg"><img title="windowsLiveWriter2" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="71" alt="windowsLiveWriter2" src="http://lh4.ggpht.com/_czWHVKg2RW0/TAi8wqA1yhI/AAAAAAAACgM/MejcJcQNlAQ/windowsLiveWriter2_thumb1.jpg?imgmax=800" width="80" align="right" border="0" /></a>Windows Live Writerのショートカッ トがデスクトップにできていれば、それをダブルクリックしましょう。 <br />できていない場合は、「スタート」→「すべてのプログラム」→「Windows Live」の中にありますので、それをクリックしてください。</p> <h5>5. 早速文章を記入してみる</h5> <p>起動すると、下図のような画面が出てきます。無事起動しましたか? <br />さっそく触ってみましょう。 <br />基本的にはWordの画面と似ているため、多くの人が違和感無く使えるはずです。</p> <p>ちなみに、記事のタイトルは入れなくて良いですが、 <br />保存するときにココが表示されるので、自分がわかりやすい内容を入れておきましょう</p> <table cellspacing="0" cellpadding="2" width="450" border="1"><tbody> <tr> <td valign="top" width="450"> <p>ネタが無いようであれば、今日の日記を記入してください。</p> <ol> <ol> <li>タイトルに日程を入れます。 </li> <li>1行目に、日程と内容のタイトルをいれ、「段落」を「見出し1」に変更します。 </li> <li>2行目に、時間帯をいれ、「段落」を「見出し2」に変更します。 </li> <li>3行目から先に文章を入れてください。横の長さ等は気にしなくてOKです。 </li> <li>ついでに、携帯で撮影した写真などあれば、それを貼り付けてください。 </li> </ol> </ol> </td> </tr> </tbody></table> <h5 align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi8xNrBtLI/AAAAAAAACgQ/YTQcxVVCuGA/s1600-h/writerFirstBoot3.jpg"><img title="writerFirstBoot" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="306" alt="writerFirstBoot" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAi8xn93XHI/AAAAAAAACgU/mHaNOcJmM3o/writerFirstBoot_thumb1.jpg?imgmax=800" width="413" border="0" /></a> </h5> <p>僕が実際に入力したものが下記。(サンプルですが・・・。) <br />ePubを作る際のポイントとして、見出しレベルのルール決めが大事だと思っています。</p> <p align="center"><a href="http://lh6.ggpht.com/_czWHVKg2RW0/TAi8yGwRB8I/AAAAAAAACgY/o1Pp9hRgmAM/s1600-h/writerUI3.jpg"><img title="writerUI" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="359" alt="writerUI" src="http://lh5.ggpht.com/_czWHVKg2RW0/TAi8yrw6rUI/AAAAAAAACgc/qU-zZNwbxwM/writerUI_thumb1.jpg?imgmax=800" width="349" border="0" /></a> </p> <p>僕の場合を例に挙げると、以下のようなルールで書いています。</p> <ul> <ul> <li>通常の文章は「段落」、強調するときはボールドを使う </li> <li>章タイトルは「見出し1」 </li> <li>章の中の区切りは「見出し2」 </li> <li>手順を説明するときは「見出し3」 </li> <li>その他、大きく区切りたいときは「見出し4」 </li> </ul> </ul> <p>これを決めておくと、後でCSSを設定する時が簡単になるので、できるだけ意識しましょう。</p> <p>他にも、色のルール(例えば、注意点は赤字・良い点は青字、など)も決めておくと読み手が読みやすくなるかと思います。 <br />書く際に意識してみてください。</p> <h4>■画像を右端にきれいに表示する方法</h4> <p>さて、画像も入れてみましょう。 <br />その際、「左側に文章を、例を文章の右に入れたい」ということはありませんか?</p> <p>このやり方、コツを知っておく必要があるのでご紹介しておきます。</p> <h5>ex1 ) まず、画像を挿入する</h5> <p>フォルダからドラッグ&ドロップで入れられます。</p> <h5>ex2 ) 画像をクリックし、右側メニューのテキストの折り返しを「右側に画像」とする</h5> <p align="center"><a href="http://lh3.ggpht.com/_czWHVKg2RW0/TAi8zejlCWI/AAAAAAAACgg/GKBvBsEazUY/s1600-h/clearbr13.jpg"><img title="clearbr1" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="189" alt="clearbr1" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAi80LApN0I/AAAAAAAACgk/TEA7tVUIBME/clearbr1_thumb1.jpg?imgmax=800" width="444" border="0" /></a> </p> <h5>ex3 ) 画像から下にくる文章を覚える</h5> <p>今回は、画像の下に「Wordを使うのと同じ感覚で使える」が来るようにしましょう。</p> <h5>ex4 ) 画面左下の「ソース」タブを押し、画像の下にくる文章の上に下記コードを入れる</h5> <p align="left"><strong><font color="#0000ff"><br style="clear: both" /><br /></font></strong></p> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAi80nTOweI/AAAAAAAACgo/NGKlXobCxPs/s1600-h/clearbr3.jpg"><img title="clearbr" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="168" alt="clearbr" src="http://lh3.ggpht.com/_czWHVKg2RW0/TAi81r0YRdI/AAAAAAAACgs/gEbpD19p6sQ/clearbr_thumb1.jpg?imgmax=800" width="398" border="0" /></a></p> <h5>ex5 ) 「編集」タブを押し、狙い通りに表示されたか確認する。</h5> <p><a href="http://lh5.ggpht.com/_czWHVKg2RW0/TAi82a5jkBI/AAAAAAAACgw/t39awhG25l0/s1600-h/clearbr22.jpg"><img title="clearbr2" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="99" alt="clearbr2" src="http://lh6.ggpht.com/_czWHVKg2RW0/TAi820FCfzI/AAAAAAAACg0/iYIkJtyqGzk/clearbr2_thumb.jpg?imgmax=800" width="244" border="0" /></a></p> <p>そうすると、上記画像のように表示されるようになります。</p> <p>この表示、説明系の本では非常に重要なテクニックだと思っていますが、Windows Live Writerではちょっと面倒な手順でしかできません。 <br />レイアウトに苦労するePubだからこそ、活用していきましょう。</p> <p>文章を一通り入れれば本文(bodyパート)は完成です。 <br />続いて、次節でheadパートを記入し、HTMLファイルを完成させましょう。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-13215818853413063342010-06-04T14:26:00.001+09:002010-06-05T08:25:00.497+09:00【美ePub作成】ePub作成で作るのはHTML・画像・CSS<p>作る前に、まずはePubの基本を知り、作るものを明確化しましょう。</p> <p>(超参考にしたホームページ:<a href="http://naoki.sato.name/lab/archives/45">電子書籍ファイルePubについて -ePubを自分で作成する- « lab.naoki.sato.name</a>)</p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <h4>■ePubの場合、本を作るために必要なものが増える</h4> <p>まず、本というものは、以下の3要素から構成されていると思っています。</p> <ol> <li><strong>文章、本文</strong> </li> <li><strong>画像</strong> </li> <li><strong>デザイン、レイアウト</strong> </li> </ol> <p>まぁ、あくまで素人の考えなんですが・・・。</p> <p>さらに、ePubを作る場合には</p> <ul> <li><strong>ePubの構成や情報を記載したファイル <br /></strong>(.ncx、.opf、mimetype、META-INF、container.xml) </li> <li><strong>表紙画像</strong> </li> <li><strong>ePub用フォルダ構成</strong> </li> </ul> <p>を用意しないといけないです。このあたりを手書きするのはとても大変なので、ePub作成ソフト(コンパイラ)を用意するほうがいいでしょう。</p> <a name='more'></a> <h4>■難しいのはソフトにお任せ!作るのは「本文」「画像」「レイアウト(デザイン)」のみ</h4> <p>どんなものを作るにせよ、難しい部分や自動化できる部分は <br />全部ソフトウェアに任してしまうのがスマートです。</p> <p>ということで、ソフトウェアに任せられない、 <br />どうしても人間が作らなければいけないところは以下の通り。</p> <ol> <li><strong>文章、本文</strong> </li> <li><strong>画像</strong> </li> <li><strong>デザイン、レイアウト</strong> </li> </ol> <p>次は、これらを作るために必要なソフト、 <br />そしてePubを作るために必要なソフトを見ていきましょう。</p> <h4>■必要なソフトの極論はテキストエディタとePubコンパイラだけでOK!でもHTMLは簡単に入力すべき</h4> <p>iBooks用のePubファイルを使っていて、 <br />最も時間がかかったのが「HTMLソースの誤りによるソースコード修正」でした。</p> <p>通常のブラウザなら見逃してくれるエラーが、iBooksではエラーと大きく表示され <br />更にエラー部分より後が表示されません。 <br />そのため、このエラーを修正しなければいけなくなります。</p> <p>できるだけ<strong><font color="#008000">エラーを減らすために、 <br />HTMLソースはソフトウェアを使って書くほうが効率的</font></strong>です。 <br />それも、<strong><font color="#0000ff">使い慣れたWord等と同じように</font></strong>。</p> <p>ということで、以下が必要なソフトです。 <br />(クリックでWIndows用ソフトウェアダウンロード先へジャンプできます。)</p> <ol> <li><strong>文章、本文(HTML作成)</strong> <ul> <li><strong>Windows Live Writer <br />[<a href="http://windowslive.jp.msn.com/" target="_blank">http://windowslive.jp.msn.com/</a>]</strong> </li> <li><strong>秀丸などのUTF-8で保存できるテキストエディタ <br /><font color="#0000ff">HTMLソースコードをWordを使うような感覚で作れる</font></strong>のがWindows Live Writerです。本来はブログを書くためのソフトウェアですが、無料&UIが使いやすいことで採用。 <br />但し、<strong>後でHTMLファイルをePub用に修正する必要があるため、テキストエディタも用意</strong>しておきましょう。 <br />Sigilを使って編集するとCSSが落ちたりしますし、calibreを使ってWord等の文書から変換するとレイアウトが大きく崩れるのでオススメしません。HTMLベースで作るのが一番きれいにできます。 </li> </ul> </li> <li><strong>画像</strong> <ul> <li><strong>ペイント[Windows標準]</strong> </li> <li><strong>JTrim[</strong><a href="http://www.woodybells.com/jtrim.html" target="_blank"><strong>http://www.woodybells.com/jtrim.html</strong></a><strong>] <br /></strong>画像ソフトは正直なんでもいいですが、一部にモザイクをかけたり、画像の切り抜きをしたりするのにJTrimが便利です。 </li> </ul> </li> <li><strong>デザイン、レイアウト(CSS作成)</strong> <ul> <li><strong>秀丸などのUTF-8で保存できるテキストエディタ <br /></strong>CSSを編集する必要があるのですが、UIベースでできる良い無料ソフトウェアがありませんでした。。。そのため、テキストエディタをご指名。 </li> </ul> </li> <li><strong>ePubコンパイラ</strong> <ul> <li><strong>eCub[</strong><a href="http://www.juliansmart.com/ecub" target="_blank"><strong>http://www.juliansmart.com/ecub</strong></a><strong>] <br /></strong>UTF-8しか使えないのが玉にキズですが、<strong><font color="#0000ff">コンパイルが簡単</font></strong>、<strong><font color="#0000ff">表紙を作れる</font></strong>、<strong><font color="#0000ff">デザイン変えずにHTMLファイルをコンパイルしてくれる</font></strong>、などなど非常に良いソフトウェアです。 <br />デザインにこだわる人はこれを使いましょう。 </li> </ul> </li> </ol> <p>では、次項からePubファイルを作っていきましょう。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0tag:blogger.com,1999:blog-3827479615944721131.post-60432025770958500402010-06-03T22:43:00.001+09:002010-06-05T00:32:45.187+09:00ePubを作る時、HTMLファイルは細かく分割しよう(iBooks用ePub関連)<p>あるePubファイルの読み込みに一分以上かかると聞きました。</p> <p>「あれ?僕のファイル、そんなにかからないけどなぁ。ちょっと原因調べてみるか」 <br />ということで、調べてみたところ、面白いことがわかったのでまとめてみます。 </p> <p><a href="http://hilock702.blogspot.com/2010/06/ibooksipadepub.html">※ePubに関する全体の目次はコチラ</a></p> <a name='more'></a> <h4>■まずは動画をご覧あれ</h4> <p align="center"><object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/qlx_sCPMm6A&hl=ja_JP&fs=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qlx_sCPMm6A&hl=ja_JP&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></p> <p>上記動画で全てですが、簡単に文字でご紹介します。</p> <h4>■今回使ったファイルは普通の小説相当のサイズ</h4> <p>一番読み込み時間に影響するのはHTMLのデータ量と思われます。 <br />今回使った<strong>「吾輩は猫である」は1.5MByte</strong>でした。</p> <h4>■iBooksの読み込み処理を理解する</h4> <p>iBooksは、動きを見ていると</p> <ul> <li>初回の場合 <ol> <li>まずは最初のページを表示する <br />この時は、<font color="#ff0000">読み込み進捗度合いが表示されません</font> </li> <li>表示できたら、本全体のページを計算する <br />この時は、<font color="#0000ff">読み込み進捗度合いが表示されます</font> </li> </ol> </li> <li>二回目以降の場合 <ol> <li>前回表示していたページを表示する <br />この時は、<font color="#ff0000">読み込み進捗度合いが表示されません</font> </li> </ol> </li> </ul> <p>ここで、<strong>「ページを表示する」ために、 <br />ページを含んだHTMLファイルを全て読み込みます</strong>。 <br />つまり、<strong><font color="#ff0000">HTMLファイルが大きいと、ここですごく時間がかかる</font></strong>上、 <br /><strong><font color="#ff0000">読み込み進捗が表示されないため <br />読者は「バグった!?」と思ってしまいます</font></strong>。</p> <p>ちなみに、全ページ計算時間は <br />本全体の文章量に依存するため、今のところあまり差はないようです。</p> <h4>■読み込み時間を比較する</h4> <p>ちなみに、どれぐらい変わるのか、ということを確認しました。</p> <table cellspacing="0" cellpadding="2" width="478" border="1"><tbody> <tr> <td valign="top" width="134">作成方法</td> <td valign="top" width="175">初回起動時 <br />(本をクリックしてからページ計算が完了するまで)</td> <td valign="top" width="167">二回目以降 <br />(iBooksをクリックしてから読み込みが完了するまで)</td> </tr> <tr> <td valign="top" width="134">全文章を1つのHTMLに入れる</td> <td valign="top" width="175"><strong>1分55秒</strong></td> <td valign="top" width="167"><strong>1分06秒</strong></td> </tr> <tr> <td valign="top" width="134">章ごとに分ける <br />(1ファイルあたり約200kByte)</td> <td valign="top" width="175"><strong>1分01秒</strong></td> <td valign="top" width="167">0分<strong>11秒</strong></td> </tr> </tbody></table> <p>正直、<strong><font color="#0000ff">分割しないのはありえないと思います</font></strong>。</p> <p></p> <h4>■ePubを作る際、HTMLはできるだけ小さくしよう</h4> <p><strong>読み込みに時間がかかる</strong>ということは、 <br />「<strong><font color="#ff0000">読むのを再開することがすごくおっくうになる</font></strong>」ということです。</p> <p>つまり、<strong><font color="#ff0000">ユーザ利便性が大きく低下</font></strong>するということ。 <br />特に、<strong><font color="#ff0000">モバイル向けのiBooksにとっては致命的</font></strong>です。 <br />(移動中にちょっと読む、というニーズもあるため)</p> <p>できるだけ、ePubを作る際、HTMLは小さくなるように意識しましょう。 <br />例えば、<strong><font color="#0000ff">章や節ごとにHTMLファイルを作成</font></strong>する、とかね。</p> hilock702http://www.blogger.com/profile/09422328744356957750noreply@blogger.com0