GNYMDS

仕事の宣伝や作業上のメモ、個人的な創作活動について書いています。

KindleUnlimitedで読んで面白かった本・マンガ【2019年10月】

最近、読書量を増やしたいなと思って、3ヶ月無料キャンペーンをやっていたKindleUnlimitedに加入してみました。

PCスマホともに本を探しにくいのが難点ですが(本屋さんでうろうろするように本を探すことができないのが電子書籍の弱点だなと個人的には思います)、面白いと思えた本にもちゃんと出会えたのでありがたい。せっかくなので面白かった本、おすすめしたい本を記録しておこうと思います。

記事公開から時間が経過したらKindleUnlimitedから外れてしまうと思いますので、賞味期限の短い記事にはなってしまいますが、「自分のためのしおり」を兼ねているということでご容赦くだされ。

 

 

鹿楓堂よついろ日和 1巻 (バンチコミックス)

鹿楓堂よついろ日和 1巻 (バンチコミックス) 

鹿楓堂よついろ日和 1巻 (バンチコミックス)

鹿楓堂よついろ日和 1巻 (バンチコミックス)

 

2019年10月現在、1〜5巻までUnlimitedで読める。漫画です。

和風喫茶・鹿楓堂(ろくほうどう)を営む、スイ(上記のメガネくん)を中心とした美形男子4名とお客様たちが織りなす、笑いあり涙ありの優しい物語。

出てくるスイーツや料理が中心となった展開なので、グルメ漫画が好きという方にもおすすめ。とても美味しそう。

第一印象は「とにかく作画がきれい」「イケメンがすごいたくさんいる」でしたが、加えて「女の子がめちゃくちゃかわいい」です。小鶴ちゃん〜!!ふええ!!

コミックバンチwebで現在も連載中、コミックスは2019年10月現在で11巻まで出ているようです。わ〜い。アニメ化もしていたもよう。

鹿楓堂よついろ日和 | コミックバンチweb

せっかくなのでUnlimitedになっている1〜5巻の表紙を貼ります。ちょうどキャラクターを知ることもできる!いい表紙だ…

なお現在11巻まで出ています。私は結局全部買いました・・・

 

鹿楓堂よついろ日和 2巻: バンチコミックス

珈琲担当。青い瞳で楽天的、愛すべきおバカという感じの「ぐれ」くん。(本名がグレゴーリオだから、ぐれくん)ラテアートが壊滅的だけど本人はめちゃくちゃ良くできた俺天才、と思っている。鋼の肉体を持つ運動バカ。元気。アニキと呼ばれて、その辺のお兄ちゃんたちにめちゃくちゃ慕われており、アヒルボート同好会を主催している。

 

鹿楓堂よついろ日和 3巻: バンチコミックス

お菓子作り担当の「椿(つばき)」くん。きれいな赤髪。人付き合いは苦手だけどスイーツ大好き、最高のスイーツをつくり提供するとなったらとても熱血な一面もある。まじめだと思う。ふだんはツンツンしている、かわいい最年少。製菓学校に通い和菓子屋さんで修行していた。最新刊では椿君が鹿楓堂にやってくるエピソードが途中まで読める!12巻待ってます!

 

鹿楓堂よついろ日和 4巻: バンチコミックス

お料理担当の「ときたか」くん。穏やかな人柄で、鹿楓堂における『おじいちゃん』ポジション。スイとは一番つきあいが長い。陶芸家でもあって、ご近所のおじいちゃん・おばあちゃん相手に陶芸教室をひらいており、とても親しまれている。本人の趣味嗜好もシニア寄り。テレビドラマが大好き。

 

鹿楓堂よついろ日和 5巻: バンチコミックス

鹿楓堂(ろくほうどう)のマスターでお茶担当の「スイ」くん。メガネクール男子かと思いきや、猫がめちゃくちゃ好きで人格が崩壊したり、変なところで大雑把・天真爛漫だったり、ギャグ担当といっても過言ではないと思う。そこが好き。面白い人だ。

 

Artiste 1巻: バンチコミックス

Artiste 1巻: バンチコミックス 

Artiste 1巻: バンチコミックス

Artiste 1巻: バンチコミックス

 

2019年10月現在、1巻がKindleUnlimitedで読める。漫画です。

パリの高級レストランで働く気弱な青年ジルベールの成長記。厨房の内外で様々なトラブルに見舞われながら、仲間たちと共に料理という芸術を創り上げていく――。

www.comicbunch.com

