お金をかけずにリフロー型電子書籍を作らなければいけない状況だったところ、Affinityが無料になると聞きつけて、これはイケるのでは？と思い立ち、リフロー型電子書籍をどうにか形にしてAmazon Kindleと楽天Koboで販売するところまでこぎつけました。思い返しながら備忘録として記します。

職場の紙の本を電子書籍化したのですが、このプライベートなブログでは職場の本を使うわけにもいかないので、青空文庫さんのホームページから夏目漱石の「こころ」をダウンロードしてきたので、そのテキストを題材としてリフロー型電子書籍の作成方法を記していこうと思います。

Affinity編とSigil編に分けて掲載します。Affinityでリフロー型EPUBを作成し、CSSが必要となる細かな調整はSigilで行います。
ほぼ身内向けの内容ですが、リーズナブルに電子書籍を作成したい方は参考にしてみてください。
どこかで習ったやり方ではなく、AIの力を借りた私個人の独自な作成方法です。間違いは教えてくださると大変助かります。

１．表紙画像を用意します

まず、ダミーで「こころ」の表紙を作ってみました。

表紙画像の大きさは、1600px×2560pxが良いとChatGPTには言われました。（教えてくれる人がいないので、先生はチャッピーです。）

しかし、ここでは基になる紙の本があることを想定して、紙の本の表紙（A5判）のおおよその比率で作った1600px×2260pxの表紙画像（JPG）を使うことにします。

２．ページを作成しテキストを流し込みます

サンプルなので、とりあえず10ページ用意してみました。

A5サイズ（148mm×210mm）の紙の本で、マージンが上下左右15mmという想定です。

夏目漱石の「こころ」のテキストを流し込んでみました。

３．文字スタイルを設定します

本文の文字スタイルを「本文（１）」と名付けました。左側のメニューの「文字」を選択し、フォントファミリ、フォントスタイル、フォントサイズなどを設定しました。

次にメニュー項目の「位置と変形」を選択し、行送りのオーバーライドを設定しました。

見出しの文字スタイルもそれぞれ設定し、管理しやすいようにしておきます。

４．目次ページを追加します

仮に10ページ作りましたが、先頭に１ページ追加して目次ページを作ります。

▼

５．見出しにアンカーを挿入します

本文のドキュメントを開き、まずは見出しにアンカーを挿入します。

Windowsの場合（以下、Windowsを前提とします）、テキストを選択後、右クリックして「アンカーを挿入」を選び設定します。

６．目次の見出しにハイパーリンクを挿入します

目次ページを開き、該当の見出しを選択し、右クリックします。

「ハイパーリンクの挿入」を選び、ハイパーリンクを設定します。

これで、EPUBとして書き出した時に、目次から該当ページへのリンクが設定されます。

７．挿絵はPNG画像で配置します

挿絵や図があることを想定して、画像の挿入方法を記しておきます。

ここでは、一続きの文章の間にインラインで画像を配置する必要があります。画像を独立して配置すると、リフロー型EPUBに書き出す場合は、挿入できずに消えてしまいます。

画像はPNGで配置します。JPGでも構わないのですが、AffinityでJPGで配置してリフロー型EPUBを書き出すとPNGに変換されてしまいます。

なので、初めからPNGで配置しておいたほうがいいでしょう。

８．段落スタイルを追加し、改ページします

このままリフロー型EPUBで書き出してしまうと、目次ページと本文ページが同じページに繋がった状態で表示されてしまいます。

そこで、本文の先頭の見出しからページが始まるように段落スタイルで改ページします。

見出しを選択し、段落スタイルの「流し込みのオプション」の「開始」の項目を「次のページ」に設定します。ここでは、スタイル名を「改ページ」にしました。任意です。

※リフロー型EPUBを書き出してから改ページしてファイルを分割すると、コードがおかしくなるところが出てきます。EPUBを書き出す前に改ページしておいたほうが良いです。

９．リフロー型EPUBをエクスポートします

初めに作った表紙画像を設定し、リフロー型EPUBを書き出します。

ルビを付けたり、行間を調整したり、配置画像の大きさの調整などは、書き出したリフロー型EPUBをSigilで開いて修正していきます。

