Cyber Stage

Diary

コミックビューアが新しくなりました

突然ですが、自サイト内のコミック閲覧ページが新しくなりました!
サイト内のリンクは一通り差し替え済みです。

どう新しくなったのかというと…

スマホ表示に完全対応しました(横フリックでページめくり)
・PCから見た際には見開きで表示できます(キーボードの矢印←→でも移動可能)
・特定のページを指定してジャンプできます
・全話の冒頭に同人誌版の表紙絵を追加しました
・各話のラストページから次の話(章)へ飛べます
・最新話のラストページからは感想フォームへ飛べます
・更新も楽です

最後のは完全に自分得なんですが、スライドを流用してビューアを作ると、ページ数分だけ <li> タグを用意するのがめんどいだろうなあとずっと懸念していたんですよね。
はじめにたくさん行を用意しておいてコメントアウトするのは、なんかスマートじゃないし…と思ってたら、連番の画像をホイッとフォルダに突っ込んで、最大ページ数を指定すればOKだったので助かっています。

ビューアサンプル

PCから見た時の見開き表示は、Pixivからも消えてしまったのでとても嬉しい…!
近年、各種投稿サービスが強制縦スクロールになってしまったので、強引に擬音の位置を変えたりコマを切りはりしたりして対応していたんですが、やはり見開きで読める環境からは見開きで読んでいただきたいので。
スマホから見た時も、横めくりでページが流れていくのでそこまで見開きが不自然なことにはならないのではないかな?と思います。


こちらの素敵なビューアですが、「赤錆びている」のたしなみがいさん作のものを使わせていただきました。
(※ データのフリー配布などはされていないので、ご注意ください)

最初は自分でswiperを改造して作ろうとしていたんですが、いい感じにカスタマイズするまでの道のりが遠すぎてめげかけていたのでとても助かりました。やはり餅は餅屋ということですね。
本当にありがとうございました!!!

そうなんです…自分でも横スクロールビューア作れるかな?って思って途中までやっていたんですが、ご覧の有様(下記参照)で。
もはやおもしろい域なので、使用前使用後を見比べてみてください。
使用前http://cyberstage.cocoon.jp/test/
使用後http://cyberstage.cocoon.jp/viewer/comic3-1/


これまで漫画閲覧ページをスマホ対応していなかったのでモバイル環境から見た時にはマンガハックさんへ飛ぶようにしていたんですが、サイト内でぜんぶ読めるようになったのでリンクも修正しました。
(なお、スマホからサイトを見た時にはメニューに出す情報を若干絞っています)
Pixivさんで読むリンクも追加すべきかどうか…追加するのは簡単なんですが、メニューがありすぎるのも閲覧者さんにとって不親切かな?という気もするのでもうちょっと悩んでおきます。

前述しましたが、最新話のラストページには感想フォームへのリンクを突っ込んでありますので、今後Web版を更新した際に「なにか一言送ってあげてもいいよ!」な気分になった時にはぜひぜひご活用ください。
もちろん、TwitterでのリプライやRT後のエアリプもウェルカムです。

各ページの中身には元々使っていた画像をそのまま使っているのですが、できれば余裕のある時にもうちょっと圧縮率をあげて軽量版に差し替えたいと思います。
1章総集編も年内にまた刷り足すので、その時にできればフォントサイズももう一回りだけ大きくできると…よいなあ…
(ページ数を見て遠い目になりつつ)

実を言うと、Web公開をはじめた時すでに文字を一回り大きくしているんですが、それでもまだスマホから見ると小さめなんですよね。
この作品を描き始めた頃にはここまでスマホが広まるとは想定していなかったので、元の原稿がB5サイズ600dpiですし…これ以上フォントサイズを弄るには、吹き出しから修正しないといけない…(さらなる遠い目)



そういえば。
2年くらい(?)前に、どこかに個人サイト向けのビューアはないかなってプラグインを探した時には、縦スクロールのものしかなくて諦めていたんですが。
(同人誌を出してるタイプの人が求めているのは、出版社や電書で使われている横めくりビューアだと思うんですよね)
最近になって、前には見つからなかったものもちらほら公開されているみたいで、ありがたいことだなあと思いました。

