HTML5電書アプリ ラインナップ

これまでにプログラム部分を担当した電書iOSアプリです。

コンテンツの内容詳細はAppStoreの方でみていただくとして、ここでは技術的紹介をちょっとします。

ここで紹介しているアプリは、基本的に内容はhtml5で制作されています。アプリはブラウザコンポーネントを基本とし、javascriptによる機能とネイティブ側の機能を連携して付加しています。

東京今昔散歩

原島広至:著 山崎潤一郎:プロデュース 中経出版:発売 2011/11

文庫本として出版されている本のアプリ化。古写真が撮影された場所で、カメラを使って写真を撮影し、古写真と合成したものをTwitterに投稿できる機能が付いている。

ページ構成は、1項目を縦にスクロールする1ページ(1枚のhtml)とし、横方向にフリックすることで次の項目に進むようになっている。

メニューバー、目次、マップといった機能はネイティブ側で実装。

konjyaku_s5 konjyaku_s1 konjyaku_s2 konjyaku_s3 konjyaku_s4 konjyaku_s6

AppStoreBadge
for iPhone

聖地巡礼

須田郡司 :作 STUDIO M.O.G.:発売 2011/10

iPad写真集アプリ。組版とページの遷移やスライドは、Hypeというツールを使ってhtml5ファイルとして制作している。

seichi_s1 seichi_s2 seichi_s4 seichi_s3

AppStoreBadge
for iPad

深呼吸和歌集

深呼吸歌人:作 Onbook:発売 2011/6

アプリ内課金を利用したストア型の電書。コンテンツは、htmlをzipで固めたものをダウンロードする。iPhone/iPadハイブリッド。

shinwaka_s1 shinwaka_s2 shinwaka_s4 shinwaka_s3

AppStoreBadge
for iPhone/iPad

名草戸畔 古代紀国の女王伝説

なかひらまい:作 STUDIO M.O.G.:発売 2011/1

縦書きhtml電書。この時点ではまだ縦書きCSSが不十分だったので、javascriptで縦書き組版を実現している。

ページネーションはせず、1章ごとに左に向かってスクロールしながら読む読書体験を提案。

nagusa_s1 nagusa_s2 nagusa_s3 nagusa_s4

AppStoreBadge
for iPad

KOTOBA Vol.1 英語版深呼吸和歌集

橘川幸夫:作 Onbook:発売 2010/11

写真と短いテキストの組み合わせで表現する「深呼吸する言葉」英語版。日本語と英語の対訳つき。

各ページはテンプレートにテキストを流しこんでhtmlを生成する方法で制作。

kotoba_s1 kotoba_s2 kotoba_s3 kotoba_s4

AppStoreBadge
for iPad

桜庭和志語録集 MMA Star Kazushi Sakuraba's sayings

桜庭和志:作 STUDIO M.O.G.:発売 2010/9

1ページづつめくって見る写真+言葉のコンテンツ。iPhone/iPadハイブリッドで、それぞれのサイズの写真を組み込んである。

sakuraba_s1 sakuraba_s2 sakuraba_s3 sakuraba_s4

AppStoreBadge
for iPhone/iPad

魔子ちゃんと七色に光る石

なかひらまい:作 STUDIO M.O.G.:発売 2010/8

延々横にスクロールして読む、巻き物型絵本。

画像データをつなげて、スクロールする1枚の巻き物の様に見せている。iPhone/iPadハイブリッド。テキストの日/英切り替え機能付き。

mako_s1 mako_s2 mako_s3 mako_s4

AppStoreBadge
for iPhone/iPad

深呼吸する言葉の森

橘川幸夫:作 Onbook:発売 2010/8

写真+言葉のコンテンツシリーズ第一作。1000以上の短文からなる作品。

写真と言葉の組み合わせはランダムに出現し、既読のものはインデックスで判るようになっている。 iPhone/iPadハイブリッド。

shinkokyu_s1 shinkokyu_s2 shinkokyu_s3 shinkokyu_s6 shinkokyu_s5

AppStoreBadge
for iPhone/iPad

←電書ラボに戻る