むしろ、ここからの調整のほうが大変で重要です。Amazon（Kindle）は登録しやすいですが、楽天Koboでは、エラーで弾かれることがほとんどでした。そこをAIに聞きながらSigilで調整していきます。

10．Affinity編　まとめ

今回は、Affinityでリフロー型EPUBを書き出すまでのおおまかな流れをご紹介しました。

Sigil編は、出来上がり次第アップしようと思っています。Sigilでは主にCSSでの調整を行います。

公開までのんびりとお待ちいただければと思います。

イラストACからイラスト素材を無料でダウンロード

下記のイラスト素材をクリックするとイラストAC（外部サイト）に飛びます。
イラストACからダウンロードしたイラスト素材は、背景透過で透かし文字も入りません。

イラストACの 利用規約 に同意のもと、ダウンロードしてご活用ください。
※ダウンロードには、イラストAC への登録（無料）が必要です。

イラストレーター ベジさんのプロフィール｜無料イラスト・フリー素材なら「イラストAC」

イラストレーター ベジさんのプロフィール,イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロ…

イラストAC

某コミュでの課題制作で作りました。Illustrator のブラシツールで手描き風に仕上げました😆

普段から音楽もあまり聴かない私です。とは言え、動画を観ても音声は流れるわけで、多少周囲に聞こえてしまうのが気になる時があります。
ここは安いイヤホンでもあったほうが便利かなと思い、今回、買ってみることにしました。
この V12 というワイヤレスイヤホンを購入するに至った流れと使い勝手について書き残してみようと思います。

結果的にワイヤレスイヤホンにしましたが、安くて良い商品をと思っていたので、普通に有線イヤホンを買うつもりでいました。
とりあえず、Amazonの売れ筋ランキングを物色...

上位を見ていると、第３位にBluetoothイヤホン V12 がありました。

イヤホンの耳に当たる部分の形状が自分的にはいちばんしっくりくる形だったので、まず形が気に入りました。それと￥1,967というリーズナブルなお値段。なにやらマイクも付いているらしい。評価も高いし、１か月で１万点以上購入されている。Amazonでのベストセラーであるということも考慮して、ダメでも諦めがつきそうな値段だったので、購入することに決めました。

届いたものを見てみると、これが思ったよりもかなり小さい。写真でマウスと比較してみました。マウスよりも小さい。

この丸っこい四角い形状の入れ物は充電器で、USB Type-C で充電可能です。充電器に電気が充電された状態であれば、ケーブルを接続せずともイヤホンを中に入れれば充電されます。このケースがモバイルバッテリーになっているわけですね。便利なもんです。

そして取扱説明書ですが、しっかり日本語対応です。怪しい日本語でもないです。わかりやすくて良かったー。

実際に使ってみました。

耳にはめてみた瞬間、ワイヤレスで良かったー、と思いました。まずパソコンで使ってみたのですが、ワイヤレスなので自由に移動できます。
それとスマホの場合、イヤホンジャックがないので、Bluetoothイヤホンでなければ接続できませんでした。有線のを買わないで良かった。。

音楽もかなりクリアに聞こえました。申し分ないです。

マイクはどうなんだろ、自分の声をパソコンのサウンドレコーダーで録音してみましたが、それほど音は良くなかったような。。
自分の声だからかな？！？！というか、マイクは私は使わないと思われる。。

これで、スマホさえ持っていれば外でも動画が楽しめるわけです。周囲への音漏れも心配ありません。

最後にこの商品へのリンクを。

音楽に疎いので、イヤホンに関してもほぼ無知な状態でした。
今はこんなに便利になっていたんですね。。

こういう商品だと１万円を超えるのが普通みたいですね。それが２千円弱で買える。
ものすごくお得な商品です。これからのネットライフに重宝しそうです。

今回ご紹介するのは、私の素材サイトで頻繁に活用しているAdobe Illustratorのテクニックで、イラストの境界線に立体感のあるフチぼかしをつける方法です。

しばらく使っていないと忘れてしまうので、備忘録を兼ねて掲載させていただきます。

それでは、早速いってみましょう！

まず初めにペンツールでイラストを描きました。

こちらのイラストは、私の素材サイトでも無料配布している五人囃子の１人である太鼓担当の御仁です。

ライブペイントには慣れていないので、基本的なツールを使用しました。

