<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>電子書籍やクロスメディアノート</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/" />
    <link rel="self" type="application/atom+xml" href="http://webmemo.adg7.com/atom.xml" />
    <id>tag:webmemo.adg7.com,2009-05-26://3</id>
    <updated>2011-03-01T13:21:22Z</updated>
    <subtitle>電子書籍の表現力の実験。JAGAT認定クロスメディアノートの受験対策など
php、JavaScript、Flash、css、MovableTypeなどweb系の情報をメモします。
コメントスパムが多いためしばらくコメントをストップします。コメントはこちらからどうぞ。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.22-ja</generator>

<entry>
    <title>ファイル名変換_o(win)</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2011/03/-owin.html" />
    <id>tag:webmemo.adg7.com,2011://3.668</id>

    <published>2011-03-01T13:22:22Z</published>
    <updated>2011-03-01T13:21:22Z</updated>

    <summary>ファイル名変換_o.vbsにフォルダをドロップすると menu_o_01.gif...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="Webツール" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>ファイル名変換_o.vbsにフォルダをドロップすると</p>

<p>menu_o_01.gif<br />
menu_o_02.gif<br />
などを<br />
menu_01_o.gif<br />
menu_02_o.gif<br />
のようにファイル名を変更します。</p>


<p><img src="http://webmemo.adg7.com/down/web/01.gif" /></p>


<p><img src="http://webmemo.adg7.com/down/web/02.gif" /></p>


<p><img src="http://webmemo.adg7.com/down/web/03.gif" /></p>


<p>Webのロールオーバー用の画像をIllustratorでよく作るのですが<br />
ファイル名の変更がめんどうだったので作成しました。</p>

<p>ファイル名変換_o.vbsの１行目の<br />
myDelimiter = "_o"<br />
を変更すれば好きな区切り文字にカスタマイズできます。</p>

<p>vbsなのでWindows専用です。</p>


<p>ダウンロードはこちら<br />
<a href="http://webmemo.adg7.com/down/web/filerename_o_win.zip">filerename_o_win.zip</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>ファイル名変換_o(mac)</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2011/03/-omac.html" />
    <id>tag:webmemo.adg7.com,2011://3.669</id>

    <published>2011-03-01T13:22:22Z</published>
    <updated>2011-03-01T13:22:24Z</updated>

    <summary>ファイル名検索置換_o.appにフォルダをドロップすると menu_o_01.g...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="Webツール" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>ファイル名検索置換_o.appにフォルダをドロップすると</p>

<p>menu_o_01.gif<br />
menu_o_02.gif<br />
などを<br />
menu_01_o.gif<br />
menu_02_o.gif<br />
のようにファイル名を変更します。</p>


<p><img src="http://webmemo.adg7.com/down/web/01m.gif" /></p>


<p><img src="http://webmemo.adg7.com/down/web/02m.gif" /></p>


<p><img src="http://webmemo.adg7.com/down/web/03m.gif" /></p>


<p>Webのロールオーバー用の画像をIllustratorでよく作るのですが<br />
ファイル名の変更がめんどうだったので作成しました。</p>

<p>ダブルクリックで実行するとフォルダを聞いてきますのでフォルダを指定して下さい。</p>



<p>ファイル名検索置換_o.appのをスクリプトエディタで開き</p>

<p>set mydelimiter to "_o"</p>

<p>を変更すれば好きな区切り文字にカスタマイズできます。</p>



<p>AppleScriptなのでMac専用です。</p>


<p>ダウンロードはこちら<br />
<a href="http://webmemo.adg7.com/down/web/filerename_o_mac.zip">filerename_o_mac.zip</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>往来同書店へ行ってきました。</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2011/02/post-137.html" />
    <id>tag:webmemo.adg7.com,2011://3.645</id>

    <published>2011-02-10T09:46:42Z</published>
    <updated>2011-02-10T09:47:57Z</updated>

    <summary> 先日のPAGE2011で東京出張させてもらったのですが、電子書籍の衝撃と言う本...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="全体的な事" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="往来同書店" src="http://webmemo.adg7.com/images/IMG_0174.JPG" width="400" height="298" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span></p>

<p>先日のPAGE2011で東京出張させてもらったのですが、電子書籍の衝撃と言う本に掲載されていた往来同書店へ行ってみました。本屋さん業界ではかなり有名なお店だそうです。</p>

<p>http://www.ohraido.com/</p>

<p>場所は西日暮里から千代田線に乗り換えて千駄木駅。そこから徒歩5分。閑静な住宅地といったところに、ありました。<br />
店舗の大きさは町の小さな本屋さんと行った感じ。そんな20坪の小さな本屋さんなのですが普通の本屋さんの常識を覆すスゴイ本屋さんなのです。<br />
なにがすごいかというと棚作り。ぱっと見た感じはわかりませんが、入って本を選んでみると素人の私でもこの本屋さんの棚は違うことがわかります。<br />
その日は電子書籍関連の本が置いてある棚が目につきました。そこでeBookジャーナルとかあるなと見ていたら、横にはFaceBookのムック本。FaceBookもいちおうアカウントは作ったものの使いこなせていないので購入。その棚の下を見るとApple vs Googleとかスティーブ・ジョブス関連の本。iPhone、iPadと読んでみたい本が次から次へと目に飛び込んできます。<br />
文庫本ベスト10のコーナーではアマゾンの潜入ルポなんかがあって、これはおもしろそうと購入したのですが、なぜか近くには子育て系で、いまの僕にぴったりの子供の育て方みたいな本が目に飛び込んできます。（それも購入）</p>