先日人様から教えていただいたこちらのビューアも、レスポンシブ&横スワイプ対応でよさげな感じです!
たしかフォロワーさんの中にも、自サイト用のビューアをお探し中の方が何人かいらした気がするので貼っておきますね。
なんかいい感じのマンガビューア ~slick-custom~

他にもどこかで開発中という風の噂も耳にしたので、なにか情報が入ったら共有したく思います。
つい先日TLでWCR終了のお知らせを聞いてびっくりしたんですが、どれだけ漫画投稿サービスが増えて主流になっても、自分の管轄で運営できる個人サイトはやっぱり持っておきたい気持ちなので!
商業サービスはどこかで終了してしまう可能性があるので、好きに更新&お引越しができる本拠地があるとどっしり構えていられるというのもあったりします。

まだまだ課題はありますが、一昨年から続いていたサイトのテコ入れもきりのいいところまで進んだので、そろそろ次のイベントに向けて動きだせそうです。

…というわけで。
今週末からは2章総集編発行にむけて、エンドレス修正作業の旅に出ています
ページ数が半端なくていきなり大量に刷るのが怖いので、今回は別のところで一冊だけ試しに刷ってから量産にむけて見積もりをだそうかなあとかなんとか。

先は長そうですが、がんばります!



最後に、(だんだん恒例になってきた)いただいたご感想へのお返事です。
※PCの場合、「続きを読む」からご覧ください。

 
スポンサーサイト



続きを読む »

フォーム改装…できませんでした!と思っていたらできました!

※漫画に関する内容ではありません
※できそうでできなかったよ!という記事なので、興味のない方は読まなくても大丈夫です…!

※2020/01/12追記 (たぶん)できました!!!!!
記事の最後に追記しています


三連休なので、年末年始にやりたかった感想フォームのカスタマイズにちょっとだけ時間を使ってもいいかな…?と軽い気持ちで手をつけたところ、案の定うまくいかなくて唸っていました。
できたー!→できてない…→今度こそできたー!→できてない…→今度こそ(略)を10回くらい繰り返して、このままだと本来の制作系の作業ができなくなりそうなので一旦次回に続きます。
つ、つかれた…

くやしいので残骸だけ貼っておきますね。
失敗した履歴を残しておくのも、なにか役に立つかもしれないので…!
うまくいかなかったフォームその1
(ブログ公開後に修正しました)

自作フォームを作って、Googleフォームのnameとaction=””を取得して連携させるところまではなんとかできたんですが、送信後に画面を遷移させないようにしたいな〜というのがうまくいきそうでいかなくて苦戦していました。
できたと思ったんだけどなあ…(あるある)

でもここまでやるのも自分のレベルだと結構大変だったんですよー!
めげないためにもセルフねぎらいしておきたいところです。
知らないことを色々と知れたし、何か別のことに役に立つと…いいよね…!


楽そうな方法はないかな〜ってあれこれ調べていろんなやり方をいくつか試してみて、最終的には某さんに教えていただいたこのあたりの記事を参考にさせてもらったのですが。

Googleform埋め込みでラジオボタンのデータを送信する方法
Googleform埋め込みで回答完了画面に遷移させない方法
Googleフォーム埋め込みでチェックボックス複数選択させデータを送信する方法

チェックボックスに複数チェックをつけて送信した時に、データは一応送信されるけどテキストエリア&テキストフィールドの情報だけ取得できなくなってしまうので、どこか私の書き方がおかしいようです。
(あと、必須項目のところ…)

これなら自分でもできそう!って思った、ダミーのiframeを使うやり方だとチェックボックスいじりまくっても大丈夫だったんですけど、送信できてない場合にも送信されました!って表示されてしまうようなので。
うまくいかなかったボツフォームその2