舞台はパリ、気弱な青年ジルベールが主人公(表紙絵の黒髪のほう)。物語が始まった時点では、レストランの厨房で皿洗いをしているけど、実は特別な感覚を持ったすばらしい腕の料理人であるということが明らかになります。

背景までしっかりと描き込まれた画面。お話にはちょっとしたどんでんがえし感もあり、殺人がおきたりするわけでもないのに、ドキドキしながら読むことができます。主人公ジルベールのオドオドした描写が終始ついてまわるので、読者にもそのオドオドした感覚がうつるのかも。

ドラマもさることながら、パリという舞台を堪能できる画面なので、読んでいて楽しいです。

 

おとしどころの見つけ方 世界一やさしい交渉学入門

おとしどころの見つけ方 世界一やさしい交渉学入門

おとしどころの見つけ方 世界一やさしい交渉学入門

おとしどころの見つけ方 世界一やさしい交渉学入門

 

日常のあらゆるシーンで「交渉」は行われていて、そこでお互いにとって最善となる「おとしどころ」を見つける方法、すなわち「交渉術」についての本です。

表紙のしたしみやすさからわかるように、とても読みやすい2色刷り。

この本の主人公は、周りの意見に流されて自分の希望を主張できない、さえない会社員久地米太(くち・べいた)くん。※さえないと紹介されるわりに平社員ではなく、顧客からの信頼も厚いです。どうなっているんや。

ある日、宇宙人のアボットにキャトられて、アボットの故郷の交渉術を実践していく被験体になります。地球人あまりにも交渉下手すぎ!未開の地〜!久地くんの毎日でいくつも襲いくる交渉の場面。部長への休暇交渉、彼女との旅行の内容決め、社長直々の車内ソフト入れ替えプロジェクト、全社横断チームのまとめ方…などなど。

マンガ家も個人で仕事をする以上、仕事の交渉ごとはすべて自分で行わなくてはいけません。私は会社員でもありますが、いわゆる一般職の下っ端なので、交渉するような経験がほぼなく、また自分が小心者で、「相談」や「会議」「交渉」がくそほどにへたくそということがかなり前から自覚ありました。それでこの本を手に取りました。

基本的に会話形式で進むので「むずかしい本は読めない」という自覚もまたある自分にはとてもよかったです。かんたんだけれど、交渉学に登場する用語などはきっちり使われていくので、ちゃんと学ぶこともできます。

 

失敗図鑑 すごい人ほどダメだった!

失敗図鑑 すごい人ほどダメだった!

失敗図鑑 すごい人ほどダメだった!

失敗図鑑 すごい人ほどダメだった!

 

ピカソライト兄弟黒澤明キュリー夫人、ノーベル、オードリヘップバーン・・・などなど、有名なあの人やこの人がどんな人で、輝かしい功績だけじゃなくてこんなこともあったのだよ〜と教えてくれる本。おそらくこども向けに書かれた本なのだろうと思う(書き言葉の口調がこどもに向けてある気がする)。でもおとなが読んでもしっかりと楽しめて、私はとても好きです。どこが好きかというと、過去の偉人たちの失敗の事実から、こんなことがわかるよ、こんなふうに生きていくのが大事だと思うよ、と著者の意志がちゃんと込められているところ。とくに胸に響いたのは、黒澤明についてのページ。名作をたくさんみておこう、と著者が読者に語りかけるくだりです。なぜ名作をたくさんみておくべきなのか? それは、名作には、それを作った人たちの「たましい」がこめられているから。そういう作品にたくさんふれておくと、自分がなにかものをなすべきときが来た時、『自分のたましいのもやし方を、感覚で教えてくれる』からだよ、と。

たましいのもやし方って、すばらしい表現だと思いませんか?わたしは大好きな文章です。まさにそう、たましいをもやすために、生きるべきときがかならずある。

この本の一番すばらしいところは、そんなふうに、著者が過去の偉人たちの物語から学び取ったたいせつなことが、おしみなく書かれていることです。

 

夢をかなえるゾウ

夢をかなえるゾウ

夢をかなえるゾウ

夢をかなえるゾウ

 

有名な本! 有名すぎてこれまで手に取らなかったのですが、えいやっと読んでみたら、面白かった。コミカルなキャラクターたちが活き活きと動き回る、まあちょっとくせはあるかもしれませんが、さくさく読めるのに読み応えがあるなあと感じます。

