ウェビンブログ » tool http://blog.webbingstudio.com 札幌のWebデザイナー・カスタマイズアドバイザー WebbingStudioのよしなし語り Fri, 30 Jul 2010 00:11:50 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 iPhone・iPadで読みたい本を「sigil」で作ってしまえ http://blog.webbingstudio.com/2010/07/iphone_ipad_sigil.html http://blog.webbingstudio.com/2010/07/iphone_ipad_sigil.html#comments Fri, 09 Jul 2010 11:32:55 +0000 WebbingStudio http://blog.webbingstudio.com/?p=1430

iPhone／iPad用のアプリケーション「iBooks」がリリースされました。

iBooksはストアから本を購入するだけでなく、自分で用意したEPUB形式の電子書籍を読むこともできます。最近では、既存の文書を自分で電子化することを「自炊」というらしいです。

EPUB形式の電子書籍を作れるフリーウェア「sigil」を使って実際に作ってみたので、手順やポイントなどまとめてみます。


「sigil」は、ブログやDreamweaverと同じ感覚で電子書籍を作成できるソフトで、HTMLなどのデジタル文書からの変換に適しています。Win／Mac／Linuxをカバーしています。

sigil – Project Hosting on Google Code

今回のサンプルは私の好きな短編「山月記」にしました。

実は青空文庫にはEPUB変換ブックマークレットが既にあるのですが、今回は敢えて自炊してみます。

最初のテスト原稿が@smokeymonkeyさんの「妻は俺の嫁」だったことは内緒です。

いちばん簡単な作り方

「sigil」をインストールして起動すると、すぐに編集画面になります。

通常はプレビュー画面モードになっていますが、Web制作のスキルがある人には分割モードか、コード画面モードの方が取っ付きやすいと思います。
モードは画面の上の方にある、本と<>が重なったボタンで切り替えできます。

ひとまず、HTMLを<body>タグ内にコピペしてみました。

書籍名／著者は、メニューバーの「Tools」から「Meta Editer」を選択すると設定できます。
書籍名を入れておかないと、iTunesやiBooksで見たときに何の本だかわかりません。忘れず設定しましょう。

左上の大きなボタンの左から三番目をクリックすると、すぐEPUB形式の文書が書き出されます。
このファイルを音楽ファイルなどと同じ感覚でiTunesライブラリに読み込み（自動でブックとして扱われます）、iPhone／iPadと同期すれば、iBooksのリストに作った書籍が登場して、読めるようになります。

使えないHTMLタグに注意

…と言いたいところですが、私の場合、最初は失敗しました。

何故かルビ部分で改行されとる |||orz

どうも、<ruby>タグが入っているとiBooksでは不具合が出るようです。
余分なタグやインラインスタイルが入っているものをそのまま使うと、読み込み速度が遅くなるという話もあるので、一旦テキストエディタに貼り付けてスタイルをリセットした方が無難だと思います。

章ごとに分割してみる

「山月記」は章立てでないので文章を貼り付けただけでもいいのですが、途中で強制的にページを分割することもできます。

左のツリーの「text」フォルダを右クリック→「Add New Item」を選択でXHTML文書がひとつ増えます。文書と文書の間は、ビューワー内で強制的にページ送りとなります。
右上の大きなボタンの中に「自動でセクションを分ける」ボタンもありますが、意図しないところで分かれてしまうことが多いので手動でやった方がいいと思います。

また、文中に<h2>以下の見出し要素があると、要素の内容がiBooksの目次に反映されます。
見出しは、ソースコード画面で直接マークアップするか、テキストをドラッグ→左上のプルダウンリストから任意の見出しを選択で指定できます。

画像を貼る

文書内に画像を貼ることも自由にできます。
私は外字の部分に使用してみました。
高解像度の画像を貼るとiPadでもきれいに見られますが、書籍の総ファイルサイズに影響するので、コミックなどの場合はサイズダウンなどの工夫が必要そうです。

CSSを指定する

EPUB形式の電子書籍の実態は、XHTML文書です…
ということは、CSSの定義も可能です。

左のツリーの「Styles」フォルダを右クリック→「Add New Item」でCSSが新規追加されます。

これだと自動的にHTMLにリンクしてくれないようなので、私はコード画面を開いて、いつものWeb制作と同じ感覚でhead要素内に<link>を追加しました。

iBooksの場合、既存の枠にインラインフレーム風にHTMLが埋め込まれる形になります。
そのため、文字色と背景色は全く意味がありませんが、本文の基本文字サイズ・行間・見出しの体裁を調整したり、1ページ目だけ体裁を変えたりといった「sigil」の内部機能だけではできない細かな調整ができます。
コーディングのスキルがある人にはおすすめです。

そんなこんなで、自分で本まで作れる時代になってしまいました。
まだ表紙を作る方法がわからないので、その辺りも時間があるときに試してみようと思います。

「iBooks」がリリースされたものの、今のところストアでは日本語の本をほとんどリリースしていません。
ですが、既存の本のリリースを待つよりは、自分がいつでも読めるようにしたいテキストを自炊したり、自作の小説やテキストを電子化してセルフリリースするのが電子書籍の醍醐味であり、本当の楽しみ方なのではと思います。
2chの長編読み物やコラムサイト、CMSのオンラインマニュアルなど自炊したいところです。

ただし、著作物を扱うときは慎重に。
iTunesのときと同じように、あくまで個人の範囲内で楽しみましょう。