というわけで、しばらくは素の埋め込みフォームのまま押し切ろうと思います。
さりげなくどこかのタイミングで formrun に差し替えていたら「ああ…こいつ諦めたな…」と思ってください!

先日公開済みの、埋め込み型感想フォームだとこういう問題は起こらない…はずなのですが。
万が一、送信できてないことがあったら大変なので、しばらくはいただいたご感想にはできるだけ返信していくスタイルでいこうと思います!



※2020/01/12追記
一晩たって、心優しいフォロワーさんのおかげで(たぶん)解決しました…!


二箇所ほど間違っていたんですが、一番の原因は閉じタグの位置!です!!

間違えてたところ

根本的なところがよくわかっていないのが丸わかりな間違いで恥ずかしいんですが、教えてもらったら「そりゃそうだ…!」という顔になりました。
oh…そりゃ複数チェックしたらテキストのデータが取得できなくなりますね…

私はjavascriptとかjQueryに関しては本当にわかってなくて(jQueryの綴りすら検索しないと間違える)、親切な方が公開してくださっているコードをつぎはぎして色々便利な機能を使わせてもらっている状態なのですが。
わかっていないゆえに、つぎはぎする時によく間違えるんですよね。
(必須チェックでアラートを出すための記述も、入れるところを間違っていたし!)

ウウッ、でも今回でわからないなりにちょっとだけ前進した…気がします。

こういったうまくいっていない姿を見せるのって、正直なところ恥ずかしい気持ちもなくはないんですけど。
でも、恥ずかしがって何も出さないと「どこまではわかってるけど、どこからがわかってない」というのすら曖昧なまま全部なかったことになってしまうので、やっぱり思い切って「ここまではやったけど躓いちゃいました」みたいなことをオープンにする勇気も必要なんだって思いました。
できないことをできないと言う勇気…!

ちょっとずつ記述の仕方を変えて、あたっては砕けていたテストページの残骸たちも浮かばれました。

うまくいかなかったファイルたち

上の方にあるリンク先はそのうち消しておきますね…笑
メールで受信する設定にしてたのを忘れてて自分のテストによるメールが70通くらい届いているので、それも混ざらないように消しておかなくては。


ちなみに、Googleフォームを感想フォームに使えるよ〜というのは、もともとは「みつばの」のわかささんがブログでやりかたを書いてくださっていたのを見て、「いいかも!」と思って真似させてもらったのでした。

拍手感想フォーム修正しました (「みつばの」さんブログ内記事)

Googleフォームをそのままサイトに埋め込む方法だとスクロールバーの中にスクロールバーが出ちゃう&バーが出ないようにすると改行して長文を記述した時に送信ボタンが消えるという問題を解決するために、フォームのコード部分だけを自分でつくってデータの送信先をGoogleフォームにするというやつです。

フォーム送信後に画面遷移をさせないためにあれこれいじるところが、ちょ、ちょっと自分には難しいかも…?って思ってもっと簡単そうな抜け道を探したりしていたんですが、最終的にはほぼ同じやり方を使わせていただきました&記述がおかしかったところまで教えていただいてしまった!
(お忙しいところ、コードまで見ていただいて本当に助かりました;; 自力じゃ気づかなかった…)


というわけで。
たぶんちゃんと動くようになったんじゃないかな?な、感想フォームはこちらです!

新生・感想フォーム

…といいつつ、自分の環境からしかテストしていなくてちょっとまだ自信がないので、もしこの週末にちょびっとお時間がある方がいらっしゃいましたら、「自由記入欄」になにかコメントを入力した上で、送信のテストをしていただけますと助かります!
(ついでに一言付け加えていただいてもおっけーです!)



そして、最後に先日いただいたご感想へのお返事です。
(もともとはこれを書きたかったから、無理やりブログを書いたとも言えます…笑)

※PCの場合、「続きを読む」からご覧ください。

 

続きを読む »

2020年のご挨拶

明けましておめでとうございます。
三が日が終わろうとしているので、慌ててブログを書きにきました。

今年は子年とのことで、マオラも元旦から張り切っているようです(?)

子年4コマ