<p>往来同書店は普通の本屋さんと違って読みたい本ばっかり目に飛び込んでくるのです。<br />
普通の本屋さんはPOSが選んだ売れる本を本屋のサイズや立地に応じて自動的に配本されたのを並べただけ。どこの本屋さんでも大きいか小さいかだけでそう変わりません。<br />
往来同書店の棚作りは、文庫本とかハードカバーとか出版社とかのカテゴリーは無くて、すべて興味カテゴリーです。だからお酒本コーナーにはマンガの美味しんぼが並んでいます。</p>

<p>この往来同書店さんの棚作りは生半可な本の知識ではできないらしく。マネするのは難しいそうです。店員さんもまめにずっと棚をさわっています。そして週間の往来堂新聞もありました。<br />
このすばらしい本屋さん、見習いところがいっぱいあります。<br />
現在のメーカー主導でユーザー不在の電子書籍ブーム。そういうただ電子書籍を作ればいいというものではないという事。本とは何か、本を買うという事はどういう事か？僕はどういう本を望んでいるのか？いろいろ考えさせられた本屋さんでした。</p>]]>
        
    </content>
</entry>

<entry>
    <title>twitterのタイムライン等をHPに表示</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2011/02/twitterhp.html" />
    <id>tag:webmemo.adg7.com,2011://3.644</id>

    <published>2011-02-08T00:38:35Z</published>
    <updated>2011-02-08T00:40:43Z</updated>

    <summary>下記が公式ウィジェット作成サイト。 プロフィール 検索ウィジェット お気に入りウ...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="twitter" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>下記が公式ウィジェット作成サイト。</p>

<p>プロフィール<br />
検索ウィジェット<br />
お気に入りウィジェット<br />
リスト</p>

<p>を表示することができます。とっても簡単。</p>

<p><a href="http://twitter.com/about/resources/widgets">http://twitter.com/about/resources/widgets</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>Adobe Digital Publishing フォーラム2011</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2011/02/adobe-digital-publishing-2011.html" />
    <id>tag:webmemo.adg7.com,2011://3.640</id>

    <published>2011-02-02T03:10:05Z</published>
    <updated>2011-02-02T03:11:00Z</updated>

    <summary>2011/02/01 Adobe Digital Publishing フォーラ...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="全体的な事" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>2011/02/01<br />
Adobe Digital Publishing フォーラム2011<br />
がイマイチ盛り上がらなかった事について<br />
<a href="http://adobe-digipub.jp/index.html">http://adobe-digipub.jp/index.html</a></p>

<p><span class="caps">UST</span>で参加しました。</p>

<p>「電子書籍の新フォーマット、日本語対応EPUB3.0の詳細解説国際大学フェロー村田 真氏」でEPUB3.0の今後のスケジュールなどがわかったのは良かったが、縦組みの見本では文字間が四分空いてて、圏点もブサイク。仕様が決まっても実装するにはまだまだ大変そうな、ちょっとイマイチな感じだった。<br />
制定に関しての献身的なご活動には本当に頭が下がる思い。これは素晴らしく感じた。</p>

<p>Adobe Digital Publishing Suiteの内容については月額699ドルの料金がどの部分にかかるのか詳しく聞きたかったがそういう解説はなく、実践的な作り方を知りたい人には休憩中のちょっとしたデモしかなかった。「ワクワクする電子書籍　株式会社G2010 代表取締役社長　船山 浩平氏」が作成された村上龍氏の『歌うクジラ』の電子書籍は素晴らしかったが、制作秘話的な話で、なんというかもっと突っ込んだ話が聞きたかった。料金の配分や制作人件費が7人月ぐらいという情報は考えさせられる。<br />
<a href="http://www.itmedia.co.jp/news/articles/1011/04/news100.html">http://www.itmedia.co.jp/news/articles/1011/04/news100.html</a></p>

<p>結局あんまり盛り上がった感じがしなかったのだが、おそらく電子書籍をインデザインで作ろうとするのはそもそも間違ってるんじゃないかとも思う。インタラクティブならFlashのほうが優れているし、EPUBならDWいやむしろSigilやテキストエディタか。今後専用ソフトが出るだろうと思う。<br />
Adobe Digital Publishing SuiteはInDesign使いが電子書籍を作ろうとすると敷居も低いが、結局インタラクティブ電子書籍が一昔前のCD-ROMでのマルチメディアと言われていたDirecterで作成されたものに近くなるのなら、やはりDirecterやFlashのほうが向いているんだろうと思うし、FLASH iPhoneコンバーターなんかが登場するのではないかと思う。（FLASHをiPhoneにはどうやっても無理なんだろうか？）<br />
またAdobe Digital Publishing Suiteで作られた電子書籍を配信しようとすればAdobeに$699らしい。日本での価格は不明だが有料でしかもけっこう高額になったことでAdobeが電子書籍プラットフォームの決定版にはならなくなってきた。今後Googleあたりからなんか出てくるんだろうと思う。</p>

<p>ついでに言うとAppleのiPhoneやiPad縛りはやめておいたほうが良い。売れたコンテンツの30%をAppleに支払うのは馬鹿げているし、突然の仕様変更もあるのでリスクも高い。アンドロイドが急成長している状態でこの状態が長く続くとも思えない。</p>]]>
        
    </content>
</entry>