著作権がなくなってない作品を不特定多数に配布とか、もってのほかですよ！
っていうか私が納品したサイトのコーディング丸パクして別のサイト作ったやつ出てこい（微笑）


TwitterTwitterで記事を紹介して下さい（-人-）]]> http://blog.webbingstudio.com/2010/07/iphone_ipad_sigil.html/feed 0 毎日の支出をPC・携帯で記録するPHPスクリプト http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html#comments Wed, 11 Feb 2009 19:38:15 +0000 WebbingStudio http://blog.webbingstudio.com/?p=241 kakeibo

何日か前に
「Googleドキュメントを使って、簡単に毎日の支出記録を付ける」といった記事を見ました。

携帯対応のフォーム作成機能を使って、支出記録を都度csv保存しようというものです。
（ブクマしてなかったので見失った…）

来年から青色申告にしたい関係で、簡単に支出を記録する方法を考えていた私。でもWebサービス経由は心配です。
「これ、PHPで作ればいいんじゃね？」
と思い、空いている時間をちょっとずつ使って作りました。

結果は良好。
シンプルなスクリプトですが、ズボラさんや、飲み会が多くていくら使ったか忘れちゃう人にはもってこいです。
追記以下で配ってみますので、利用、改良お気軽にどうぞ。

ダウンロード：プチ帳簿ver1.0

仕様

  1. フォームに必要事項を入れると、csv形式でひたすら記録します。ダウンロードはFTPなどで。
  2. 日付ソートとかはしません（笑）Excelで開けてやってください
  3. パスワード判定、入力内容のチェックもしているので割と安心して使えます。金額は全角でもOK。
  4. iPhone / iPod Touchも最適な倍率で表示。一般の携帯端末でもたぶん正常に動作します
    （と言うより私がiPhoneで使うために作った）

設置方法

  1. 解凍して出てきた「kakeibo」フォルダ内の「index.php」をテキストエディタで開きます。
  2. 先頭の方にあるパスワードを任意に変更して保存してください。
  3. フォルダごとサーバーにアップし、「data/data.csv」を書き込み可能にします。
    さくらのサーバーの人はPHPのパーミッション設定も忘れずに。
  4. セキュリティが心配な方は、.htaccessを追加したり、「kakeibo」フォルダを深い階層に置いてください
  5. index.phpをPCと携帯にブックマークすれば完了。

主婦とか個人事業者に関わらず、支出を記録するというのはけっこう大事なことです。
たまってきたら、Excelで分類・日付ソートして統計を取ると、無駄遣いがすぐわかります。

とりあえず、お昼のお弁当代など付けてみてはいかがでしょうか。


TwitterTwitterで記事を紹介して下さい（-人-）]]> http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html/feed 0 iTunesの音符マークを殲滅せよ http://blog.webbingstudio.com/2009/01/entry-109.html http://blog.webbingstudio.com/2009/01/entry-109.html#comments Sun, 18 Jan 2009 21:20:17 +0000 WebbingStudio http://webbing.xsrv.jp/blog/?p=121 itunes

今、私のiTunesには82枚のアルバムが入ってます。
でも、アートワークがなくて音符マークだらけ…
iTunes Storeにユーザー登録するとアートワークが取得できるというのですが、Windows Media Playerを使っていたときに入れた曲ばかりだからなのか、ほとんど効果なし。

いい方法はないのかな、と検索してみたら…ありました。

iTunesのアートワーク自動登録用の、「決定版！」と言える国産新ツール「Voralent Invidi」が登場した。正しいジャケット画像を、非常に高い精度で見つけ出す仕組みが採用されているのだ。付加機能も充実しているぞ。

iTunesアートワーク登録の新定番「Voralent Invidi」 :教えて君.net

iTunesと同期して、再生している曲からGoogleイメージ検索で「アートワークと思われるもの」を引っ張ってきてくれるツールです。
インストーラなしバージョンもあるので、早速試してみました。

起動したらいきなりアートワークがざっくざく。

voralent_invidi

∑（ﾟДﾟ；　精度高杉ーーー！

ユーザー間の「投票システム」が導入されていて、画質・サイズともに優れている画像がピックアップされるので、画像を選ぶのも簡単です。
たまに固まってしまいますが…それはご愛敬www

artwork_before

トドワラのごとくさびしい風景だった私のiTunesは、

artwork_after

一時間後にはすっかり賑やかになりました　＼(＾o＾)／

アートワークが加わると、何度も聴いたアルバムも新鮮に感じるから不思議。

検索は、アルバム名＋アーティスト名をキーに行われているのですが、Windows Media Playerでインポートした曲情報には一般ユーザーの投稿データもあるため、名称が正確でないことがあります（英語の全角半角・2枚組CDの表記など）。
なかなかヒットしないときは、amazonなどで正式な名称を調べて、変更すると見つかることもありますよ。

私が好きなジャケットはこれ。

mikazukilock

スピッツ　三日月ロック

スピッツのCDジャケットは毎回コンセプトが違うので、並べると楽しいです。

補足：
このツールを使用するには、Microsoft(R).NetFrameWork 2.0のインストールがが必要です。以下のサイトからランタイムをダウンロードできます。

http://www.microsoft.com/downloads/details.aspx?familyid=0856EACB-4362-4B0D-8EDD-AAB15C5E04F5&displaylang=ja


TwitterTwitterで記事を紹介して下さい（-人-）]]> http://blog.webbingstudio.com/2009/01/entry-109.html/feed 0