あとわたしはどうも商売というものがよくわかっていなくて、そこにコンプレックスがありこういうビジネス本というか、商売についてなにかわかりそうな本をちょこちょこ探して読んでみているのですが、これは商売哲学のうちのひとつを知ることができる本だなと思います。でも、ふつうにフィクションとして面白いですね。

 

難しいことはわかりませんが、英語が話せる方法を教えてください!

難しいことはわかりませんが、英語が話せる方法を教えてください!

難しいことはわかりませんが、英語が話せる方法を教えてください!

難しいことはわかりませんが、英語が話せる方法を教えてください!

 

 タイトルがおれのこころを表現している

と思ったので読みました。とにかくこれだけ覚えれば!っていうのを教えてください!ていう欲望に素直な主人公くんに対して、ソレイシィ先生が呆れつつも気さくにいろいろ教えてくれる・・・という感じの内容です。会話形式で進むので読みやすく、また実際に著者(=主人公くん)がソレイシィ先生のアドバイスをもとに実践しながら進んでいくので、実際にやってみてどうだった、ここはサボったけどごまかしちゃったのでやばいとおもって焦ってやった、とか、なかなか親近感のわく内容です。これマスターできたら、道聞かれた時とかにも焦らなくてすむかなー。でもオンライン英会話は緊張するなー。

iMacのディスプレイが高すぎて首が痛い→外箱に乗せるとちょうどいい

iMacの21.5インチを愛用しています。

最新モデル Apple iMac (21.5インチ, Retina 4Kディスプレイモデル, 3.6GHzクアッドコア第8世代Intel Core i3プロセッサ, 1TB)

最新モデル Apple iMac (21.5インチ, Retina 4Kディスプレイモデル, 3.6GHzクアッドコア第8世代Intel Core i3プロセッサ, 1TB)

 

…しているのですが、上記の画像をご覧いただきますと、ディスプレイが接地面からけっこう上方にあり、持ち上がっているのがわかります。足とか、アップルマークのあるエリアとかがけっこう幅をとっている。

これをこのまま机に置くと、自分にはディスプレイの背が高すぎて見上げる姿勢になってしまいます。自分は身長160cmくらいなのですが、たぶん男性でも机の上に置いたら少し目線をあげないと画面を見れないのではないでしょうか。

「パソコンの画面位置は、少し見下ろすくらいがよい」と言われていますし、このまま長時間作業するのはつらい。

というわけで、机の向こう側に丸椅子+箱を載せてiMacを設置…というのを長年していたのですが、去年引越ししたときにふと

購入時の外箱に載せたらちょうどいいのでは

…ということにようやく気づきました。OSOI。

 

置いた。

 

f:id:gnymds:20191013223052j:plain


め、めちゃくちゃちょうどいい〜!! 外箱の置き場所にも煩わされない〜!!

 

置き方はこんな↓感じです。

 

f:id:gnymds:20191013185936j:plain

 

iMacはディスプレイの背面側にUSBやThunderbolt2の差込口があるので、多少差込にくくはなるのですが、ひんぱんに抜き差しするようなものはキーボードのUSBポートで対応すればいいかなと思います。(スキャナのUSBはキーボードのUSBで対応してます)

出オチですみませんが以上です。iMac買ったはいいけど画面がでかすぎて首が痛い方はお試しください。(会社などのオフィス机だと、机同士をぴったりくっつけて島にしてあるから、こういうことはできないかもしれませんが…)

外箱、iMacを梱包してるだけあってかなり大きいので、空き箱のまま置いておくのは家の中でけっこう場所をとるので、そういう意味でも活用できて喜ばしいです。

サイトに組み込む漫画ビューアーとしてオススメのjQuery「Fotorama」がはてなブログでも使える(スマホ対応!)

掲題の通りなのですが、前々から、ぜひ漫画描きさんにオススメしたいと思っていたjQuery「Fotorama」が、はてなブログ記事内でもあっさり使えたので、感動のあまりついに紹介記事を書いています。感動で前が見えない。

head要素に追記できるブログや個人サイトなどに、スマホでスワイプできるまんがビューアーつけて、自分の描いた漫画を展示したい! という方にはうってつけです。

 

 

jQuery(ジェークエリー)って?

javascriptをかんたんに扱えるように、機能をパーツ化したファイル(通称ライブラリ)のことです。

詳しいことは詳しい方がたくさん記事を書いているのでぜひそちらで!(すません!HTMLいじって個人サイトで遊んでいたおたくだからなんとなくわかるけど専門家ではないのでちゃんと説明できない)

handywebdesign.net

 