ちなみに、マオラの味覚は人間と同じなので実はネズミは食べないんですが、目の前にいるとつい本能的なものが目覚めて追いかけたくなってしまうようです。
フクロウの方の麻嗚蘿は…普通のフクロウなので、干支を食べてしまわないように引っ込んでもらいました。


それにしても2020年…2020年ですか…思えば遠くまで来たものだ…
去年の工程表を見てみたところ、(いきなり伏字で恐縮なんですが)2019年は「年内に●●●が登場するところまでは話を進める!」というのを密かな目標に、年末の休暇中にサイトを改装して、1月の6日からは秋のコミティアに向けてプロットを開始〜そのまま作画に突入していたようです。

イベントに参加したのも一回きりで、表向きの活動はちょっと控えめな年でしたが、そういう意味ではちゃんと(?)目標達成できたな〜と思いました。
iPadProも買って、作画環境もちょっと改善できましたしね!

こちらの記事も、たくさんの方に読んでもらえて嬉しかったです。


記事をきっかけにiPadを買った方が、お友達にお勧めするときにツイートを引用してくださっているのを通知で知ったりと珍しい体験もできました。
お勧めをしてはいいものの、果たして役に立ってくれただろうか?というのが少し気がかりだったので、「買ってよかった」というつぶやきも見かけて安心しました!

新しいものに挑戦したり環境を変えたりするのはどちらかといえば苦手なのですが、ここ2年でソフトも機材もまるっと変えたし、そういう意味ではがんばった!と言えるんじゃないかなあと思ったりしました。
次は…アプデをキャンセルし続けていたMacのOSを変えなければ…(Adobe CSのチキンレースを断念しました)


Twitterで作品の更新やイベントのお知らせをするようになってからも、もう4年以上経つんですね。
近年は、長距離マラソンを走るのに精一杯で最低限のことしかツイートしないとっつきにくいアカウントになってきたかも?というのが懸念点なので(特に2019年は、リプライしたいな〜と思うことがあっても余裕がなくてタイミングを逃してしまうことが多く…)今年はもうちょっと中の人が生きてる感じのアカウントにしたいです。(希望)

らくえれも、発行日のメモをふと見返してこれまでを振り返ってみるとたくさん歩いてきたなあという感じで、ずっと追いかけてきてくださった方も最近読み始めてくださった方も、本当にありがとうございます。

発行日メモ

2020年も引き続き、あの世界のお話を描いていきますので(まずは2章総集編の編集からスタートになりそうですが)どうぞよろしくお願いいたします!

◆◆◆

〜お正月の更新あれこれ〜

サイト&ハックさんの更新とちょっとタイミングがズレてしまいましたが、3章「幻影に望め」をPixivさんにもアップしました。



キャラ設定&表情集もPixivにあげてあります。
サイトのものと同じですが、一気に確認したいときは便利かもしれないのでよかったらどうぞ!



そして最後に。
昨年末に設置した感想フォーム、返信はしないつもりだったんですが黙っていられない性格なので(…)やっぱり、一言だけでもお礼をさせてください!
ひ、一言だけでも…

(PCの方は「続きを読む »」からお願いします)

 

続きを読む »

新刊「幻影に望め」3巻について

コミティア130お礼記事の続きで、新刊の内容に関してです。

コミティア130ありがとうイラスト

「幻影に望め」3巻をお読みくださっていることを前提に、おもいっきり新刊の内容に関して触れていますのでご注意ください。
あと、ひたすら文字だらけなので無理に読まなくても大丈夫です!

※PCの方は、「続きを読む」からご覧ください。



 

続きを読む »

コミティア130ありがとうございました

改めまして、先日はコミティア130お疲れさまでした!
当日スペースにお越し下さった方、暖かいお言葉をかけてくださった方、本当にありがとうございました。
おかげでとても楽しい1日を過ごさせていただきました。

コミティア130スペース