次にこの Tips のキモとなる水彩風テクスチャ（JPG, PNGなどの画像）を取り込みます。

ストックサイトなどで配布するようなイラストの場合は、著作権が自分にあるほうが良いので自分で作りましょう。私は CLIP STUDIO PAINT の水彩ブラシを使いました。

レイヤーに配置して描き上げたイラストの上に配置します。

描き上げたイラストのレイヤーを複製して、いちばん上に持ってきます。

複製したレイヤーのイラストを選択し、パスをアウトライン化してからパスファインダーの合流をクリックします。

カラーパレットでグレースケールを選択し、50%にします。（50％は任意です。）

グループを解除（ここは重要）してから、光彩（内側）を選択して、描画モードを乗算、不透明度を50%（任意）、ぼかしを10px（任意）にします。

再びグループ化して、透明パレットの通常をソフトライト（任意）に変更します。

下のレイヤーにある水彩テクスチャを選択し、こちらも透明パレットの通常をソフトライト（任意）に変更します。

水彩テクスチャを選択した状態で、Windowsの場合は Ctrl+7、Ctrl+Alt+7（Macの場合は command+7、command+option+7 ）をクリックし、できた空ボックスを白で塗り、いちばん下のレイヤーに移動します。背景の黒い水彩テクスチャが見えなくなりました。背景が白のままで良い場合は、ここで完成です。背景をなくしたい（透明にしたい）場合は、次に進みます。

レイヤーにあるイラストやテクスチャなどのオブジェクトを全て選択して、上の画像のように透明部分を分割・統合します。

透明部分が分割・統合されました。背景の白いオブジェクトのみ選択し、削除します。

背景が透明になりました。PNGなどで書き出して活用しましょう。お疲れさまでした。

Pixel5aがブラックアウトして、Googleから代替品のPixel6aが届いて、１年半くらい経ったでしょうか。何の保障サービスにも入っていないので、スマホがもう１台欲しいと思い立ち、お世話になっているY!mobileのサイトを物色。ちょうど、Pixel8aが在庫処分の叩き売り状態でした。

と言っても、さすがに天下のGoogleの端末ですから５万円近くはしました。

しかし、４年間での支払い設定で、２年間だけ機種代を支払って、一定期間内にY!mobileで機種変更すれば、それ以降の支払いがチャラになるというプログラム付きらしいです。これはいいなと思ったのですが、２年間で半額ぐらい払って、新しいスマホを買う時に下取りに出さなければいけないのが、なんか、ちょっと微妙な感じ…😅

私はPixel8aを次に買うスマホの代替機にしたいとも思っているので、今のところ買取でもいいと思ってます。４年間、きっちり支払うかもです。

Pixel 5aがブラックアウトして、Pixel 6aになって返ってきた話

いつも通りの休日、愛用しているPixel 5aに目をやり、画面を覗き込むと急にうんともすんとも言わなくなりました。文鎮化しているではありませんかっ!! けっこう気に入って…

BEZY BOX BLOG

Pixel8aは近くのY!mobileのショップで買おうと思ったのですが、近場の２店舗に電話してみたところ、もう店には入ってこないようなことを言われたので、仕方なくオンラインショップで購入しました。

届いたPixel8aがコチラです。

スマホケースはGoogleのサイトで買うと高いので、Amazonで購入しました。

スタンド付きの便利なやつです。何もないところで立てて使うことも多いので重宝してます。磁石にもくっ付くので、マグネット式のワイヤレス充電器にもピタッと貼り付きます。

Pixel8a用のガラスフィルムも購入しました。

このガラスフィルム、背面のカメラ用のガラスフィルムも用意されていますが、上記記載のスマホケースと干渉しません。たまたまですが、サイズがぴったり合いました。同時購入をお勧めします（笑。

もうPixel9aが出ている状況なので、Pixel8aを今さら買う人もいなさそうですけどね。まぁ、私のような人もいるということで。Pixel8aは７年間のOSアップグレードが保証されてるので、長く使えればいいなと思ってます。

いつ買ったのか、手元には Intuos4 Medium PTK-640 というペンタブがあります。サイドに付いている液晶画面に筋が入ったり、大きくて扱いづらいところがあったので、10数年ぶりにペンタブを物色することにしました。

