■ Sigil

• 何やら、たまに保存の時に、もたつく（または保存できない） → ファイル名を変えれば保存できる（Save As…を選んで別名保存）
  
  他のとこでブラウズしてるからエラーが出るのかも（…と思ったけど、そういうわけでもなかった）

■ HTML

• 日本語表示はUTF-8形式で記述すること
  それでも上手くいかないときは↓をヘッダに埋め込むといい
  [html][/html]
  普通にUTF-8で書いてたら、すごい文字化けしたので

■ CSS

• 書体を選択できなかった（ゴシック or 明朝で後は閲覧している機種に依存する。太字などデコレーションは可能）
• CSS3は動作しなかった（全て試したわけではないけど、グラデーションやドロップシャドウ、アニメーションはアウトでした）

また、探ってて発見したら追記します

• ANDROIDユーザの電子書籍についてのつぶやき　VOL.1（基本的なこと）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.2（電子書籍の作成）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.3（電子書籍の作成で気になった点）

• Sigil （エディタ）
• Adobe Digital Editions（ブラウザ）
• Tela Pad（文字エンコード変換用）

画像とか使うときは別にツールを用意しますが、今回は無しなのでひとまずこれで作ってみます

Sigilの使い方はダウンロードしたページに書いてありますので（英語ですが）、あまり深く掘り下げないつもりです。
Vol.3以降で触れるかもしれませんけど

XHTML＋CSSで作成されるので、軽くソースコードを書ける人には問題なく使えそうです

■XHTML部分テンプレート

[html]

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

[/html]
タイトルタグはなぜか空でメタ情報を入れる項目にのみ入れてましたが、問題なくタイトル表示されました
本のタイトル（メタ情報）と章（h1タグ）のタイトルとかで区分してみたら、うまくわかれてくれましたね

■CSS部分テンプレート