<entry>
    <title>電子書籍の衝撃を読みました</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/12/post-136.html" />
    <id>tag:webmemo.adg7.com,2010://3.618</id>

    <published>2010-12-08T03:37:59Z</published>
    <updated>2010-12-08T03:41:26Z</updated>

    <summary> 電子書籍の衝撃　佐々木 俊尚さんの書かれた本です。 電子書籍関連は技術的な側面...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="全体的な事" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="61Y7RMNFKWL._AA300_.jpg" src="http://webmemo.adg7.com/images/61Y7RMNFKWL._AA300_.jpg" width="300" height="300" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span></p>

<p>電子書籍の衝撃　佐々木 俊尚さんの書かれた本です。<br />
電子書籍関連は技術的な側面やメーカーの取り組みはだいたい押さえていたのですが、この本では出版社や取り次ぎにまで書かれています。<br />
数年前の電子書籍黎明期には電子書籍が日本の出版文化をダメにするとか若者の活字離れ問題など、いろいろ言われてきました。事実出版社や取り次ぎさんの非協力によりSONYの電子書籍リーダーなどが事業失敗しています。<br />
それに対してまっこうから反論。そもそも守るべき出版文化など今の金儲け主義の出版会に存在するのか？とか若者はむしろ活字に触れる機会が多くなっているとか。特に日本の取り次ぎさんの歴史的背景の説明はとても興味深かったです。<br />
佐々木 俊尚さんが言われる通り現在の出版・本屋さんはどこに行っても売れる本をPOSデータで均等に割った同じ品揃えです。これでは差がつきませんし売れそうな本を自転車操業的に作っていかざるを得ないのもうなずけます。<br />
しかし自転車操業だといずれは破綻するは明らかで、現在はまさに破綻に向かっている最中なのでしょう。こうなると以前は協力しなかった電子書籍にもAppleやAmazonの黒船から守るために日本の電子書籍にすがりつく状況もわかります。<br />
しかし現状はだれがみてもユーザ不在。出版社が自分だけを守るために動いている感じは否めません。そこにメーカーさんやWEB屋さんが金を儲けるためだけに協力している。そんな感じがします。ユーザはだれもそんな事望んでいません。ただ良い本が読みたいだけです。<br />
さて、われわれはあわてる事無く大手は勝手に遊んでてもらっている間に自分たちの進むべき道を探さないと行けません。幸い弊社がお仕事をいただいている出版者さんは大きくはないですが、コツコツと良い本を作るために努力されています。できれば一緒に新しく楽しい電子書籍を作ることができればと思います。<br />
私の中では電子書籍はタブレットPCでも専用リーダでもなくスマートフォンです。そして販売はプラットフォームに頼っても30%取られるだけなので、自社HPでしっかり宣伝して自社販売。<br />
ですのでHTML5を使った電子書籍ならではの特性を生かしたものを作ってみたいと夢を広げています。</p>]]>
        
    </content>
</entry>

<entry>
    <title>ブログパーツ（自動車の維持費を計算）</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/12/post-135.html" />
    <id>tag:webmemo.adg7.com,2010://3.617</id>

    <published>2010-11-30T15:22:35Z</published>
    <updated>2010-11-30T15:24:51Z</updated>

    <summary>ほかのサイト（自動車の維持費を計算）でブログパーツを作りました。 で、ここで実験...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="blogparts" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>ほかのサイト（自動車の維持費を計算）でブログパーツを作りました。<br />
で、ここで実験です。</p>