今回のイベント参加は、自分のサークル活動歴の中で机の上に並ぶ本の種類が最大になる回だったと思うのですが、それでも一気買いしてくださる方々がいらしてめちゃくちゃありがたかったです。
あの重みを…持って帰っていただいてしまったというのがもう…(どうかカバンの紐がちぎれていませんように)

直前まで雨の予報でどうなることかと思っていましたが、朝には小雨になっていて気温もそこそこだったのでホッとしました。
とはいえ局地的に大雨だった地域もあったようなので、大雨の中会場に向かわれた方は大変だったんじゃないかなと思います。お疲れさまでした…!


イベント中は毎回テンパっていて挙動不審になりがちなのですが、今回はいつも以上に適切な言葉が出てこなくて、後から「あああ…」ってなることが多かった気がします。
いつも人様とのやりとりがテキストで完結しがちで、業務中もあまり喋らないので会話力が衰えてしまっているような…。

たった5時間の開催時間の中で、自分の本のタイトルは間違えるし人様のお顔は間違えるしでなかなかにひどいことになっていました。
あたふたしているところをお見せしてしまった方々には申し訳ございません!
もう少し対面での会話を自然にできるようにしたいです。

ご丁寧に差し入れをくださった方々も、どうもありがとうございます。
(この中にないものは会場で食べてしまいました)

コミティア130差し入れ

お菓子は原稿中のお供にさせていただきますと言って受け取りつつ、早速、今週会社へ持って行ってムシャムシャ食べていたんですが…(笑)
毎日違うおやつを食べているので同僚さんに怪しまれました。
リラックスグッズも大事に使わせていただきます〜!

直筆のイラストやお手紙までいただいてしまって…すべて家に帰ってから拝見したのですが、何度見ても嬉しい気持ちがじんわりこみ上げてくるので、元気がない時に読み返します。
翌日が誕生日だったことを覚えていてくださった方もありがとうございます。
一人で眺めるにはあまりに勿体なさすぎるので、スキャンしてTwitterで紹介させていただければと思っています。

ちなみに、こちらはまるみ枠です。(ぬいぐるみは私物です)
私が好きそうなものを…とのチョイス、ありがとうございました!好きです!

コダックとまるみ


新刊の内容やシリーズに関しても、さっそくご感想をくださった方々どうもありがとうございました!
新刊についてもちょっとだけ補足したいのですが、また長くなりそうなので、記事を分けてこの後に続いて更新しておきました

あと、今回の新刊は結構情報量が多くて、もしかしたらこれまでのお話のことをおさらいしてからじゃないと「???」ってなるのではないか?と、ちょっぴり心配なのですが…
(おさらいしていても「???」ってなる要素については、ひとまず流しておいてください)
(いくつか思い当たります)

読んでいて混乱してしまった場合は、2章(永遠)の話はひとまずおいといて、1章(楽園)の3〜4話あたりと、3章(幻影)の1〜2話あたりを読み返していただけるとよいかもしれません。

登場人物が増えすぎて誰が誰だかわからなくなってしまった方は、こちらをどうぞ。

キャラ紹介2018

そろそろかなりの長編になってきたので、話を追うだけでもたいへんになってきているのではないかと思います。
人間関係も複雑になってきて、ペーパーに相関図でもつければよかったなあと後から気づきました。
もうちょっと今の状況がわかりやすくなるように工夫してみますね!

まだ過去の時代と現代との接点がまったく見えてこなかった頃からずっと虹瑠たちの物語を追いかけてくださっている方々には、どれだけ感謝してもしきれません。
本当にありがとうございます。

◆◆◆

イベント終了後のまとめ記事なので、今後の予定などについても記載しておきますね。

【通販について】
予告通り、BOOTHさんで以下の4種の通販を開始します。

「楽園に還れ 総集編」
「幻影に望め 1」
「幻影に望め 2」
「幻影に望め 3」
PaperStageOnline - BOOTH