正直なところ、ペンタブはほとんど使っておらず、イラレを開いたとしてもマウスでベジェ曲線を扱っていました。なので、安くてワイヤレスでSサイズな Wacom Intuos Small ワイヤレス を買うことにしました。

Amazonで１万円ちょっとで買えました。

しかし、このペンタブ、発売日が2018年だったのですね。買ってから知りました。

USBケーブルのコネクタ部分が Micro USB Type-B だったりしたので、ずいぶん古めかしいと思い気が付きました。

調べてみると、Wacom One ペンタブレット Small というペンタブが、初心者にぴったりモデルという触れ込みで、2023年に発売されていました。USBケーブルもType-Cを採用していて、ブルートゥースにも対応しているので、ワイヤレス通信ができるようです。

Amazonでは１万５千円ほどなので、私の買ったペンタブより５千円ほど高いです。

でも、長く使うことを考えると Wacom One ペンタブレット Small の方が良かったのかな、とも思います。

まぁ、いずれにしても私の場合は、ペンタブは雑な下描きにしか使いません。クリスタでぎこぎこペンタブで描いてPSD保存し、それをイラレで開いてからはマウスで仕上げています。そんな使い方なので、安物を買おうと思ったわけでして…って、何か自分に納得させようとしてますね💦

Wacom Intuos Small ワイヤレス も場所を取らずに、なかなかいい感じですよ。
タスクバーのアイコンで電池残量もわかりやすいです。

iPadに比べるとお手頃価格ですし、PCしか使わないって人にお勧めします。

X（旧Twitter）で、WordPressのセキュリティの話をつぶやいていたら、コメントをいただきました。XML-RPC（xmlrpc.php）を無効化していないとブルートフォースアタックを受けることがあるとのこと。この機会に見直してみたところ、ブルートフォースアタックされていた痕跡がありました。XML-RPCを無効化したので、備忘録として残しておきます。

私のサイトは、SiteGuard WP Pluginを使って、WordPressのログイン画面のURLを変更していたので、不正ログインはないだろうと高を括っているところがありました。ご指摘いただいたので、SiteGuard WP Plugin のログイン履歴を確認してみたところ…

めちゃくちゃブルートフォースアタックの痕跡が残っていました💦

さすがにマズいので、XML-RPCを無効化することを考え、いろいろググりました。

.htaccessに記述する方法やプラグインを使う方法、それからフィルターフックを使う方法があるようでした。

SiteGuard WP Pluginを利用しているので、機能一覧を確認してみたところ、「XMLRPC防御」という項目があり、XML-RPCの無効化設定ができるようになっていました。デフォルトでピンバックは無効化されています。それでもブルートフォースアタックをされていたので、XMLRPC無効化を選択しました。

SiteGuard WP Plugin のXML-RPC無効化は、.htaccessに記述する機能らしく、.htaccessを確認してみると次のコードが追記されていました。

<Files xmlrpc.php>
    <IfModule authz_core_module>
        Require all denied
    </IfModule>
    <IfModule !authz_core_module>
        Order allow,deny
        Deny from all
    </IfModule>
</Files>

プラグインを使わない方は、単純にこのコードを.htaccessに追記するだけでもいいかもしれません。

XML-RPCが無効化できているかどうかは、https://ドメイン名/xmlrpc.php にアクセスするとわかります。

有効化されている場合： XML-RPC server accepts POST requests only. の文言が表示されます。

無効化されている場合： 403 Error や Forbidden が表示されます。

XML-RPCを無効化することにより、XML-RPCを使用した機能やアプリ、プラグインも利用できなくなりますので、XML-RPCの設定には注意が必要です。

ファミリーカーとして所有しているラクティス（トヨタ）のスマートキーの効きが悪くなってきたので、電池交換してみることにしました。
調べてみたところ、市販のボタン電池で交換可能とのことだったので、自力でやってみました。時系列でご紹介します。

スマートキーからメカニカルキーを抜きます。

スマートキーのカバーをマイナスドライバーでこじ開けます。

カバーを外してみると、ボタン電池が入っているのがわかります。

入っていたボタン電池（リチウム電池）は、三菱の CR1632 でした。

メーカーは違っても良いので、CR1632 のボタン電池（リチウム電池）を用意します。うちはパナソニックのボタン電池を購入しました。