[css]
body{font-family: “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “メイリオ”, Meiryo, Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif; color:#333; background:#f8f8f8; font-size:100%; padding:2em;}
h1{font-size:120%;}
h2{font-size:110%;}
a{font-weight:bold;}
a:hover{color:#ee827c;}
[/css]
CSSは要素以外で改行するとなぜか適用されない事があったので、あえて一行で書いています。

↓ それで、完成形がこれ（クリックで拡大します） ↓

次はつまづいた点・感じた点を少しまとめてみて、色々書いてみます

• ANDROIDユーザの電子書籍についてのつぶやき　VOL.1（基本的なこと）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.2（電子書籍の作成）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.3（電子書籍の作成で気になった点）

まず、あまりに認識が薄かったので、確認をしておきます。

• 電子書籍はオンライン版とダウンロード版がある
• 書籍を閲覧・購入するためのアプリは各店舗と考える
• ただの静的WEBページとは違い、書籍によってはDRMとして確立している
• 本屋さんと同じように立ち読みができる書籍とできない書籍がある

書籍販売のアプリを落とすと確実に登録が必要になってしまうので、ひとまず、登録なし＋無料で読めそうなアプリを探します
手順としては、

1. アプリをダウンロードする＋起動
2. メニューの中から『立ち読み』を選択
3. タップしながら、拡大縮小したりして読み倒す。終わったら終了
4. （気に入ったら購入）
5. ほっこり

でお願いします。

今回、紹介に使わせてもらったお店は『雑誌オンライン』です。
次は、電子書籍のフォーマット、EPUB（イーパブ）を使っての書籍作成について書きたいと思います。

• ANDROIDユーザの電子書籍についてのつぶやき　VOL.1（基本的なこと）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.2（電子書籍の作成）
• ANDROIDユーザの電子書籍についてのつぶやき　VOL.3（電子書籍の作成で気になった点）

機種

SIRIUSα IS06

OS

Android OS 2.2

初期状態から追加したアプリ

便利ツール
	ジョルテ【システム手帳】 元々、システム手帳をうまく使いこなせないタイプのσ(－－）。予想通り、性能を引き出せてません。もったいないけど、たまに役に立ってもらってます。
	QRコードスキャナ【2次元コード読み込み】 なにげに最初に入れたアプリ。従来のケータイでもそうだけど、長いドメインを入力するのは大変なので今でもガンガン使ってるツール。
	Dropbox【オンラインストレージ】 もっぱら、PCに撮影した画像を運ぶツールとして役立ってもらってる。ファイルのアップロードがひとつずつってのがめんどくさいけど。
	Simeji【日本語入力支援】 従来のケータイからスマートフォンに切り替える時に、困った文字入力をアシストしてくれるツール。日頃から頑張って暮れてるツールのひとつ。デフォルトでいれといてほしいアプリだったかな。
	Gmail Notifier【Gメール動作支援】 メールがGメールに統合されてしまったにも関わらず、受信しても無言（おいおい；；）だったので、これを入れてチェックができるようになったね。 こちらも日頃から頑張ってくれてるツールのひとつ。

エンターテイメントツール
	ウェザーサービス【天気予報】 とりあえず、傘がいるのか？洗濯物を干してて大丈夫なのか？ってときに使ってる。デフォでも天気アプリ入ってたけど、こっちのが見やすいからこっちばっか見てる。
	facebook【facebook(SNS)】 facebookを手元で見られるけど、キーボードに慣れてるから文字入力はせずに読むだけしか使ってないですね。
	QuickPic【画像表示】 カメラで撮った画像をサクサク見ることができるので、重宝してるツール。非表示にできるみたいだけど、ほとんど使ってないかな。

データ管理
	App 2 SD Free【本体とSDカード間でアプリ移動】 重いアプリなど、本体に入れておくとすぐメモリを圧迫してしまうので、SDカードに入れ替えたりして負荷を軽減させてる。
	Advanced Task Manager【常駐アプリをOFFってメモリ解放】 SIRIUSα IS06の最大の弱点が電源がすぐなくなること。常駐アプリによる無駄な電力を無くして、燃費を上げる。
	Simple Uninstaller【アンインストーラー】 専用アンインストーラーなだけあって、動作が軽い。かたっぱしから無料アプリを入れてたころにお世話になったツール。
	AndExplorer【本体とSDカードの中身を確認・操作できる】 上記『Dropbox』からダウンロードしてきたものをディレクトリで管理できるのが嬉しい。しっちゃかめっちゃかにならないように管理しなきゃ。

ゲーム
	ガイラルディア【ロールプレイングゲーム】 ド○クエ2みたいなRPG。キャラクターの戦闘時の役割を考えて戦えるから連打ゲーじゃなくていい
	ゲーム発展国++（有料版）【シミュレーションゲーム】 PC版でも遊んでて相当面白い。思わず有料版を購入してしまった。温泉旅館タイプもあるみたいなので、機会があればダウンロードしよかな。
	VirtualTENHO-G【テーブルゲーム（麻雀）】 もともと好きな麻雀が4人打ちでできて、途中でアプリを落としても続きで打てるのが嬉しい。オンラインでやりたくなるな。

結構、入れるもんだねぇ。

スマートフォンOSの種類

まず、みんながスマホと呼んでるスマートフォンの種類をいくつか載せます。
よく見るCMからiPhoneとアンドロイドの2つじゃね？って思ってると『ちがうから！』って怒られてしまいそうなので。

	Android OS 開発：Google
	iOS（旧iPhone OS） 開発：Apple
	Symbian OS 開発：PSION
	BlackBerry OS 開発：Research In Motion
	Windows Phone 7(旧Windows Mobile) 開発：Microsoft
	Garnet OS（旧Palm OS） 開発：Palm

などなど…iPhoneなどの商品名ではなく、OSに絞った理由は色々な機体に使用されてるのを拾い続けるのが辛そうだったからです。
さらにルールとして過去に遡っての記事は、Wikipedia にお任せします。

シェアとしてはAndroidが世界では1位になったようですね。
参考ページ：【GIGSZIN】
GoogleのAndroidを採用したスマートフォン、シェア争いでiPhoneを抜く
Androidスマートフォンのシェアが全世界1位に、iPhoneもSymbian OSも抜き去る

シェアが切迫するということは、安易にパワーバランスのことを見るよりも、一般ユーザにとって、提供されるサービスやコストがより良くなるというメリットがありますね。
σ(－－）の考えだと、業界2位のほうが面白いサービスを提供してくれるイメージですので、各社が”切迫しつづける”ことが加速度的にスマートフォン産業が良くなると思います。
新規のOSが参入してくるというのも、面白いかもです

当ブログはWEB屋さんの備忘録ぶろぐなので、あくまでも情報を忘れないように掲載するということを目的としています。
開発された製品の批難や、製品の上下関係を決めるようなつもりは、全くないことを追記しておきます。

パラメータの内容

詳しくはhttp://code.google.com/intl/ja/apis/chart/image/docs/gallery/bar_charts.htmlで確認してください。
とりあえず、量が多いのでよく使えそうなものだけ、掲載します。

基本パラメータは【chs（サイズ）】【chd（データ）】【cht（タイプ）】で設定します。
それ以外のパラメータには、簡単な説明を入れておきます。

機能名称	表示内容	コード
Bar Charts バーチャート		[html]	[html]	[html] 拡大表示	[html]	[html]	[html] http://code.google.com/intl/ja/apis/chart/image/ http://code.google.com/intl/ja/apis/chart/image/docs/gallery/bar_charts.html http://code.google.com/intl/ja/apis/chart/image/docs/making_charts.html ]]> http://mktfla.org/weblog/?feed=rss2&p=265 1 http://mktfla.org/weblog/?p=175 http://mktfla.org/weblog/?p=175#comments Sat, 07 May 2011 03:51:53 +0000 mkt http://mktfla.org/weblog/?p=175 GoogleのAPIはこれまで紹介してきたものにはいろいろ使えるものがありますね 今回、紹介するのはChart（チャート）というものです これだけのものをパラメータの変更でWEBに掲載できるなら使いかたによってはとても良さそうです。 ※ http://code.google.com/intl/ja/apis/chart/image/ の画像を使わせてもらいました。 ※ 画像をクリックすると大きい表示になります。 こんな感じのことができるみたいですね。 ただ機能を紹介してるだけじゃ微妙なので、早速使ってみます。 決まりごと “http://chart.apis.google.com/chart” で、画像にアクセスします。 パラメータは【chs（サイズ）】【chd（データ）】【cht（タイプ）】などで設定します。 パラメータは”＆”で繋ぐ（GETデータの扱い。POSTタイプでもいいらしいけど。） 表示はimgタグやaタグなどで使えます。 CSSもモノによっては併せて使える。 設定例 [html] [/html] えんぐらふ（拡大表示） [html] えんぐらふ（拡大表示） [/html] 内容を見てみる パラメータの設置の順番は関係ない 数値を変数で扱うことでリアルタイムに展開できるかも 最終形態が画像で、ダウンロードができるところがうれしい（別の資料と連携させるときなど） 細かなパラメータやテストプレイは次回に掲載します。 参考ページ｜Googleのチャートツール/イメージチャート http://code.google.com/intl/ja/apis/chart/image/ http://code.google.com/intl/ja/apis/chart/image/docs/making_charts.html ]]> http://mktfla.org/weblog/?feed=rss2&p=175 1 http://mktfla.org/weblog/?p=156 http://mktfla.org/weblog/?p=156#comments Wed, 04 May 2011 04:11:08 +0000 mkt http://mktfla.org/weblog/?p=156 jQueryを使ってサイト構築することが増えてきました。 そんな時に自分でサーバーにjQueryをインストールするのも良いですが、サーバー内を無駄に圧迫せずに 運用するなどのメリットが生まれるGoogle Libraries APIを利用するのも良いかもですね まぁそうはいっても全てがうまくいくわけではないので、それも含めて書いていこうかなと デメリットとして オフラインでの確認ができない これくらいしか思い浮かばないので、導入してない場合は踏み切ってもいいかもです。 導入方法 headタグの中に、 [html] [/html] 【導入するバージョン】はとりあえず、最新版（2011/5/4現在）の1.5.2を入れて良いでしょうね ですが、 ”1.5.3” にバージョンアップしてしまった場合にわざわざ入力しなおすのも面倒なので、”1.5”だけ入れるのも手です。 ※ 1.5と入れることで1.5.ｘに自動的に対応してくれます。 ※ ぶっちゃけ動作が安定していればそのままでも問題ないと思います。 導入したら、gzipで自動圧縮されていて軽くなっていたのもメリットでしたね。 ]]> http://mktfla.org/weblog/?feed=rss2&p=156 0 http://mktfla.org/weblog/?p=109 http://mktfla.org/weblog/?p=109#comments Thu, 28 Apr 2011 10:15:09 +0000 mkt http://mktfla.org/weblog/?p=109 WORDPRESSでFACEBOOKのコメント表示を読み込むプラグインを見つけました。 といってもインストールして有効化しただけで、各記事の最後に表示されてしまったので、ダウンロードさせていただいたサイトURLを掲載します。 簡単すぎるｗｗ python練習帳様 ありがとうございました。 ]]> http://mktfla.org/weblog/?feed=rss2&p=109 0 http://mktfla.org/weblog/?p=101 http://mktfla.org/weblog/?p=101#comments Thu, 28 Apr 2011 07:47:53 +0000 mkt http://mktfla.org/weblog/?p=101 Webサイトを作るときにフォントの設定をすると思います。 ブラウザやOSによって行間や字間の表示が違うことを意識したり、 Webブラウザでは明朝体は綺麗に見えないため、ゴシック体を使うルールにしたり、 まったく気にしなかったり、いろいろですがGoogle Web APIでフォントを扱えるとのことなので、紹介＋備忘録として書いときます。 まず、Google font directory betaのページを開きます。（別窓で開きます。） すると、英語でフォントの種類やら、大きさやらを設定する画面が表示されます。 以下のリストはフォントの種類です。（計28種類　2010｜9｜7現在） Cantarell Cardo Crimson Text Droid Sans Droid Sans Mono Droid Serif IM Fell DW Pica IM Fell DW Pica SC IM Fell Double Pica IM Fell Double Pica SC IM Fell English IM Fell English SC IM Fell French Canon IM Fell French Canon SC IM Fell Great Primer IM Fell Great Primer SC Inconsolata Josefin Sans Std Light Lobster Molengo Neuton Nobile OFL Sorts Mill Goudy TT Old Standard TT Reenie Beanie Tangerine Vollkorn Yanone Kaffeesatz どうやら、欧文書体のみのようです。 とりあえず、テストをしてみましょう。 Digital Artticles mktfla°blog なんかそれっぽいのができた（どれっぽいかは分からないけど…） 書体一つ使う毎に【GoogleにあるCSSファイルへのリンク】と【各フォントのパラメータ】が必要なので、ちょっとめんどくさい。 効果的な一文に“バシッ”と使えたら面白そうだなぁ。 ]]> http://mktfla.org/weblog/?feed=rss2&p=101 0