<!--ここから--><br />
<script type="text/javascript" src="http://car-life.adg7.com/common/js/keisan_class.js"></script><br />
<link href="http://car-life.adg7.com/common/css/blogparts.css" rel="stylesheet" type="text/css" /><br />
<div id="car_running_main">
<a href="http://car-life.adg7.com/" title="自動車・中古車のランニングコスト" target="_blank"><img src="http://car-life.adg7.com/common/img/title.gif" /></a>
<form id="form1" name="form1" method="post" action="">
<input type="hidden" name="msgfield" value="情報を入力してからクリックしてください。">
<table border=0 cellspacing=1 cellpadding=3 width=500 class="baseTable">
<tr><th scope="row">車種</th><td>
<select name="syasyu" onchange="keisan_lite(1);">
<option value="7200">軽自動車とか</option>
<option value="34500">フィットやマーチやデミオとか</option>
<option value="34500">カローラとかサニーとか</option>
<option value="39500">ステップワゴンとか</option>
<option value="51000"><span class="caps">VOXY</span>とかでっかいの</option>
<option value="0" selected>車種を選択してください。</option>
</select></td></tr>
<tr><th scope="row">購入費用</th><td>
<select name="hiyou" onchange="keisan_lite(1);">
<option value="0">計算に入れない</option>
<option value="200000" selected>新車</option>
<option value="500000">新しい目の中古</option>
<option value="1000000">中古</option>
<option value="1500000">ボロの中古</option>
</select>
</td></tr>
<tr><th scope="row">年間走行距離</th><td>
<select name="km" onchange="keisan_lite(1);">
<option value="0">飾っておくだけ</option>
<option value="3000" selected>買い物</option>
<option value="6000">週末はドライブ</option>
<option value="12000">通勤に使う</option>
</select></td></tr>
<tr><th scope="row">任意保険料金／月</th><td>
<select name="hoken" onchange="keisan_lite(1);">
<option value="6000">初心者</option>
<option value="5000">5年くらいのキャリア</option>
<option value="4000">そこそこ安全運転</option>
<option value="3000">ベテラン</option>
</select>
</td></tr>
<tr><th scope="row">駐車場代／月</th><td>
<select name="chusha" onchange="keisan_lite(1);">
<option value="0">駐車場はあるからいらない</option>
<option value="10000" selected>駐車場を借りる</option>
</select>
</td></tr>
<tr><th scope="row">買い替え予定　※年間の料金に影響します</th><td>
<select name="kaikae" onchange="keisan_lite(1);">
<option value="1">1年</option>
<option value="2">2年</option>
<option value="3">3年</option>
<option value="4">4年</option>
<option value="5">5年</option>
<option value="6">6年</option>
<option value="7">7年</option>
<option value="8" selected>8年</option>
<option value="9">9年</option>
<option value="10">10年</option>
<option value="11">11年</option>
<option value="12">12年</option>
<option value="13">13年</option>
<option value="14">14年</option>
<option value="15">15年</option>
<option value="16">16年</option>
</select>
</td></tr>
<tr><th scope="row">維持費/年</th><td id="izi12"></td></tr>
<tr><th scope="row">税/年　※自賠責は税金として計算</th><td id="izi_zei12"></td></tr>
<tr><th scope="row">購入費用/年（購入費/買替年）</th><td id="hiyou_nen"></td></tr>
<tr><th scope="row" id="z_zei_name">重量税/年</th><td id="z_zei"></td></tr>
<tr><th scope="row">自賠責/年※概算です</th><td id="zibaiseki"></td></tr>
<tr><th scope="row" id="c_zei_name">自動車税/年</th><td id="c_zei"></td></tr>
<tr><th scope="row" id="gas_mei">ガソリン代/年</th><td id="gas"></td></tr>
<tr><th scope="row" id="gas_zei_mei">ガソリン税/年</th><td id="gas_zei"></td></tr>
<tr><th scope="row">ガソリン代とガソリン税にかかる消費税/年</th><td id="gas_s_zei_all"></td></tr>
<tr><th scope="row">車検費用/年</th><td id="syaken_v"></td></tr>
<tr><td colspan="2" align="center">あなたの評価<br /><div id="kekka"></div>
<a href="http://car-life.adg7.com/" target="_blank">自動車・中古車のランニングコスト詳細はコチラ</a></td></tr>
</table></form></div>
<!--ここまで-->]]>
        
    </content>
</entry>

<entry>
    <title>3D電子書籍</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/10/3d.html" />
    <id>tag:webmemo.adg7.com,2010://3.613</id>

    <published>2010-10-21T15:38:15Z</published>
    <updated>2010-10-21T15:44:24Z</updated>

    <summary>11インチMacBookAirがあまりにも欲しいので、その気持ちを電子書籍にして...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="その他実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>11インチMacBookAirがあまりにも欲しいので、その気持ちを電子書籍にしてみました。<br />
ただの電子書籍ではつまらないので3Dにしています。下記からダウンロードしてiPadかiPhoneに転送し赤青メガネをかけてお楽しみください。</p>

<p><a href="http://webmemo.adg7.com/3d/3dmacbookair.pdf">3dmacbookair.pdf</a></p>











<p>面倒な人は画像をどうぞ。</p>





<p><img src="http://webmemo.adg7.com/3d/3dmacbookair01.jpg" /></p>





<p><img src="http://webmemo.adg7.com/3d/3dmacbookair02.jpg" /></p>





<p><img src="http://webmemo.adg7.com/3d/3dmacbookair03.jpg" /></p>






<p>一応、3D電子書籍というのもありかなという提案です（笑）</p>]]>
        
    </content>
</entry>

<entry>
    <title>HTML5でiBooksを再現した動画</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/07/html5ibooks.html" />
    <id>tag:webmemo.adg7.com,2010://3.607</id>

    <published>2010-07-26T03:52:56Z</published>
    <updated>2010-07-26T03:56:16Z</updated>

    <summary>HTML5のオフライン機能を使ってiBooksを再現した動画です。 電子書籍勉強...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="その他実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p><span class="caps">HTML5</span>のオフライン機能を使ってiBooksを再現した動画です。</p>

<p>電子書籍勉強会で発表した動画です。<br />
<a href="http://webmemo.adg7.com/2010/07/ipodhtml5.html">くわしい記事はコチラ</a></p>


<p>一度iPadでホームページを表示してブックマークをホーム画面に追加。<br />
アプリケーションのようにiPadに登録されるので<br />
オフラインにしてiBooksのように本を閲覧することが出来ます。<br />
AppStoreを通す必要はありません。</p>


<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Hi9y-8SBvPA&amp;hl=ja&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Hi9y-8SBvPA&amp;hl=ja&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>]]>
        
    </content>
</entry>

<entry>
    <title>電子書籍勉強会でお話させていただきます。</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/07/post-134.html" />
    <id>tag:webmemo.adg7.com,2010://3.605</id>

    <published>2010-07-17T12:34:22Z</published>
    <updated>2010-07-17T12:49:12Z</updated>

    <summary> 7/24日　大阪DTPの勉強部屋の電子書籍勉強会でお話させていただきます。 e...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="全体的な事" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p><a href="http://www.osakadtp.com/?p=309" target="_blank"><img src="http://webmemo.adg7.com/epub/OSAKA0724.gif" /></a></p>

<p>7/24日　<a href="http://www.osakadtp.com/" target="_blank">大阪DTPの勉強部屋</a>の<a href="http://www.osakadtp.com/?p=309" target="_blank">電子書籍勉強会</a>でお話させていただきます。</p>