Fotoramaって?

jQueryプラグインのひとつで、シンプルで美しい画像ギャラリーを作成できるものです。

fotorama.io

公式サイトは英語ですが、こわがらず読んでみればすぐに理解できます。説明もシンプルなら、実装した様子もシンプルで、非常に美しいギャラリーがつくれます。

 

 

 

なぜ漫画描きにオススメなの?

jQueryスクリプトでギャラリーを実現できるものは実はけっこうあるのですが、なぜ「Fotorama」が漫画描きにオススメなのかというと・・・・

 

・日本の漫画を読むときのように、「左方向」へのページ送りができる!

スマホのスワイプに対応!(指でページ送りができる)

・キーボード入力にも対応!(←→キーでページを送ることができる)

・表示がはやい!

・ビューアーがシンプルできれい!

・設置がめちゃくちゃかんたん!

 

とくに一番最初の、「左方向へのページ送りができる」は、他のスクリプトではなかなか見ないオプションなんです! だって英語圏も、日本語の横書きも、右方向へ進みますからね。でも、Fotoramaでは、右から左へと文章を書く国を想定して、左方向への切り替えができるようになっているんです。

日本の漫画も、せりふが縦書きなら、ページは左へと進んでいきますよね!

 

どうやって設置するの?

これが本当にかんたんなので公式サイトを読んだ方がすぐわかると思うのですが、ここでは、はてなブログではどのように設置するかを記載しておきます。

 

(1)<head></head>内に、公式サイトの「SET UP」STEP1で指定されているコードをコピペします。

はてなブログダッシュボード

>左のメニュー

>設定

>詳細設定

>「headに要素を追加」

f:id:gnymds:20191008233756p:plain

貼り付けられたら保存。

 

(2)新しい記事を書きます。

「HTML編集」モードに切り替えたら、まずは公式サイトの「SET UP」STEP 2にあるコードをそのまま貼り付けましょう。

f:id:gnymds:20191008234317p:plain

↑↑このimgタグの中に書いてある緑色の文字を、自分の貼り付けたい画像(=漫画のページ)のURLに置き換えます。

はてなブログなら、はてなフォトライフに画像をアップロードし、その画像をURLを右クリックで取得すればOKです。

キャプチャの中ではimgタグが2つ、タテに並んでいますが、ページ順どおりに、上から順番に並べます。

 

実際に置き換えてみるとこうなります。

f:id:gnymds:20191009000126p:plain

実はもうこれだけで、プレビュー表示に切り替えると、きれいなギャラリーが出来上がっています!

なお「見たまま編集」ではギャラリーにはならず、画像がならんでいるだけです。「プレビュー」で見てくださいね。

でも今回は漫画を展示したいので、最後にオプションの設定をしましょう。

 

(3)オプションの設定をします。

漫画ページを「右から左へ」と読み進ませたいので、「Right-to-Left」というオプションを設定しましょう。

Fotoramaのオプションは基本的にdivタグに追記するだけで実装できます。

 

「Right-to-left」https://fotorama.io/docs/4/right-to-left/

画像を「右から左へ」と送るのをデフォルトにするオプションです。さきほどのように「HTML編集」モードに記事を切り替えたら、divタグに「data-direction="rtl"」と付け足してください。

f:id:gnymds:20191009002611p:plain


これで、左方向へと進む画像ギャラリーが完成しました!

以降は私のオススメオプションです。

 

「Keyboard」https://fotorama.io/docs/4/keyboard/

パソコンのキーボードでページ送りを操作できるようになります。漫画のページめくりをキーボードでやる派の人にはオススメです。divに「data-keyboard="true"」を追加してください。

 

「Thumbnails」https://fotorama.io/docs/4/thumbnails/

デフォルトだと、ギャラリーにまとめられた画像の点数だけ「○」が横並びに表示されるのですが、これをサムネイルにすることができるオプションです。divに「data-nav="thumbs"」を追加してください。また、サムネイル用に小さな画像を別途用意した場合は、どれを使うか指定することもできます。詳しくは公式サイトをご参照ください。(サムネ用画像を用意したほうが動作は軽いと思います)

 

全部実装すると、HTMLはこんな感じになります。

f:id:gnymds:20191009002722p:plain

 

Fotoramaには、他にもフルスクリーンやキャプション表示・ビデオ再生などたくさんのオプションがあるので、公式サイトの「DOCS」ページを参考に、好きにカスタマイズしてみてくださいね。

「DOCS」https://fotorama.io/docs/4/

 