スマートキーのボタン電池を交換します。

後は、カバーを外した時と逆の手順でカバーを取り付けて電池交換終了です。お疲れさまでした。

20数年前に作ったことのあるキッコーマンの豆乳で作るレアケーキ。

久しぶりにレシピを手に入れたので、思い出しながら作ってみました。備忘録として作り方をまとめておきます。分量は下のほうにある画像を参考にしてください。

用意するものは、上にある写真のように「豆乳」「ゼラチン」「生クリーム」と...

それと忘れてはならないのが、「砂糖」です。私は入れ忘れたことがあります。ここ重要です！
※バナナ味の豆乳で砂糖を忘れたことがありましたが、案外いけました。ヘルシー志向の方にはいいのかも🤔

それでは、さっそく作ってみましょう♪”

豆乳を弱火で温めながら、お湯で溶かしたゼラチンと砂糖を加えます。よく混ぜ合わさったら、とろみが付くまで冷やします。

軽く泡立てておいた生クリームに、ゼラチンと砂糖を溶かした豆乳を加えます。

よくかき混ぜます。

混ぜ合わさったら、人数分の容器に入れて分けていきます。

ラップをかけて冷蔵庫で冷やします。冷えて固まったら食べ時です。

今はもう豆乳パックの裏にレシピは載っていませんが、当時はこのようなレシピが載っていました。説明が少ないけど、これだけでもわかりますね😅
載せておきますので、分量等、参考にしてください。美味しい豆乳レアケーキをどうぞ♪”

WordPressの管理画面に入ると目に飛び込んでくるサイトヘルスステータス。これがいつも「改善が必要」になっていたので目を背けながらも気になっていました。何項目かは改善したのですが、最後のほうまで残った「古いデータベースサーバー」を使用していることへの忠告。今回は、この文言が消えるようにデータベースをバージョンアップしてみたので、備忘録を記しておきます。

ロリポップ！レンタルサーバーで、データベースをバージョンアップ

私の使用しているレンタルサーバーはロリポップです。データベースに関しては、新規作成すると新しいバージョンのデータベースで作成される仕様になっているようで、古いデータベースそのものをバージョンアップすることはできないようです。

現状、私のサイトはデータベースバージョンが5.6なので、そこからエクスポートしたSQLファイルを新規作成した8.0のデータベースにインポートすることを考えました。そして、WordPressが新しいデータベースを参照できるようにwp-config.phpを書き替えます。実際にやってみた手順を記していきます。

古いデータベースからテーブルをエクスポート

現状の私のサイトのデータベース（バージョン：5.6）からSQLファイルをエクスポートしました。

ロリポップの管理画面からphpMyAdminにログインして、「現在のサーバからデータベースをエクスポート」ではなく、「データベース●●●●からテーブルをエクスポート」します。画像参照。このようにしないと追加コマンドで、変更できない項目が出てきます。画面下にある追加コマンドの「CREATE DATABASE / USEコマンドを追加する」と「DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT / TRIGGER コマンドを追加する」の２項目をオンにします。

エクスポートボタンを押してエクスポートできました。

エクスポートしたSQLファイルをの一部を書き替える

SQLファイルをテキストエディタで開き、赤枠で囲ったデータベース名を、新規作成したデータベース名に書き替えます。２か所です。

これを書き替えないで、SQLファイルを新規作成したデータベースにインポートするとエラー（#1044）が出ます。SQLファイルを書き替えることによって回避できます。

新規作成したデータベースにSQLファイルをインポートする

phpMyAdminにて、書き替えたSQLファイルを新規作成したデータベースにインポートします。SQLファイルを選択して、インポートボタンを押すだけです。

インポートは正常に終了しました。

wp-config.phpの内容を書き替える

新しいデータベースの準備はできているので、ロリポップ！FTPなどを活用して、wp-config.phpの内容を書き替えます。赤枠のデータベース名、ユーザー名、パスワード、ホスト名の４項目です。wp-config.phpの属性を600に変更することにより書き込み権限が与えられます。変更後は400に戻しておきます。

これで、WordPressが新しいデータベース（バージョン：8.0）を参照するようになりました。サイトヘルスステータスの「古いデータベースサーバー」の文言も消えました。お疲れさまでした。