<p>ePubを少々いじって実験とかしていたのでパネラーとして招待されたのですが、だんだんDRMに興味が出てきてPDFに認証をかけるDEMOをさせていただきます。（そのかわりePubは勉強不足だ）</p><p><br /></p>



==============================<div>&nbsp;セキュリティ&nbsp;</div><div>PDFに認証をかけて違法コピー出来ないようにする仕組みが
いくつかのベンダーさんから提供されていますが、
もう少し簡単なものを試験的に作ってみました。&nbsp;</div><div>==============================</div><div><br />&nbsp;



<p>内容としては<br />
<a href="http://webmemo.adg7.com/2010/07/pdfdrm.html" target="_blank"><span class="caps">PDF</span>に簡易DRMをしてみる</a></p>

<p><a href="http://webmemo.adg7.com/2010/07/ipodhtml5.html" target="_blank">iPad用に本棚をHTML5で作る</a></p>


<p>あたりの話をしたいと思います。自分の中ではiBookStoreやAppStoreをはじめ、その他同様のサービスを使って販売するより、自前でなんとか出来ないかを考えています。興味のある方は、ぜひご参加ください。特に出版系の方はいろいろご意見を聞かせていただけるとありがたいです。</p></div>]]>
        
    </content>
</entry>

<entry>
    <title>iPad用に本棚をHTML5で作る</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/07/ipodhtml5.html" />
    <id>tag:webmemo.adg7.com,2010://3.604</id>

    <published>2010-07-17T04:39:52Z</published>
    <updated>2010-07-21T03:45:04Z</updated>

    <summary>Acrobat PDF用のDRMですが、iPadではオンラインでしか読む事ができ...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="その他実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>Acrobat <span class="caps"><span class="caps">PDF</span></span>用のDRMですが、iPadではオンラインでしか読む事ができません。それがくやしかったのでオフラインで読める本棚をHTML5で作ってみました。</p>

<p><span class="caps"><span class="caps">HTML5</span></span>にはオフラインで読める機能があるのでそれを利用。PDFはキャッシュしてくれなかったのでJPEG画像を表示することにしました。</p>

<p>下記に接続してブックマークを追加するときに「ホーム画面に追加」を選ぶとiPadのホーム画面にアイコンが追加されます。追加された本棚はオフラインでも本を読む事ができます。</p>

<p><a href="http://webmemo.adg7.com/drmtest/sta/" target="_blank">参照サイトはコチラiPadで入って下さい。</a></p>

<p><img src="http://webmemo.adg7.com/drmtest/sta/img001.jpg" /></p>


<p>本棚が表示されたらブックマークに追加「ホーム画面に追加」を選びます。</p><p><br /></p><p><br /></p>


<p><img src="http://webmemo.adg7.com/drmtest/sta/img002.jpg" /></p>


<p>ホーム画面に追加すると、こんな感じ。iBooksのマネしてみました（笑）</p><p><br /></p><p><br /></p>


<p><img src="http://webmemo.adg7.com/drmtest/sta/img003.jpg" /></p>


<p>これを表示するとオフラインでも本を読む事が出来ます。いちおうページめくりと上の方をタップすると本棚に戻る事が出来ます。</p><p><br /></p><p><br /></p>


<p>今回のテストでは静的なページですが、購入した本によってひとりひとり違うページももちろん作る事ができます。JavaScriptとHTML5で実現できさほど難しいことはしていません。雛型があればだれでも作れる技術です。高い料金や中間マージンを払って本をうるほどでは無い場合なんかに良いのでは無いでしょうか。</p>

<p>と非常におもしろく夢が広がる話なのですが、やはり欠点があります。<br />
<span class="caps"><span class="caps">DRM</span></span>はiPad限定できるしうまく作れると思います。<br /><br />
本がJPEG画像なので読み込むのに時間がかかります。まぁこれは「ビューン」でもそうなので問題無いかもしれません。<br /><br />
次にやはりJPEG画像なのでページをめくるアクションはJavaScriptで自作する必要があります。このアクションを入れると今度はマルチタップでの拡大といったiPadらしい機能も自作する必要があります。せっかくの機能なのに使えずに再度自作するのはちょっと不毛です。<br /><br />
またオフラインにキャッシュさせる書き方がかなりデリケートで現在のテストでは奇跡的にうまくいった感じです。</p>

<p>このあたりをうまく作れればとっても面白いと思います。でもそろそろ別の方法も考えたくなって来たのでひとまずこれで公開します。</p>

<p>はまったところなど。<br />
オフラインでも読めるようにキャッシュさせるにはcache.manifestというファイルを作ります。ここにはキャッシュさせたいファイルを列記します。#はコメント行です。<br /><br />
cache.manifestを認識させるために.htaccessには下記のように書いておきます。</p>

<p>AddType text/cache-manifest .manifest</p>