さて、これで全部の設定ができました。記事を公開してみましょう!

 

動作サンプル

実際に実装してみると、こうなります!

 

 

どうでしょうか? うまく見られますでしょうか。

スマホのスワイプにも対応しているので、とってもオススメです。

 

※載せている漫画は拙作「19時半から打ち合わせ」のお試し読み部分なので合法です。ご安心ください。なお漫画のつづきは

http://www.manga-gai.net/manga/1930/18/08.html 

です。よろしければ。笑

 

以上、拙くて恐縮ですが「Fotorama」のご紹介でした!

ずっと紹介したかったのですっきりしました〜。

投稿用原稿用紙(商業用・B4)を家庭用A4スキャナで取り込む

線画やペン入れはアナログ、その後のトーン・ベタ・写植(セリフ入れ)はデジタルで!という場合に、家庭用A4スキャナでどう線画とりこめばえんやというメモ。

PhotoshopのPhotomerge(フォトマージ)という機能を使います。

 

 

環境

機種:iMacRetina 4K, 21.5-inch, Late 2015)

OS:Mojave10.14

ソフト:Adobe Photoshop CC 2019

 

必要なもの

 

自分が使っているスキャナは普通の家庭用A4スキャナで、9千円くらいです。

 

Canon  スキャナ フラッドベッド A4対応 CanoScan LiDE220

Canon スキャナ フラッドベッド A4対応 CanoScan LiDE220

現在は後継機がバンバン出ていると思います。iMacにUSBで挿して、イメージキャプチャで原稿をスキャンしています。

 

f:id:gnymds:20190907094144j:plain


机の上にたてておける(スタンドがついている)ので、省スペースなのがおすすめポイントです。原稿を読み込むときもこのまま使っています。

 

 

 

やり方

B4(投稿用)の漫画原稿用紙に描いた線画を取り込む、という設定で話を進めます。

拙作「19時半から打ち合わせ」第48話の1ページ目をスキャンしてみましょう。

f:id:gnymds:20190929143340j:plain

 

(1)A4スキャナで原稿を取り込む

印刷にかけることを予定している場合、解像度は、白黒の場合は600dpi、カラーは350dpiでスキャンしておきましょう。

f:id:gnymds:20190929143720p:plain

 

上半分、下半分をそれぞれスキャン。2つの画像データができます。 

f:id:gnymds:20190929143911p:plain

 

(2)Photshopをひらく

f:id:gnymds:20190921153643p:plain

 

(3)上部メニュー>ファイル>自動処理>Photomerge

f:id:gnymds:20190921153839p:plain

 

(4)合成したいファイルを選択>OK

自動で処理が進むのを眺めます。うまくいけば重なったファイルが出来上がります。レイヤーは別々のまま、グループ状態で自動処理は止まります。

なお自分は、自動処理が終わったら、すぐに結合してしまいます。

 

Photomergeに失敗したら

Photomergeは、結合するファイル同士の「重複する箇所」をPhotoshop側で自動的に判断して画像を重ねてくれる機能です。

なので、2つの画像同士に「重複する箇所」が少ないと、自動処理には失敗します。

その場合は以下の対処をしてます。

 

◎方法1
余白に適当な落書きをして「重複する箇所」を増やし、再スキャン

2つのファイルの境目になる箇所の余白に、適当に落書きをします。

再度スキャンすると「重複する箇所」が増えるので、Photomergeが成功しやすくなります。

 

◎方法2
手動で結合させる

Photomergeは無理!と思ったら手動で結合するのもありです。

レイヤーを「乗算」モードにして、透かしながら重ねる。

 

◎方法3
片方のレイヤーを「差の絶対値」モードにして、差分をはっきり確認しながら重ねる。

「差の絶対値」モードにすると、重ねた相手のレイヤーと異なる部分は白で表示されます。なので、画像全体が黒になれば、ビタリと重なっている、というわけです。重ねることができたら、モードを通常にもどし、2つの画像を結合します。

 

おわりに

まだ学生だった頃、図書館でイラストレーターのための雑誌か何かを読んで知ってから、ずっとこのPhotomerge機能にはお世話になっていて、「19時半から打ち合わせ」のマンガ原稿もいつもこれで取り込んでいます。

なおPhotomergeが無事に処理できても、よく見ると多少ずれていることはあるのですが、ガサツなのであんまり気にしてません。

フルデジタルにすればPhotomergeともお別れなのですが、まだアナログの線の再現ができないのだ。むずかしい。