動きやすそうなジャージ姿良い!!
どうも、4月まだ1回もブログ書いてなかったことにビックリしたジョーです。こんばんは!
書いたつもりでいたんですが、そ、そうか…!!大体いつもそうですけど、脱稿後の解放感で半月くらいは絵を描く以外のことばっかやるんですが、なんやかんやもうアキ姫描き始めないとな。まだ20%くらいしかネタできてねぇ!それよりもカット差し替えなきゃだよ!!(急務)
4月予定ビッチビチに入れ過ぎて週末のお休みとかにじっくり家にいてゆっくり考え事をする、みたいなことが出来てないんですよね。GWの自分に期待。
以下、ここ3週くらいのカシバトルの話。
甘田甘太郎の正体、新手のヤバいやつだと思っていたのに、まさかの元からいたヤバい奴でしたね…!!!
ホワイ・Tとは別物のシンプルにシュマロ教信者のヤバい男だと思っていたので…お前とシュマロで作ったAI人形だったんかい…!という恐怖ですよ。
3月14日のホワイトデーの日に扉絵に登場して、『甘田甘太郎＝ホワイ・Tではありませんよ』という印象をつけていたかと思っていたら、まさかあの城の中で謹慎しているホワイ・Tもマシュマロ人形だったなんて…!!あの時、読んでいた本のタイトルが『Empty White』だったので、どういうこと…?能力封印されて虚無ってこと…??と思っていたんですが、文字通り『中身がありません』って意味だったんですね～～～～。
そして、クッピィ都市編に登場したホワイ・Tにピアスが無かったので、能力を封印されたことと何か関係あるのかなぁ?と思っていたんですが、謹慎中のマシュマロ人形をより自分自身に見せかけるために、そっちにピアス着けさせていたから本体のホワイ・Tはピアス着けてなかったんですね…。
本当、𠮷もと先生ってしっかり伏線を張ってくるので、読んでいる時に気付いた変化や違和感は大事にしておきたいな～と思います。描き忘れとかうっかりじゃないんだよなぁ。
ちなみに謹慎中のホワイ・T代理のマシュマロ人形が読んでる本、ひたすら『シュマロちゃん最高っス』しか書かれてなくて、また別の恐怖を感じたのでした…。
ホワイ・Tの同担拒否強火チャーリー担なところがまた今回出てましたが(笑)、チャーリーの香りを感じて涙してるの、安定だわ～～～～。KOEEEEEE!!!
そして胸に張り付いた能力を封印するキャラメルを13歳の少年に喰わせようとする絵面が完全に事案。これがコロコロ作品なのです。ホワイ・T、アンタ本当振り切ってて最高だよ😂
この漫画における効果音『ホワ…』は恐怖を煽る効果音なのである。
このピンチに登場してくれたヒトツブの旦那～～～～～～!!!!!格好良い～～～～～～!!!!
ホワイ・Tとチョコくんが1対1で対峙してピンチな時に現れる大人、前回のチャーリーに引き続き本当に格好良いな。安心感のある大人しか出てこないので読者としても本当にほっとします。対峙してる男がヤバ過ぎるから。
1年ぶりくらいなんですね?!ヒトツブさんのバトルモードの衣装なのかな?カジュアルで良い。
とにかく、現れたのがヒトツブの旦那なの、本当に良かった…さすがカシバのリアコ枠…(ずっと言っておく)
番外編もヒトツブの旦那まみれで最高でしたね!!
過去の話、また色々世界観を知れて良かったな。菓子能力者も数年前はそんな感覚だったのね。菓子能力者が集められたのって施設が唯一で、そこから王国側とレジスタンスに分かれたのかなと思っていたんですが、元々分かれていたっぽいですね。こういうの知れるの嬉しい。後々もっとちゃんと触れられそうな気もしますが。
割とシンプルに、白黒が作るお菓子の中身が全て空洞ってパンチがありました。怖…。
今日はお休みですけど5巻6巻7巻の表紙が見られるとのことで楽しみにしています!ぽた子さん、ホワイ・T、ビスケット王子ですよね?多分。畳む
▼拍手レスしました
二湖鮴さんのカラーは全て妄想
気が付いたら3月最終日でビックリしているジョーです。こんばんは!
大体月末月初似たようなことばかり言ってますが、毎回本当に驚いてます…マジで期末の感じ一切なかったな…。
目新しいものは頂き物以外ありませんが更新しました。
カシバが丁度イラストコンテンツ10個溜まったので独立ページ作りました。わーい!
頂き物のページは毎回更新する度に思うんですけど、本当皆さん見て!!!!笑
あの頂き物のカゲタメに刺激を受け妄想が広がりネタが1本出来たので、1～2ページだしサイトに投げよ～と思ったんですが、そう決めた後からネタが膨らみまぁまぁのページになりそうなので本にすっか…ってとこに至りました(笑)
実は同様にリョクタメとバトタメとゴクタメの1～2ページくらいのネタがあって、同じようにサイトに投げよ～と思っていた所でネタが広がって「え…どうしよ…??」ってなってる所です😂
まぁ私の中でタメイキさんが付き合ってるのはカゲスキだけなんですけど、その注意書きを置いた上で『タメイキとメンズ達』な本にまとめて出せばいいのかな?って思ってます。何かこう、触れ合う事在りきの関係性だけでない、私の中の各カップリングの理想の関係みたいなのを描くの好きなんですよね。但し明確に友情だと思ってる関係の事は『●●＋△△』と表記したいのでまた違います。ちゃんとそこに漂う感情はそれ以上のモノです。
それで言うと前に柿ピーの関係性の話をした時、「私の中でナッちゃんとぽた子さんってカップリングとは微妙に違う」って言ったんですが、さっきも述べた通りカップリングも触れ合う事在りきの関係性だけでないな、って最近思って結果「私はナッちゃんとぽた子さんをカップリングとして見ている」と言う事を声を大にして訂正しておきたいですね。笑
以下より今週のカシバの話。
と言うか明日4月1日じゃないですかー!今年は𠮷もと先生何をお描きなさるんだろう～!
扉絵、皆冬用長袖カーティガンを着ているので夏服の今より先にある未来の話なのかな?無印時代はぽた子さんが今と同じベストに長袖シャツを着ていたので、あれが春とか秋の装いなのかなぁ。二湖鮴さんはトーンの貼られた長袖カーティガンをずっと着ていて、それと同じものだったからあれも冬の制服なんですかね。それとも「こういう未来もあったかもね」なパラレルワールドなのかなぁ～…。
でもナッちゃんの近くの壁に左へ向かっていく矢印が描かれているから、やっぱりこれからの未来に有り得るシーンってことで受け止めます♡
あと声を大にして言いたい。
ナッちゃんの黒タイツ、すごく分かる!!!!!!!
冬服ver.ナッちゃん描きたい～!
二湖鮴さんとぽた子さんのバトル良かったな～!!ちゃんとそれを1歩引いた所から見守ってくれているナッちゃんも♡
「ライバル」と認めて貰えたことに感謝して涙を浮かべる二湖鮴さんとぽた子さんのコマ、良い。
子供の時、勇気を振り絞る前の二湖鮴さんの顔の影、全部「ドキ」で描かれてるのすげ～!!!ってなりましたよね…𠮷もと先生、こういう斬新な表現めっちゃされるから出くわす度に「こういう表現の引き出しあるのか～!!」ってビックリします!
気になっていた茂みの人影、甘軍だったら今この二湖鮴さんとぽた子さんの平和な空気ぶち壊される…とビクビクしていたので、マッチャスキーと店長で良かった～～!!!
「ウソも方便」って言う時のマッチャスキーの笑い方「KE KE KE」なの、ゴクオーくんをほのめかすサービスです??
※嘘獄単行本のタイトルには「ウソも方便」の英文が書かれています
孤独を強く感じていた二湖鮴さんがマッチャスキーの思いやりを受けて優しさに驚いた後にぽた子さんが「もう1人じゃないよ」って言う時に、肩でポンってやるのが凄く良い…!!手とかじゃなくて肩で肩をポンッとするの最高。
そしてマッチャスキーと二湖鮴さんにとても良いフラグが立ちましたね…♡
そしてほら暗黒微笑幼女～～～～～～!!!!!!怖いて!!!!!!
来週以降の展開に怯える…あと副軍団長が抜けそうな(ほぼ抜けてるけど)苦軍と酢軍、どうなるんや?っていう心配があります。
マッチャスキーと店長に恐ろしい懲罰待ってないよね…??って言う…まぁ軍団長が王国裏切りそうだから(レジスタンスとはまた別ベクトルで)なんとも言えませんけどね…。畳む
▼拍手レスしました
寝起き
どうも、久しぶりに行ったパン屋さんが焼き菓子を取り扱うようになっていてテンション上がったジョーです。こんばんは!
パン屋さんの作ったクッキーとかって好きなんですよね～。見かけると嬉しくなっちゃう。
先週は春コミ有難うございました!!
カシバサークルは勿論うちだけでしたが(笑)、嘘獄サークルさんが3サークルさんもいらっしゃって買い物楽しみ～!とワクワクしておりました。
嘘獄サークルさんとカシバサークル(うち)の間にコロッケサークル様がいらっしゃったんですね。会場着いて両隣のサークル様にご挨拶して準備していたらお隣りのコロッケサークル様が「あの、こちらの(嘘獄)サークル様とお知り合いだったりしますか?」とお声掛け下さったんです。
私は勿論一方通行で知っているんですが(笑)、個人サイトに引きこもってるのでキチンとお話したこともないし、私のことは当然ご存知ないやろな～と思ったので「いえ、私SNSやってないのでそんなにゴクオーくんの方々と交流ないんですよ～」とお答えしたんですが、「作家がまとまってる方が良いですよね?と言うか私がそうして欲しいので是非場所を代わって下さい!」と仰って下さって、場所を代わって下さったんです…!確かに、まとまってる方が目に入って頂きやすいよな～というのはあったのでしっかりお言葉に甘えさせて頂きました。本当に有難うございました!!!こちらに全く気を遣わせないお申し出で素晴らしかったです～😭💓
と言うかジャンル申請する時に「作者：𠮷もと誠」で申請したじゃろ…!赤ブーさん、配置は作家まとめてくれや…!!と思ったんですが掲載誌の違いなんだろうか…よく分からん。幕ヤンで出た時は絶対ルパンサークル様の隣に配置されるから作者毎にまとめられるものだと思っていたんですけどねぇ。今後も嘘獄サークル様のお隣りには行けないんだろうか…。
新刊もたくさんお手にして頂いて有難うございました!皆…ヤオギンさん好きだよね??!!って感じられて幸せでした♡笑
なが～い棒も好評で良かったです!「えっ本物?!」って言って頂けたの嬉しかったな～!原作とにらめっこしながら、ロゴの書体もバランス諸々可能な限り近付けて書きましたし、あのキャラクターの位置も下部からこれくらい余白を開けて位置しているな、とかめっちゃ拘って作ったので…!
他に持って行ってたカゲタメ本や奇面本も御手にして頂き有難うございました!「カゲスキさん好きなのでカゲスキさんの本、嬉しいです!」って仰って頂いたり「奇面組も描かれてたんですか?!」って仰って頂けたり、嬉しかったですね～!描いてて良かった～!!
あとムネニクが「pixivの通知来て見に行ったらお品書きアップされてたから「いるんだー!」って思って遊びに来たよ～」って来てくれたんですが、今まで「意味あるんか…?本当に必要か…??」と疑問でしかなかったお品書きが大事だったんだということを身を持って体験し、考えを改めるきっかけになりました(笑)。今後もイベント参加する時はお品書きまでちゃんと作ろう…!
アフターはみづたさん・ほとさん・よしやさん・よしやさんの旦那さんの5人で飲みに行ったんですが、1軒目のお店のブロッコリーの唐揚げが天才的に美味しい一品で感動したんですよね…!あのブロッコリーの唐揚げまた食べに行きたいな。ビールと最高に合う。
本当私はカシバトルは面白いよって話と雲童塊の話をしてましたね。奇面組のアニメ、アニメーターさんが描き慣れたのか最初から比べると大分タッチが変わる印象だって話をしてたんですが、「スキー教室の時の雪に埋もれてそこからぴょこって顔を出した時の塊が1番可愛い」って熱弁をしました😂でもあの雲童塊ハチャメチャに可愛く描かれてるんでどうぞ宜しくお願いいたします…!笑
本当に有難うございましたー!!次はジュンブラです。とりあえずサークルカットを描きます…!
↑のイラスト、原稿しながらずっと「あ～～～～いい男だな～～～～いい男は脱げ!!!!!」って思っていたので脱がしました(笑)
ヤオギンさんの筋肉量を妄想しながら描いてました。胸筋はしっかりあるんですけど、鎖骨が綺麗なので雄っぱいと言うほど大胸筋に厚みはないだろうな…とか、広背筋もそこまで厚みがないから必要以上なくびれもいらないな…とか、レザージャケットを着てあのシルエットだから腕の筋肉はこれくらいかな…とか諸々、とにかく見えないので全部妄想なんですけど、自分の中では重そうじゃない筋肉量かなっていう結論に至りました。ヤオギンさんに想いを馳せる時間はいつでも楽しい。
サタンさんみたいに肩出しスタイルで筋肉アピールしてくれてたり、カゲスキみたいに脱いで筋肉バッキバキの体を原作が出してくれてるって本当に有難いんだよな…ヤオギンさんもいつか肩出しスタイルだけでも宜しくお願いいたします。笑
あと原稿中に「ヤオギンさんは喫煙者か?非喫煙者か?」っていう討論を脳内でしていたんですね(笑)
最初は「なが～い棒の味を100%ちゃんと感じて楽しむために、ヤオギンさんが吸う訳ないだろ!!なが～い棒マスターやぞ!!」っていう非喫煙派の意見が強かったんですが、「いや…こんな治安の悪い環境で吸わないことあるか?」という懐疑的な意見が出てきて、最終的に「“なんとなく”吸っている」という結論に至りました。
周囲の人間たちとの関わりの中で“なんとなく”吸うようになっているものの、飽く迄も“なんとなく”吸っているだけなので止めようと思えばあっさり止められるし、必要以上に吸おうとも思っていないしタバコに対する執着も全くない、というのがヤオギンさんっぽいかな～と思いました。この男はタバコなんかよりも絶対になが～い棒の方に執着する。笑
以下、ペーパーか後書きに書こうと思ってすっかり忘れていた新刊の話。
「スゲー!!つえー!!」人生の本を作ろうと言うのは早々の段階で決めていたんですね。タイトルも拍手喝采なイメージで『applause』だな、って早々に決まったんですよ。
で、『applause』と言えばガガ様の楽曲が脳裏を過る訳ですが、入稿した後に改めて曲聞いて、ああそうそう、私が描きたかったヤオギンさんもこんなイメージ、って感じで別にこの曲から想起した訳ではないにしろタイトルの意味を更に噛みしめられて良かったです。描きたかったことに対して見当違いのタイトルじゃなかったな～みたいな。
この本は新23話の中で2ページだけ垣間見ることが出来たヤオギンさんの人生を妄想したものですが、原作のあのラスト3コマにおける怒涛のスゲー!!つえー!!人生の変化を描きたかったんですよね。
強さというものに対してまずヤオギンさん自身が憑りつかれていって、顔の凄みが増して行ってる。強さを得る上で拳に感じていた痛みは賞賛と引き換えに興奮に書き換えられて失われて行き、周りにいる人間たちも“友達”から“強さを利用したい”利害関係で結ばれた人間たちにどんどん変わってしまったように見えるんですよ。学ラン時代は友達っぽい子もいるけど“強さを利用したい”ように見える人間が見え始め、センター分け時代からは“強さを利用したい”人間しかいないように見えます。辛軍に関してはまず王が“強さを利用したい”だけだろうし、部下たちもヤオギンさんが“強い”という点しか見ていないだろうし。
自分を取り巻く人間と環境が変わり、己も強さだけを盲目的に求め、そこで浴びられる賞賛で見失っていた“誰かを守るための強さ”と言うものをチョコくんと噛木くんに見出して、初めて自分以外の人間を賞賛したい気持ちが沸いたんだと思います。
これを描きたかったのでとりあえず本に出来て満足でした!
そういえば今回の本で初めて感想はこちら的なQRコードをつけてみました。
と言うのも、いつだったかどこかで「感想を送りたい時にQRコードついてるの助かる!!皆つけてくれ!!!」みたいな発言を見かけたことがあり、そういうものなのか?と、サイトURLのQRコードとは別に拍手URLのQRコードを作って載せてみたんですよね。まぁないよりはあるに越したことはないのかな、と。私自身も感想は頂けると励みになりますし!お気軽に送りやすくなったのならば幸いです………がまぁどうなんかな。笑畳む
そうだ!!返信不要で新刊の感想有難うございました!!!「変な漫画描いたな…これ、読む人に伝わるんだろうか?」と描き終えて一抹の不安が過っていたのですが伝えたかったことを受け止めてて下さってて凄く救われました…!!笑
週刊コロコロコミックが明日18日23時59分まで全話無料公開しています…!!!!
カシバトルを宜しくお願いいたします!!!!
月刊連載時代の『カシバトル』も週刊連載中の『KASHI BATTLE』もどっちも読めます。時間軸としては『カシバトル』⇒『KASHI BATTLE』でこの通りに読んだ方が話が分かりやすいのはあるんですけど、週刊連載の方の新12話くらいからかなり面白いです。
そして私の令和最推しの男・ヤオギンさんは新19話から本格的に登場するので宜しくお願いいたします!!!!
初登場は月刊時代『カシバトル』の第2話です。ああいう感じで王国の場面でチラチラはこれまで登場していました。が、本格的にヤバいのが新19～新24話までなのでとりあえずこの5話だけでも読んで頂けると嬉しいです🌶️
（ツイート埋め込み処理中...）Twitterで見る
カシバトルを宜しくお願いいたします!!!!
月刊連載時代の『カシバトル』も週刊連載中の『KASHI BATTLE』もどっちも読めます。時間軸としては『カシバトル』⇒『KASHI BATTLE』でこの通りに読んだ方が話が分かりやすいのはあるんですけど、週刊連載の方の新12話くらいからかなり面白いです。
そして私の令和最推しの男・ヤオギンさんは新19話から本格的に登場するので宜しくお願いいたします!!!!
（ツイート埋め込み処理中...）Twitterで見る
初登場は月刊時代『カシバトル』の第2話です。ああいう感じで王国の場面でチラチラはこれまで登場していました。が、本格的にヤバいのが新19～新24話までなのでとりあえずこの5話だけでも読んで頂けると嬉しいです🌶️
【Honey Zipee】のスペースは【東4ホール さ42b】です。カシバトルのヤオギン中心でスペースを取っています。
当日机に乗っている予定のものは以下のとおりです。
▼新刊予定
『applause』
表紙:FCジェット印刷、本文:デジタル印刷/A5×36P/￥500
Jozy個人誌。カシバトルのヤオギンのスゲー!!つえー!!人生の話。
新23話のネタバレを多分に含みますので未読の方はご注意下さい。
▼既刊
＊別ジャンル：ウソツキ!ゴクオーくん
『ジェラシーしちゃうよ』
└2023.11.23発行
カゲスキ×タメイキ/表紙:FCジェット印刷、本文:デジタル印刷/A5×28P/￥400
『ハレンチでごめんね』
└2022.12.18発行
カゲスキ×タメイキ/表紙:FCジェット印刷、本文:デジタル印刷/A5×22P/￥400
『Never Know』
└2020.10.11発行
カゲスキ×タメイキ/表紙:FCジェット印刷、本文:デジタル印刷/A5×20P/￥400
＊別ジャンル：奇面組
『Saturday 3:00 p.m.』
└2023.05.04発行
御三家+邪子/表紙:FCジェット印刷、本文:デジタル印刷/A5×24P/￥400
『NEVERLAND』
└2022.05.03発行
頼金鳥雄×切出翔/表紙:FCジェット印刷、本文:デジタル印刷/A5×28P/￥400
『one day』
└2021.11.28発行
CPごたまぜ/表紙:FCジェット印刷、本文:デジタル印刷/A5×28P/￥400
▼寄稿情報
【東4ホール き64a】の【170cm】様で頒布される奇面組の雲童塊×切出翔本に漫画4ページ寄稿いたしました!
↑このポスター飾っているので目印にどうぞ～!
11時くらいから買い物にいこうかと考えてます。
ペーパー…は作りたいですがあるかどうかとても怪しいです…😭
当日はどうぞ宜しくお願いいたします!
表紙出来ました!!!
カラーは私の理想カラーです。まだ公式カラーはっきりしてないからガマットマスクでパレットは制限してました。赤黄紫のたこ焼きコンポタめんたいパレット(笑)
中身は今から描くから何ページになるかは知らないです!!!(いつも通り)
スゲー!!つえー!!本です。頑張るぞ…!!!
▼拍手レスしました
【2024/02/15 23:03追記】フッターについて加筆修正しました
----
どうも、やらなければならない事があると必ず今しなくて良いことをやるジョーです。こんばんは!
締切まで1ヶ月ないんですが、拍手お礼画面がどうしても気になってきて仕方なくなったので弄ってました。絶対今やることじゃない。
PCから見たら問題ないんですけど、スマホから見た時の名前の入力フォームとURLの入力フォームのレイアウトの絶妙にずれたバランスがずっっっっと気になってたんですよ。
けどフォームのレイアウトは直接弄れないので、CSSを弄るだけでどうにかならんかな…と弄り始めたのがスタート。弄り始めるとこれは?これは?と面白くなってちょこちょこ修正をしていきました。
以下、自分用備忘録としてメモしておきます。
今やweb拍手に代わるサービスやプラグインもたくさんあるのですが、それでも私は2005年から20年近くお世話になってるweb拍手が好きなんですよね～。
意外に今でも使われている方もちょこちょこ見かけますので、もし何かヒントになるようでしたらどうぞ。
但し、自己流でどうにかしてるので美しい記述とかではないです。とりあえずどうにかなればいい、という広い気持ちで見て頂ければ…笑
まず始めに
元々全体スタイルシートには下記を記述していました。
html{font-size: 62.5%;}
body{font-size:1.4rem; color:#000; overflow-x:hidden;}
table{margin: auto;}
input, select, textarea{font-size: 1.4rem; background: transparent; border: 1px solid #000; color: #000;}
img{max-width: 100%; height: auto;}
ちなみにviewportはお礼画面のメッセージ本文の方に記述しています。
<meta name="viewport" content="device-width, initial-scale=1, maximum-scale=1">
名前の入力フォームとURLの入力フォーム
PCから見えているレイアウトは問題なかったので、モバイル端末から見えるレイアウトだけをどうにかすればいいな～ということで全体スタイルシートに下記を追記。
@media screen and (max-width:600px){
body, input, select, textarea, td{font-size: 4.375vw;}
input[type=text] {width: 100%;}
}
600px以下の画面のあるデバイスの場合にこのCSSを適用します。600pxはなんとなくです。私の中で「まぁここで切り替わりゃいいかな」ポイント。笑
androidは480px、iOSは320pxくらいのイメージなのでそれぞれで分けたければ更に指定しても良いかもしれません。
フォントサイズももうちょい大きくしたいな、と思っていたのでフォントサイズを『4.375vw』に。
で、入力フォームのサイズを横幅いっぱいとかにすれば自動的に改行されていい感じになるかな、と思ったのでinputの横幅を100%に。
しかし『もっと送る』のボタン要素もinputなんですよね。inputだけで記述を進めるとボタンも反応しておかしなことになります。と言う訳でinput[type=text]で指定。
『もっと送る』ボタン
さっきので「じゃあinput[type=submit]で指定すれば別にボタンも弄れるじゃん」ってことに気付いたのでボタンも弄ります。
全体スタイルシートに下記を追記。
input[type=submit] {
font-size: 1rem; /*文字サイズ*/
font-weight: bold; /*太字*/
display: inline-block;
border-radius:1em; /*角丸*/
padding: 0.4rem 3rem; /*枠線と文字の間の余白*/
color: #e85298; /*文字色*/
line-height: 1em; /*行間*/
transition: .3s; /*オンマウスにした時の変化のスピードをちょっと緩やかにする*/
border: 1px solid #e85298; /* 枠線 */
margin-bottom: 1rem; /*ボタン下のメッセージとの余白*/
}
input[type=submit]:hover { /*オンマウスにした時*/
color: #fff; /*文字色*/
background: #e85298; /*背景色*/
}
メッセージ入力欄
問題はここです。
メッセージ入力欄、つまりtextareaのスタイルは『お礼画面設定の変更』のサイズが直に反映されるし、CSSでやっても上手く強制上書きできないんですよ。だから横幅が弄れないんです!
PCから見てももうちょっと幅広にしたかったし、仕方がないので設定のページで、フォーム横サイズは最大値の600pxを選びます。
…が!なんとスマホで見た時に要素が画面からはみ出すのです。width:autoにしようがbox-sizing:border-boxを指定しようが全くどうにもならないのです。
結論、フォーム横サイズは『300px』にすればどの媒体からもギリギリ要素がはみ出さないな…と結論づいたので『300px』で決定。
textareaの弄りようの無さが本当に悔しいのですが、辛うじて行間だけは弄れたので行間だけ広めに指定。
textarea{line-height: 1.4;}
モバイル端末から見た時はこれだとちょっと広すぎる気がしたので、@media screen and (max-width:600px)の記述の所に下記を追記。
textarea{line-height: 1.2;}
フッター
フッターの広告や最下部の謎の余白のようなもの、この辺り今までスマホで見た時にはみ出していたので気になっていたんですよね。
そんな訳で全体スタイルシートに下記を追記。
div.footer{width: auto;}
div#side01{width: auto;}
最下部の謎の余白のようなものはid="side01"という名前の要素で括られていたので、そこを指定して横幅を指示したら対応しました。
その上に偶にバナー広告が出ます。class="footer"という名前の要素なのですが、それで指示をしてもなぜかバナー広告のサイズは調整されず、要素からはみ出して横スクロールが出てしまいます。
コードを確認したら、468×60サイズでガチガチにサイズ固定の広告が外部のJavaScriptから読み込まれているようで…これがどうしても弄れませんでした。諦めていたんですが、やっぱりスマホから見た時に横スクロールが出るのが嫌だ…と言う事で「モバイル端末から開いた時には隠すようにしてみるか」ということに思いいたります。
@media screen and (max-width:600px)の記述の所に下記を追記。
div.footer{display: none;}
これによって600px以下の画面では表示されなくなりました…が!web拍手公式サイトへのリンクも表示されなくなるので、それは違う…!と悶々としてしまいます…公式サイトへのリンクは表示したいんだ…!!!
600px以上の画面では問題なく表示されるとは言え、これは正直広告隠しに当たるような気がするので問題ありそうだったらすぐ記述を削除します…。
終了
最終的に全体スタイルシートは下記の通りになりました。
尚、1000文字しか打ち込めないので、1文字としてカウントされる改行を可能な限り減らしています。
html{font-size: 62.5%;}
body{font-size:1.4rem; color:#000; overflow-x:hidden;}
table{margin: auto;}
input, select, textarea{font-size: 1.4rem; background:transparent; border: 1px solid #000; color:#000;box-sizing: border-box; padding:.3em 0.5em; margin:0.25em 0;}
input[type=submit] {font-size:1.6rem;font-weight: bold; display:inline-block;border-radius:1em;padding: 0.4rem 3rem;color:#e85298;line-height:1em;transition:.3s;border:1px solid #e85298;margin-bottom:1rem;}
input[type=submit]:hover {color:#fff; background:#e85298;}
textarea{line-height: 1.4;}
div.clap{font-size: 1.4rem;}
img{max-width: 100%; height: auto;}
div.footer{width: auto;}
div#side01{width: auto;}
@media screen and (max-width:600px){
body, input, select, textarea, td{font-size: 4.375vw;}
input[type=text] {width: 100%;}
textarea{line-height: 1.2;}
div.footer{display: none;}
}
一応私が確認した限りですが、これで下記の感じで見えてる…はずです…!
▼Win10(Chrome)
▼android(Chrome)
▼iOS(safari)
と言うか2012年9月から変わってないからいい加減お礼絵は更新したいと思ってます…12年前の絵を置き続けている…😂畳む
.
----
どうも、やらなければならない事があると必ず今しなくて良いことをやるジョーです。こんばんは!
締切まで1ヶ月ないんですが、拍手お礼画面がどうしても気になってきて仕方なくなったので弄ってました。絶対今やることじゃない。
PCから見たら問題ないんですけど、スマホから見た時の名前の入力フォームとURLの入力フォームのレイアウトの絶妙にずれたバランスがずっっっっと気になってたんですよ。
けどフォームのレイアウトは直接弄れないので、CSSを弄るだけでどうにかならんかな…と弄り始めたのがスタート。弄り始めるとこれは?これは?と面白くなってちょこちょこ修正をしていきました。
以下、自分用備忘録としてメモしておきます。
今やweb拍手に代わるサービスやプラグインもたくさんあるのですが、それでも私は2005年から20年近くお世話になってるweb拍手が好きなんですよね～。
意外に今でも使われている方もちょこちょこ見かけますので、もし何かヒントになるようでしたらどうぞ。
但し、自己流でどうにかしてるので美しい記述とかではないです。とりあえずどうにかなればいい、という広い気持ちで見て頂ければ…笑
まず始めに
元々全体スタイルシートには下記を記述していました。
html{font-size: 62.5%;}
body{font-size:1.4rem; color:#000; overflow-x:hidden;}
table{margin: auto;}
input, select, textarea{font-size: 1.4rem; background: transparent; border: 1px solid #000; color: #000;}
img{max-width: 100%; height: auto;}
ちなみにviewportはお礼画面のメッセージ本文の方に記述しています。
<meta name="viewport" content="device-width, initial-scale=1, maximum-scale=1">
名前の入力フォームとURLの入力フォーム
PCから見えているレイアウトは問題なかったので、モバイル端末から見えるレイアウトだけをどうにかすればいいな～ということで全体スタイルシートに下記を追記。
@media screen and (max-width:600px){
body, input, select, textarea, td{font-size: 4.375vw;}
input[type=text] {width: 100%;}
}
600px以下の画面のあるデバイスの場合にこのCSSを適用します。600pxはなんとなくです。私の中で「まぁここで切り替わりゃいいかな」ポイント。笑
androidは480px、iOSは320pxくらいのイメージなのでそれぞれで分けたければ更に指定しても良いかもしれません。
フォントサイズももうちょい大きくしたいな、と思っていたのでフォントサイズを『4.375vw』に。
で、入力フォームのサイズを横幅いっぱいとかにすれば自動的に改行されていい感じになるかな、と思ったのでinputの横幅を100%に。
しかし『もっと送る』のボタン要素もinputなんですよね。inputだけで記述を進めるとボタンも反応しておかしなことになります。と言う訳でinput[type=text]で指定。
『もっと送る』ボタン
さっきので「じゃあinput[type=submit]で指定すれば別にボタンも弄れるじゃん」ってことに気付いたのでボタンも弄ります。
全体スタイルシートに下記を追記。
input[type=submit] {
font-size: 1rem; /*文字サイズ*/
font-weight: bold; /*太字*/
display: inline-block;
border-radius:1em; /*角丸*/
padding: 0.4rem 3rem; /*枠線と文字の間の余白*/
color: #e85298; /*文字色*/
line-height: 1em; /*行間*/
transition: .3s; /*オンマウスにした時の変化のスピードをちょっと緩やかにする*/
border: 1px solid #e85298; /* 枠線 */
margin-bottom: 1rem; /*ボタン下のメッセージとの余白*/
}
input[type=submit]:hover { /*オンマウスにした時*/
color: #fff; /*文字色*/
background: #e85298; /*背景色*/
}
メッセージ入力欄
問題はここです。
メッセージ入力欄、つまりtextareaのスタイルは『お礼画面設定の変更』のサイズが直に反映されるし、CSSでやっても上手く強制上書きできないんですよ。だから横幅が弄れないんです!
PCから見てももうちょっと幅広にしたかったし、仕方がないので設定のページで、フォーム横サイズは最大値の600pxを選びます。
…が!なんとスマホで見た時に要素が画面からはみ出すのです。width:autoにしようがbox-sizing:border-boxを指定しようが全くどうにもならないのです。
結論、フォーム横サイズは『300px』にすればどの媒体からもギリギリ要素がはみ出さないな…と結論づいたので『300px』で決定。
textareaの弄りようの無さが本当に悔しいのですが、辛うじて行間だけは弄れたので行間だけ広めに指定。
textarea{line-height: 1.4;}
モバイル端末から見た時はこれだとちょっと広すぎる気がしたので、@media screen and (max-width:600px)の記述の所に下記を追記。
textarea{line-height: 1.2;}
フッター
フッターの広告や最下部の謎の余白のようなもの、この辺り今までスマホで見た時にはみ出していたので気になっていたんですよね。
そんな訳で全体スタイルシートに下記を追記。
div.footer{width: auto;}
div#side01{width: auto;}
最下部の謎の余白のようなものはid="side01"という名前の要素で括られていたので、そこを指定して横幅を指示したら対応しました。
その上に偶にバナー広告が出ます。class="footer"という名前の要素なのですが、それで指示をしてもなぜかバナー広告のサイズは調整されず、要素からはみ出して横スクロールが出てしまいます。
コードを確認したら、468×60サイズでガチガチにサイズ固定の広告が外部のJavaScriptから読み込まれているようで…これがどうしても弄れませんでした。諦めていたんですが、やっぱりスマホから見た時に横スクロールが出るのが嫌だ…と言う事で「モバイル端末から開いた時には隠すようにしてみるか」ということに思いいたります。
@media screen and (max-width:600px)の記述の所に下記を追記。
div.footer{display: none;}
これによって600px以下の画面では表示されなくなりました…が!web拍手公式サイトへのリンクも表示されなくなるので、それは違う…!と悶々としてしまいます…公式サイトへのリンクは表示したいんだ…!!!
600px以上の画面では問題なく表示されるとは言え、これは正直広告隠しに当たるような気がするので問題ありそうだったらすぐ記述を削除します…。
終了
最終的に全体スタイルシートは下記の通りになりました。
尚、1000文字しか打ち込めないので、1文字としてカウントされる改行を可能な限り減らしています。
html{font-size: 62.5%;}
body{font-size:1.4rem; color:#000; overflow-x:hidden;}
table{margin: auto;}
input, select, textarea{font-size: 1.4rem; background:transparent; border: 1px solid #000; color:#000;box-sizing: border-box; padding:.3em 0.5em; margin:0.25em 0;}
input[type=submit] {font-size:1.6rem;font-weight: bold; display:inline-block;border-radius:1em;padding: 0.4rem 3rem;color:#e85298;line-height:1em;transition:.3s;border:1px solid #e85298;margin-bottom:1rem;}
input[type=submit]:hover {color:#fff; background:#e85298;}
textarea{line-height: 1.4;}
div.clap{font-size: 1.4rem;}
img{max-width: 100%; height: auto;}
div.footer{width: auto;}
div#side01{width: auto;}
@media screen and (max-width:600px){
body, input, select, textarea, td{font-size: 4.375vw;}
input[type=text] {width: 100%;}
textarea{line-height: 1.2;}
div.footer{display: none;}
}
一応私が確認した限りですが、これで下記の感じで見えてる…はずです…!
▼Win10(Chrome)
▼android(Chrome)
▼iOS(safari)
と言うか2012年9月から変わってないからいい加減お礼絵は更新したいと思ってます…12年前の絵を置き続けている…😂畳む
.
とある方に贈り付けたピンタウ。久しぶりにピンタウをしっかりペン入れまでして楽しかった～!
どうも、先週コロナ陽性になっていたジョーです。こんばんは!
感染症に強い自負があったんですが(感染症に強いとは?)、罹っちゃいましたね～チクショー。でも熱と喉と頭痛と節々の痛みと怠さだけだったので、症状としては軽かったと思うので良かったです。喉もどんどん良くなっています。痰が出るくらい。
今は高いけどコロナの薬もあるから(絶対治る保証はないらしいけど)安心ですよね。インフル同様引き続き気を付けて参ります。まぁ気を付けようが罹る時は罹るんで仕方ないですけどね。皆様もどうぞご自愛ください。
ちなみに、友達に罹ったわ～って話をしてたら「初コロ?」って聞かれたんですけど初めてコロナに罹ること「初コロ」って言うの?!って新たな単語を知ったのが面白かったですね。最高。
明日はバレンタインですね。
毎度のことながらイベント事には乗りたくても上手く乗れないことでお馴染みのJozy、今年も無事に何も描ける気はしてません。
けど丁度ストックでデータ置いてたピンタウが良い感じやん♡ってことで出しておきます。個人的にバレンタインと言えば愛に溢れてるピンタウの日なんで…!!バレンタインでいちゃいちゃするカプ、筆頭でピンタウが思い浮かぶんですよね。国もあるんだと思うんですけど。まぁピンタウはいついちゃいちゃしててもいいんですけどね。
ピンタウ、ビジュアルが1番好みなので描いてて本当楽しいんですよね～～。いや、擬人化だからそりゃそうだ、って話ですけどちゃんと原作がオールバック長身パーフェクトハンサム逆三角形×金髪ふんわりパーマ碧眼ボンキュッボンですから…私の好きを別に強調してる訳ではなく、原作がそうなんで…最高かよ…😭
▼拍手レスしました
掲載誌ちゃおじゃないの…??!!と本当に疑問符が駆け抜けた問題のシーン
どうも、最近日中襲い掛かる睡魔が酷いジョーです。こんばんは!
でも私、1ヶ月のうち2週間くらいは抗えない眠気に襲われ続けているのでいっつも月の半分は『眠い』んですよね。笑
嘘獄99話が先週木曜に配信されたので「これは触れないといかん…!」と思ってたんですがなんやかんやバタバタしててこんなタイミングになってしまいました(…)
まず99話、単行本で言うと21巻に当たります。
嘘獄って基本的には1話完結の話なんですが、いくつかのフェーズ毎に水面下で動いている話があって、フェーズ毎にボスキャラがいるんですよ。
先生の作成なさった表が分かりやすいですが、21巻は「神の後継者・ネクスト」と戦う『ネクスト編』のクライマックスに当たります。
完全なる余談ですが『ユーリィ編』クライマックスの7巻は地獄長バイブルなので私が原稿する時に必須な巻です(笑)
ざっくり言うと99話はゴクオーくんと人間の繋がりが生まれた1話に時を戻して、ネクストが妨害をすることでゴクオーくんと人間の繋がりを消滅させる、っていう話なんですよ。
当時アナログで原稿をしていた𠮷もと先生、99話は貴重な1話の原稿を切り貼りして描かれたんです。そう、全く同じ原稿で本当に1話に戻るんですよ…!!!
と言う訳で、無料で読める1話を読んだ後にこの99話を読んで頂きたいんです…!!!是非この機会に…!!
嘘獄、直近更新3話分は読めるので、99話は2月8日(木)9時59分までは読めるんじゃないかと思います。
毎度のことながら直接リンク貼るのは憚られるのでURLを載せておきます…!
【1話】ttps://www.corocoro.jp/episode/3269754496804802560
【99話】ttps://www.corocoro.jp/episode/10044607041237230931
嘘獄は主人公×ヒロインに関して本当に公式が最大手な作品なんですが、ゴクオーくんと天子ちゃんの“絆”というものを見せつけてくれるのが99話なんですよ…これに勝るのは最終回くらいですわ…。単行本派だった私はむき先生から「21巻はヤバい」とだけ聞いていた為、カゲタメ本『Never Know』の原稿真っただ中に荒ぶったら怖いな…と思い我慢してて、脱稿した後やっと読んだら99話が想像の遥か斜め上のヤバさで大パニックになりました。笑
ゴクオーくんと天子ちゃんの“絆”を…この機会に是非…!
去年malieに送りつけた沖神。神楽の髪飾り描き切れなかった…
突然ですが、明日malieの代理でサークル参加します!!
▼1/28 COMIC CITY 東京 150 Information
サークル【CMYK】のスペースは【東6ホール リ12b】です。
新刊サンプルはこちら
2023年12月17日に開催された『兎のヨメ入り』で頒布された準備号に付いていた割引クーポンをお持ちの方は200円引きになりますので、忘れずにお持ち下さい。
なるべくお釣りがないように、ご協力を宜しくお願いいたします。
malieへのお手紙や差し入れがございましたら責任持ってお預かりし、お渡しいたします!
元々この日一緒におって～!と頼まれてたんですけど、先日malieがコロナ陽性になってしまいまして…!
先月割引クーポン付き準備号を頒布したし、当日体調良くなるかもだし飛行機も飛びそうだしどうにか参加する、でも念のためジョーは来なくていいよ～みたいな感じになって、でも体調第一だから無理はしないで!って話をしてた中でフと「て言うか私が参加すれば良くね??」って気付いてこうなりました。笑
高熱の中で原稿して無事に完成させた凄すぎるmalieの新刊、責任を持って皆様に頒布いたします!
私は六角霧江の話をWJ本誌でしか読んでなくてすっかり忘れてたんですけど、サンプルにもある通り31巻を読めば良いので31巻買って準備号読んだんですけど非常に良かったです!!
malie先生と言えばギャグのイメージが強いですが、昔(本当に昔々)少女漫画家を志していただけあって、コマ割りや感情の機微の表現、間合い、読みやすさ、全てが最高なんですよね…!あと原作からのキャラの落とし込みが凄まじいので「なんか違うな…」みたいな違和感が果てしなく少ない二次創作を描かれるんですよォ…!!
新刊楽しみだな～♡(1ファン)
明日はどうぞ宜しくお願いいたします!