<p><span class="caps"><span class="caps">CACHE MANIFEST</span></span><br />
# Version: 2.6<br /><br />
<span class="caps"><span class="caps">CACHE</span></span>:<br /><br />
# Desktop Icon<br /><br />
img/myCustomIcon.png<br /><br />
# <span class="caps"><span class="caps">HTML</span></span><br /><br />
# <span class="caps"><span class="caps">CSS</span></span><br /><br />
common/css/main.css<br /><br />
# JavaScript<br /><br />
common/js/view.js<br /><br />
# Images<br /><br />
book/dtp0001_001.jpg<br /><br />
book/dtp0001_002.jpg<br /><br />
book/dtp0001_003.jpg<br /><br />
book/dtp0001_004.jpg<br /><br />
book/dtp0002_001.jpg<br /><br />
book/dtp0002_002.jpg<br /><br />
book/dtp0002_003.jpg<br /><br />
book/dtp0002_004.jpg<br /><br />
book/dtp0002_005.jpg<br /><br />
book/dtp0002_006.jpg<br /><br />
book/dtp0002_007.jpg<br /><br />
book/dtp0002_008.jpg<br /><br />
book/dtp0002_009.jpg<br /><br />
book/dtp0002_010.jpg<br /><br />
bookpreview/0001.jpg<br /><br />
bookpreview/0002.jpg<br /><br />
img/back.jpg</p>


<p>あと本体のパスの書き方ですがパスの最初に「./」を書くとダメです。<br />
cache.manifestもhtmlもです。なんかつい書いてしまって苦労しました。</p><p></p><p>&lt;img src="./book/img001.jpg"&gt;これはダメ</p><p>&lt;img src="book/img001.jpg"&gt;これはOK</p><p></p>


<p><a href="http://webmemo.adg7.com/drmtest/sta/sta.zip">ソースはコチラ</a><br />
「htaccess」は「.htaccess」に変更してください。</p>]]>
        
    </content>
</entry>

<entry>
    <title>PDFに簡易DRMをしてみる</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/07/pdfdrm.html" />
    <id>tag:webmemo.adg7.com,2010://3.603</id>

    <published>2010-07-16T11:44:39Z</published>
    <updated>2010-07-20T06:39:49Z</updated>

    <summary>こちらで試す事が出来ます。あくまで簡易的なんでがっかりしないで下さいね。 簡易D...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="その他実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>こちらで試す事が出来ます。あくまで簡易的なんでがっかりしないで下さいね。<br />
<a href="http://webmemo.adg7.com//drmtest/book/" target="_blank">簡易DRMのテスト</a></p>

<p>電子書籍が注目され、iPad関連の話を出版者さんに聞くと、iBookStoreやAppStore、Amazonなどに30%も持っていかれると出版が成り立たないといった話を聞きます。例えば通常だと2000円の本が電子出版では1000円程度でしか売れなくて300円を中間マージンとして持っていかれて、残り700円で編集費、著作料金、制作費、広告費をまかなうというのが大変なようです。またiBookStoreやAppStoreで販売しても多数の本に埋もれてしまい、なかなか売れない事も予想されます。でePubなどを自社サーバからダウンロードできるようにすれば問題は解決しそうですが、コピーされてしまう問題が残ります。このコピー問題を解決する仕組みがいくつかのベンダーさんから出されています。どれも非常に優秀で強固なコピープロテクトをかける事が出来るのですが、高額であったり、1本売れるたびに料金が発生したりと小規模な出版社さんにはちょっと合わないようです。</p>

<p>そこでもう少し簡易な物を実験的に作成しました。AcrobatのJavaScriptを使いPDFに認証をかけます。JavaScriptがOFFのAdobeReaderやAdobeReader以外のリーダーでは読む事が出来ません。認証を解除するには初回起動時にネットワークに繋がっている必要がありますが、一旦認証を解除するといつでも閲覧する事が出来ます。認証を解除したPDFを他のPCにコピーすると、再び認証がかかってしまいます。認証を解除するには元のPCでPDFを認証解除し他のPCで再度認証する必要があります。</p>

<p>オンラインでしか読めないPDFなんかはあるのですが、オフラインにこだわってみました。<br />
http://www.openspc2.org/reibun/Acrobat7/javascript/doc/010/index.html</p>

<p>欠点としては<br />
Acrobatのセキュリティがキツすぎて動かない可能性がある。<br />
暗号化してデータを送って、サーバで解読し、また暗号化して送り返しているので暗号を解析されると破る事ができる。<br />
（暗号化が破られる事より、解除されて読める状態のPDFをばらまかれるのが怖い。）</p>

<p>といったところでしょうか。</p>

<p>詳しいソースはDRMという事もあって書けないのですが、暗号化部分をいろいろ工夫していけば効果あると思います。</p>

<p>しくみは下記のようになっています。<br />
<img src="http://webmemo.adg7.com/epub/drm.gif" /></p>


<p><span class="caps">PDF</span>の作成方法ですが<br />
フォームオブジェクトに色を塗ってPDFを隠すという方法が多かったのですが、この場合iPadではフォームオブジェクトが無視されて丸見えという事が判明したので、レイヤー付きPDFにします。上のレイヤーが白で本文を隠します。この状態がデフォルトのPDFなのでJavaScriptが動かないリーダーでは読めません。認証に成功すれば隠しているレイヤーを非表示にするだけです。</p>

<p>変更されたりできないようにセキュリティをかけますが、パスワードによるセキュリティをかけるとJavaScriptがグローバル変数にアクセスできなくなってしまいます。電子著名を使うとうまくいくようです。</p>

<p>iPadで読めないのはくやしいので、オンラインで素のPDFを出す事にしました。iPadとiPhoneは簡単に判別できるので、iPadとiPhoneの場合のみPDFを表示します。PDFの直アドレスはわからないようにしていますが、完璧にするならbasic認証かなんかすればいいかと思います。</p>

