スマホ専用ページを今頃作り始めた

電子書籍「簡単！本格的！電子書籍の作り方: 縦書きEPUB3対応 Kindle版」をAmazonで販売後、追加や修正など書きためていくホームページを更新しているのですが、はじめてスマホ専用ページも作ってみました。

ぼくが管理するホームページは無駄に数が多く、スマホ対応ページも作らずほぼ放置状態。
そもそもスマホユーザーになったのが去年の夏で、それも使用するのは電子書籍チェックくらいという体たらく。
スマホを使う場面なんてほとんどないのですよね。(^^ゞ

それが今回電子書籍をAmazonで販売し始め、更に追加修正ページを作っていると、電子書籍をスマホで見てそこから追加修正ページに飛ぶ人もいるだろうし・・・、などと思いはじめ。
やっぱりスマホ専用ページは必要ですよね。

というわけで、作りました。
スマホ専用ページ。

ひとまずPC用のページは作っていたので、レンタルサーバーのPC用「index.html」が入っているディレクトリに「.htaccess」ファイルを設置。
参考にしたのは以下のページ。

・.htaccessファイルの書き方と設置方法 [ホームページ作成] All About

・PC版とスマートフォン版サイトを自動振り分けする方法 [ホームページ作成] All About

上記ページを参考に、とりあえずPC用トップページにアクセスがあった時、ユーザーエージェント名の中に「iPhone」、「Android」 + 「Mobile」、「Windows Phone」のいずれかが含まれていた場合、スマホ専用ディレクトリに飛ばすという設定にしました。
意外と簡単に設置終了。

・「簡単！本格的！電子書籍の作り方」追加修正公式ＨＰ

リンク先はPC用トップページになっていますが、スマホでアクセスした場合はスマホ専用トップページに飛びます。（たぶん）
iPadやタブレットはスマホより表示画面が広いので、PC用ページのまま。

スマホ専用ページはどこから手を付けたらよいかもよくわかっていないので、ひとまずjQueryというヤツのテンプレートを紹介している下記ページを参考にしました。

・30分でスマホサイト作成 | 勝手にスマホサイトまとめ

なのですが、何故かjQueryっぽい部分は外して普通のホームページ的表示に変えました。
たぶん、自分で理解している範囲で作りたかったんだと思います。

ところで、手許にあるHTML/CSSの参考書が古いままであり、今どきのHTML5/CSS3について何も知らないことに今さらながら気づき。
急遽HTML5/CSS3の参考を注文し、昨日到着。
さて、これからぼちぼちと勉強していきましょう。

ひとまず追加修正ページを、自前でjQueryなんかも取り入れながら作成し、メインＨＰの「町の按摩さん.com」内のすべてのページにスマホ専用ページを設置するのが目標。

電子書籍って意外と簡単に作れるよ

これまで販売前提で作った電子書籍が５冊。
はじめはフリーWebサービス「でんでんコンバーター」のみで作っていましたが、画像などを工夫するだけでもけっこう立派な電子書籍が作れてしまいます。

後半２冊は「でんでんコンバーター」で作成したEPUBを解凍して中身を展開、必要なファイルを修正することでかなり柔軟なカスタイマズもできました。
カスタマイズといっても、やることはHP作りに必要なHTMLとCSSのザックリとした知識があれば誰でもできることだったりします。
ファイルを修正したら、EPUB再パッキングのためのフリーソフト（Windowsだったら「ePubPack」）でEPUBに圧縮。
う～ん、なんて簡単なんでしょ、電子書籍作り。

というわけで、５冊目は電子書籍の作り方を書いた「簡単！本格的！電子書籍の作り方 -縦書きEPUB3対応- 」。
Amazonで売ってます。

・簡単！本格的！電子書籍の作り方: 縦書きEPUB3対応
334円

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
この本は、フリー（無料）のWebサービスを利用し縦書きＥＰＵＢ３電子書籍を作る方法を書いたものです。
筆者の環境がWindows＆Androidであるため、一部ペイントソフトやEPUBビューアについての記述はWindows限定になりますが、EPUB作成や表紙絵用画像編集に関してはフリーのWebサービスを利用しますので、Macなどでも活用可能だと思います。
特に画像編集Webサービス「Pixlr」は市販の「Photoshop」に匹敵する機能を持つと噂されていたりしますが（かなり言い過ぎだと思うけど(^^;）、多機能で有り難い存在です。
レイヤーを保ったまま「Pixlr」で開くことのできるPXD形式のサンプル画像や、電子書籍作成サービス「でんでんコンバーター」用サンプルファイルなどをダウンロードできるよう用意してありますので、まったくはじめての人でも気軽に試すことができると思います。

「第一章 お試し電子書籍」でＥＰＵＢ作成「でんでんコンバーター」の使い方を説明し、「第二章 でんでんマークダウン」では電子書籍の体裁の整え方や様々な文字修飾の仕方を説明をしてありますので、表紙絵が必要ない人は最初のこの二章を読むだけで簡単に電子書籍を作ることができます。
表紙絵がほしい人は「第三章 表紙絵を作ろう！」でサンプル画像を使いながら表紙絵を作成してみてください。
また、電子書籍や文字をもっとカスタマイズしたい人は「第四章 ＥＰＵＢの中身を修正する」を参考にしてください。

　（本書「はじめに」より）

[目次]
はじめに
利用する電子書籍製作Webサービス
縦書きEPUB3対応ビューア
第一章 お試し電子書籍
　１．サンプル・テキストファイル
　２．でんでんコンバーターを使う
第二章 でんでんマークダウン
　１．見出し
　２．段落、文字修飾、コードブロック
　３．引用、箇条書き、水平線
　４．ルビ、縦中横、リンク、画像
第三章 表紙絵を作ろう！
　１．表紙画像の体裁
　２．フォントと素材の準備
　３．「ペイント」で表紙絵作り
　４．写真素材で表紙絵作り（Pixlr）
　５．Pixlrでサンプル画像を編集してみよう！
　６．縦書き文字を挿入する（バナー工房）
第四章 EPUBの中身を修正する
　１．説明サンプル
　２．見かけ上のページ構成
　３．EPUBの解凍とファイル構成
　４．目次ファイル
　５．本文ファイルと見出しのリンク位置名
　６．目次から扉絵に飛ぶように修正する
　７．書籍内リンク
　８．その他の修正
　９．EPUBへの再圧縮
あとがき＆ Amazonでの書籍販売
　短歌＆仮想通貨モナコインマガジン「もな歌」
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