スマホに無理やり対応させました

誰得ブログってヘッダーに書いちゃったから誰得な話題をひとつ。

PCとスマホで随分とブログのレイアウトが違ってておかしいなと思っていたのですが、どうやらBloggerのモバイル用ページが一癖あるようで、せっかく直打ちしてカスタマイズしたCSSはPC版にしか適用されないみたいでして。CSSだけじゃなくてHTMLも割と違ってました。

ああ、そういえば10年位前はスマホ用の簡易ページが用意されていた時代でしたね。そういうやつですね、これ。

いや、ね、直打ちCSSが適用されなくて何が困るのって、ニコニコの埋め込みとかボタンとか、カスタマイズCSSで表示を整えているので、それらが適用されないとなると、スマホで見たときに表示が崩れるんですね。こまります。

それじゃあ出るとこ出てみようと思って、モバイル版ページを無効にしてPC版をレスポンシブCSSでスマホ対応させることにしました。

それでこんなんなってますが、いかがでしょう？若干の古臭さも含めてPC表示と近い具合になりましたね？

ということで、古いスタイルのBloggerを無理やりスマホ対応させた話でした。なんでこんなことやってんの？

第四回原石祭に参加しました

原石祭、皆さんはご存じでしょうか。
ニコニコのフォロワー数が1000人以下な投稿者を「原石」と呼んで、その「原石」たちがこぞって投稿してみんなに見てもらったり、アドバイスをもらってより良い動画を制作できるようになろうという企画です。
フォロワー数基準なので駆け出しの新人もベテランの無名も同じ土俵に立って評価されます。これに投稿歴1年未満のガチ新人МКМが参加しました。

といっても、sm42853753を投稿した後に原石祭投稿期間であることを認識したため、急きょ「ボーカル変更」という手抜き手法で制作した微妙なクオリティでの参加でした。

原石祭ではアドバイスが欲しい原石のために #原石祭アドバイスくれ というハッシュタグが用意されており、このタグを付けて動画をX(旧Twitter)とぼすきーに流すとみんなからアドバイスがもらえるという便利な仕組みがあります。
こうしていただいた私の動画へのアドバイスをまとめました。

• 立ち絵が寂しい。
  • 表情が動いていない。シーンで表情を変える等
  • 構図が動いていない。歌ってる方を顔アップにする、カメラワークを意識する等、音楽ゲームや歌番組を参考に
• 歌詞テロップがボーカル毎の色分けされていない。
• サムネの曲名フォント・色が曲の雰囲気に合っていない。

特に顔アップについては複数名からご指摘いただきました。
キャラクターが歌っている以上、キャラクターの存在感が薄いのは不本意ですし、腰回りを映し続ける理由もないのでサイズはもう少し大きくいたします。ただ、あまり複雑に動かして「わけのわからない酔いそうなカメラワークのMMD動画」のようにはなりたくないという強い思いがあり、調整には相当な苦戦が予想されます。
歌詞テロップの色については、sm42864318から反映、フォントについては次作の飛行少女(未完成)にて反映しております。

アドバイスありがとうございました。今後ともご指導ご鞭撻を賜りますよう、お願い申し上げます。

ボーカル見本

ボーカルご指名の参考にどうぞ

A.I.VOICE 琴葉茜・葵

A.I.VOICE 琴葉 葵

A.I.VOICE 結月ゆかり、紲星あかり

A.I.VOICE 栗田まろん、紅桜ショウガ

UTAU 空音マコ

UTAU 和音マコ

UTAU 足立レイ

UTAU ずんだもん、東北きりたん、四国めたん

ガイノイドTalk 鳴花ヒメ・ミコト

CeVIO AI/VoiSona Ci flower

VOICEROID・UTAU・NEUTRINO 東北きりたん

リクエストはこちら