<p>もし興味ある方はご連絡の上、<a href="http://www.yubun.co.jp/" target="_blank">うち</a>に印刷まわしてください（笑）<br />
<a href="http://www.adg7.com/takenote_b/contact/contact.php">お問い合わせ</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>東京国際ブックフェア</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/07/post-133.html" />
    <id>tag:webmemo.adg7.com,2010://3.602</id>

    <published>2010-07-12T10:23:30Z</published>
    <updated>2010-07-12T10:23:46Z</updated>

    <summary>東京国際ブックフェアのデジタルパブリッシングフェア見てきました。なかなかおもしろ...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="全体的な事" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<p>東京国際ブックフェアのデジタルパブリッシングフェア見てきました。なかなかおもしろかったのですが、InDesignのプラグインとか、XML=&gt;ePubとかその手の技術的な情報が少なかったのが残念。</p>

<p>大日本をはじめ、どこかしこも判で押したようにWEB上で電子書籍販売のお店を開いているのに驚き。そしてどこでも売り上げの30%。どこもがAppleのiBookstoreにもっていかれる前に自社で本を出してね。って、そんな感じです。</p>

<p>そんな中GoogleがGoogleブックスを発表。<br />
今は本が検索にひっかかるという状態ですが、そのうち販売もするそうです。<br />
なによりもPDFか本を送れば勝手に電子化してくれるので出版社さんは楽です。</p>

<p>くわしくは「印刷どーなる？」で<br />
http://www.gorilog.net/print/archives/120#more-120</p>

<p>いずれにせよ、かなり混とんとしています。出版社さんにとってはどれを選べばいいんだよ。いいかげんにしてくれよって感じでしょうか？</p>

<p>そういう意味で出版社さんが自前でサイト立ち上げて販売できる提案がひとつも無かったのはさびしく思いました。DRMを自前で何とか出来ればできるんですけどね。<br />
iPhoneやiPodなどのスマートフォンだけが（オンライン）見れるMy本棚みたいなのは比較的簡単にできます。あとPCではアイドックのASPサービス「Keyring」なんかは良いのではないでしょうか？（ちょっと高いけど）</p>]]>
        
    </content>
</entry>

<entry>
    <title>ルビをふってみる</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/06/post-132.html" />
    <id>tag:webmemo.adg7.com,2010://3.600</id>

    <published>2010-06-29T04:42:06Z</published>
    <updated>2010-06-30T03:05:39Z</updated>

    <summary>下記が参考サイトhttp://www.marguerite.jp/Nihongo...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="ePub実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<div>下記が参考サイト</div><div><a href="http://www.marguerite.jp/Nihongo/WWW/CSSTips/Ruby.html">http://www.marguerite.jp/Nihongo/WWW/CSSTips/Ruby.html</a></div><div><br /></div><div>タイトルはグループルビに下の本文はモノルビにしてみた。</div><div><br /></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://webmemo.adg7.com/assets_c/2010/06/10062901-54.html" onclick="window.open('http://webmemo.adg7.com/assets_c/2010/06/10062901-54.html','popup','width=512,height=528,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://webmemo.adg7.com/assets_c/2010/06/10062901-thumb-300x309-54.jpg" width="300" height="309" alt="" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></div><div><br /></div><div>Sigilではけっこう奇麗に表示できたがiPadでは文字の天地の位置がルビの半分下にずれてイマイチCSSのvertical-align: text-bottom;も効いていないようだ。またiPadでは、ルビの左右に不自然なアキができてしまう。</div><div><br /></div><div>ソースは下記。</div><div>&lt;rp&gt;(&lt;/rp&gt;はルビが表示されないブラウザでカッコ表示できるようにしている。</div><div><br /></div><div>&lt;ruby&gt;&lt;rb&gt;作業&lt;/rb&gt; &lt;rp&gt;(&lt;/rp&gt; &lt;rt&gt;さぎょう&lt;/rt&gt; &lt;rp&gt;)&lt;/rp&gt;&lt;/ruby&gt;</div><div><br /></div><div>下記はCSSでそのまま流用。</div><div>ruby {</div><div>&nbsp;&nbsp; &nbsp;display: inline-table;</div><div>&nbsp;&nbsp; &nbsp;margin: 0;</div><div>&nbsp;&nbsp; &nbsp;padding: 0;</div><div>&nbsp;&nbsp; &nbsp;border: none;</div><div>&nbsp;&nbsp; &nbsp;white-space: nowrap;</div><div>&nbsp;&nbsp; &nbsp;text-indent: 0;</div><div>&nbsp;&nbsp; &nbsp;vertical-align: text-bottom;</div><div>}</div><div><br /></div><div>rb {</div><div>&nbsp;&nbsp; &nbsp;display: table-row;</div><div>&nbsp;&nbsp; &nbsp;margin: 0;</div><div>&nbsp;&nbsp; &nbsp;padding: 0;</div><div>&nbsp;&nbsp; &nbsp;border: none;</div><div>&nbsp;&nbsp; &nbsp;line-height: 100%;</div><div>&nbsp;&nbsp; &nbsp;text-align: center;</div><div>}</div><div><br /></div><div>rt, a:link rt, a:visited rt {</div><div>&nbsp;&nbsp; &nbsp;display: table-header-group;</div><div>&nbsp;&nbsp; &nbsp;margin: 0;</div><div>&nbsp;&nbsp; &nbsp;padding: 0;</div><div>&nbsp;&nbsp; &nbsp;border: none;</div><div>&nbsp;&nbsp; &nbsp;font: inherit;</div><div>&nbsp;&nbsp; &nbsp;font-size: 50%;</div><div>&nbsp;&nbsp; &nbsp;line-height: 100%;</div><div>&nbsp;&nbsp; &nbsp;text-decoration: none;</div><div>&nbsp;&nbsp; &nbsp;text-align: center;</div><div>}</div><div><br /></div><div>rp {</div><div>&nbsp;&nbsp; &nbsp;display: none;</div><div>}</div><div><br /></div><div><br /></div><div><div>正規表現で</div><div>検索文字：</div><div>([一-龠]+)</div><div>置換文字：</div><div>&lt;ruby&gt;&lt;rb&gt;\1&lt;/rb&gt; &lt;rp&gt;(&lt;/rp&gt; &lt;rt&gt;●&lt;/rt&gt; &lt;rp&gt;)&lt;/rp&gt;&lt;/ruby&gt;</div><div><br /></div><div>で●の部分をコツコツ入力していく。</div></div><div><br /></div><div><br /></div>