なんとか倉庫に本は送ったので、スムーズに受け付けていただけたら12月の中旬頃にはカートに入れられるようになるのではと思います。
新刊「幻影に望め 3」にはイベント限定ペーパーとノベルティも付いてきますので、よかったら受け取ってください!
入荷されたらサイトやTwitterでもお伝えしますが、より確実に情報を手に入れたい方は「入荷お知らせメールを受け取る」の設定もご利用ください。


【在庫について】
今回のイベントで「永遠に続け」1巻の在庫がなくなりました。
1巻はこれまでに3回ほど刷っているんですが、他の巻も最終巻以外は僅少なので、再販はここで一旦終了してそろそろ1章と同じように総集編にまとめたいと思います。
(机の上に本が乗りきらなくなってきたのもありますしね…)

とはいえ、単巻を途中までお持ちで、残りの巻も同じ装丁のものを揃えようと思っていたのに…!という方もいらっしゃるかと思います。
その場合はご希望の巻をイベントにお持ちしますので、次回イベント参加前にTwitterのリプライなどでお伝えください。
らくえれの時にやった、1〜6巻を全部お持ちの方へのサービス企画的なものもやりたいなあとほんのり考えています。


【今後のイベント参加について】
次回は2020年5月のコミティア132に申し込む予定です。
…が!
オリンピックが終了するまではどうあがいても東京コミティアの抽選が避けられなさそうなので、スペースをいただけない可能性もあります。

来年の予定は流動的になりそうなので、出るとしたらこの辺だよ〜くらいに捉えていただけると助かります。
新刊は、2章総集編か「幻影に望め」4巻のどちらかになりそうです。

続きのプロットも途中まではできてるので、早く動かしてあげたいんですけどね〜〜!
ここから先はしっかり構成を考えないと、描いても描いてもエンディングにたどり着けないという事態になりかねないので、ガッツリ練ってからGOします。

◆◆◆

ちょっとまだイベントの準備でカオスになっていた部屋が片付けきれていなくて、頭の中も混沌としているのですが、あと1〜2週間したら落ち着いてくるのではと思います。
落ち着いてくるまではすこしスローペースで動くのもよいのかもしれませんね。(と言いつつ、すぐソフトを立ち上げてなにかやってしまうような気もしているのですが)

漫画を読んで何かご感想などありましたら、いつでもお待ちしています!


そうそう!感想といえば。
当サイトにはずっと拍手的なものがなかったので、感想を送っていただくフォームのようなものを作ってみました。
PaperStage ご感想フォーム

リプライやDMを送るのはちょっと恥ずかしくて…という方や、そもそもTwitterのアカウントがないよ!という場合は、こちらをご利用ください。
感想というほどガッツリしたものじゃなくても、いっちょ応援してやろうじゃないかという時にはタイトルとお気持ちを選択していただければ、何も記入しなくてもポチッと送れますので。

ちょっとカスタマイズがうまくいってなくて、フォーム送信後に真っ白な画面が表示されてしまうのがネックなのですが、上までスクロールして「フォーム送信ありがとうございました」のテキストが表示されていたら正常に送信されています。

もしかしたら、環境によってはフォームのページそのものが表示されなかったりするかもしれないのですが(…)
その場合はすみません!
Googleのサービスを借りているのでページさえ表示されれば動くとは思うのですが、万が一ということもありますので、長い文章を送っていただく際にはメモ帳かなにかに書いたものをコピペして送っていただくほうが安全かもしれません。

※12/1 追記
ちょっとスクロールバーまわりの表示がうまくいっていないので、年末に調整しようと思います。
使えそうな環境の方だけお使いください。
すみません〜〜〜!

通販をご利用くださった方々の元に本が届いたタイミングで、新しい情報についても追記するかもしれません。
その際にはまたよろしくお願いいたします。

 

 | HOME |  »

Calendar

« | 2020-01 | »
S M T W T F S
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

Profile

ミズ

ミズ

個人的に漫画を描いたり、

いろいろ作ったりしている

人間のブログです。

サイトTOP

ブログの説明はこちら

Recent Entries

Categories

レンタルサーバー

愛用してます

コダック

原稿時の疲労対策に

Works

気になるもの

Monthly

Advertisement