<p><a href="http://webmemo.adg7.com/down/epubtestruby.zip">epubtestruby.zip</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>ePubを編集してみる</title>
    <link rel="alternate" type="text/html" href="http://webmemo.adg7.com/2010/06/epub.html" />
    <id>tag:webmemo.adg7.com,2010://3.599</id>

    <published>2010-06-28T03:57:50Z</published>
    <updated>2010-06-28T14:33:36Z</updated>

    <summary>ePubは基本的にWebと同じノウハウでいけるのでそれに従ってCSSを編集。ベー...</summary>
    <author>
        <name>たけうちとおる</name>
        
    </author>
    
        <category term="ePub実験" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://webmemo.adg7.com/">
        <![CDATA[<div>ePubは基本的にWebと同じノウハウでいけるのでそれに従ってCSSを編集。</div><div>ベースに画像を置いたりいろいろできるが、CSSを検索すればいくらでもノウハウが出てくる。</div><div>今回は基本的な部分を編集してみた。</div><div><br /></div><div>まずはInDesignからの書き出し。サンプル用のデータが小さい文字で2段組だった事もありそのまま書き出すと画像が小さすぎたので2倍程度のサイズに修正して、さらにすべてインラインになおし、2段組のままだとやりにくいので1段組に変更して書き出した。</div><div>結局ドキュメントはePub用に作り直した事になる。</div><div><br /></div><div>できあがったデータはレイアウトなどはなくなるのだが、変にレイアウト再現されてめんどくさいことになるよりもソースが奇麗な方がやりやすい。</div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://webmemo.adg7.com/assets_c/2010/06/10062802-48.html" onclick="window.open('http://webmemo.adg7.com/assets_c/2010/06/10062802-48.html','popup','width=601,height=842,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://webmemo.adg7.com/assets_c/2010/06/10062802-thumb-300x420-48.jpg" width="300" height="420" alt="10062802.jpg" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></div><div><br /></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://webmemo.adg7.com/assets_c/2010/06/10062803-51.html" onclick="window.open('http://webmemo.adg7.com/assets_c/2010/06/10062803-51.html','popup','width=601,height=842,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://webmemo.adg7.com/assets_c/2010/06/10062803-thumb-300x420-51.jpg" width="300" height="420" alt="10062803.jpg" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></div><div><br /></div><div><br /></div><div>タイトル部分のCSS</div><div>名前部分にWEBのように明朝を指定してみたがiPadでは再現できず。</div><div><br /></div><div>#titlepage {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>background-color: #eeeeee;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>width:100%;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>padding-top:50px;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>padding-bottom:50px;</div><div>}</div><div>p.title {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-family: "小塚ゴシック Pro";</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-weight: bold;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-style: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-size: 1.5em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>line-height: 5em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-decoration: none;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-variant: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-indent: 0em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-align: center;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>color: #000000;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>margin: 0em;</div><div>}</div><div>p.name {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-weight: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-style: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-size: 1em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>line-height: 2.50em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-decoration: none;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-variant: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-indent: 0em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-align: center;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>color: #000000;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>margin: 0em;</div><div>}</div><div><br /></div><div><br /></div><div>タイトル部分は下記のようにdivでかこむ</div><div>&nbsp;&nbsp; &nbsp;&lt;div id="titlepage"&gt;</div><div>&nbsp;&nbsp; &nbsp; &nbsp;&lt;p xmlns:xml="http://www.w3.org/XML/1998/namespace" class="title" xml:lang="ja"&gt;DTP作業を楽にするスクリプト入門&lt;/p&gt;</div><div>&nbsp;&nbsp; &nbsp; &nbsp;&lt;p xmlns:xml="http://www.w3.org/XML/1998/namespace" class="name" xml:lang="ja"&gt;2010/06/02DTP Booster13レジュメ：たけうちとおる&lt;/p&gt;</div><div>&nbsp;&nbsp; &nbsp;&lt;/div&gt;</div><div><br /></div><div><br /></div><div>見出しは下記のようにベースを入れてみた。</div><div>h2.sub1-naka {</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-family: "小塚ゴシック Pro";</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>background-color: #99ffff;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-weight: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-style: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-size: 130%;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>line-height: 1.75em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-decoration: none;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>font-variant: normal;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-indent: 1em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>text-align: justify;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>color: #000000;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>margin-top: 0.4em;</div><div><span class="Apple-tab-span" style="white-space:pre">	</span>height:1.5em;</div><div>}</div><div><br /></div><div><br /></div>


<p><a href="http://webmemo.adg7.com/down/epubtest100628.zip">epubtest100628.zip</a></p>]]>
        
    </content>
</entry>

</feed>

