ShoyoFILMSを開発していくブロマガ

やる夫がブロマガでAA小説風記事を書くようです。第1回「まずはひとセリフ作ってみよう」

2013/04/12 08:00 投稿

コメント:2

  • タグ:
  • やる夫
  • HTML
  • ブロマガ
  • ニコニコ技術部

シリーズリンク:

Part1 Part2 Part3 

前回までのあらすじ:
やる夫はやらない夫の勧めでAA記事を書くことを決めた。

さて、前回から約一週間が経ったわけだが
書くことは決まったか?

決まったお!色々悩んだけど
お勧めのゲームについて書いてみる事にするお

ゲーム紹介とな、それは面白そうだな。
じゃあテーマはそれにしよう。

・・・一応確認しておくがネタはある程度あるのか?
好きなことを紹介しようとブログを初めて3回で
ネタが尽きる、なんてのはよくある話だろ。

大丈夫だお、今のところ7本はあるお!

少ねえよ!

ひでぶ!

この記事はコーディングテクニックを紹介するのが目的なので茶番はここら辺でやめますが、余程の技術がなければ記事が少ないブログなど誰も目にすることなくあなたの黒歴史として永遠にネットをさまようことになります。お気をつけください・・・。

しょうがねえなあ。じゃあ俺のブログに
寄稿することにする。まずやる夫小説講座を見て
作り方の流儀を学べ!言っとくがまともな奴
じゃなかったら載せねえからな!!
ビシバシ指導していくぞ!覚悟しろ!!

教えてもらっておいてアレだけど
スパルタはやめてー!!

一週間後・・・。

な、なんとか原稿(セリフとAAの用意)が
できたお・・・。

よし、これぐらいなら読んでもらえるだろ。
ではこの原稿を元にブロマガ上に配置していくぞ。

まずはこれを見てくれ

<div style="height: 200px; clear: both;"><div style="width: 200px; height: 200px; float: left;">
<img alt="" src="https://bmimg.nicovideo.jp/image/ch2543599/12443/cd85fa75362182a04985732a4aa41a7ebffd872f.png" data-ubi="12443"></div>
<p style="margin: 70px 0px 0px; width: 480px; float: left;">やらない夫だろ。<br>
今日はブロマガでアスキーアート(AA)小説風の<br>
記事を書く方法について学ぶだろ。</p>
</div>

なんだおこの文字の羅列は!?

これがブロマガ用のHTMLコードだ。
ちなみにこれで1セリフ分な。
説明は後にして、まずはブロマガの投稿画面で
「HTML編集モード」にして貼り付けてみるだろ。

おー。ちゃんと表示されてるお。

じゃあ使い方を説明するぞ。
まず入れたいAAのスクショを撮って画像にするだろ。
ソフトはペイントでも構わないが拡張子はpngがいいだろ。

え、AAをそのまま使うんじゃないのかお?

まあ、そのまんま貼ってもいいんだが万が一崩れたら
AAとセリフが混ざってすげー見難いことになるだろ。
そこで画像にすることでセリフとAAが
ごっちゃになってしまわないようにするわけだ。

なるほどだお。

画像が出来たらここのwidth(横幅)とheight(縦幅)の数値を画像の大きさに合わせてくれ。単位はピクセルだ。

やらない夫w
widthが上と下で違ってるおw
これは致命的なミスだおwww

残念ながらミスじゃないんだな。
でもいいところに気づいただろ。widthが上下で違うのはこのHTMLが2つの構造を持っているからだ。

こんなかんじで上半分が画像を入れる部分、下半分がセリフを入れる部分になっているだろ。で、2つは横に並んでいてブロマガの横幅は680pxだからセリフの部分の横幅は680-画像の横幅にしないといけないだろ。常識的に考えて。

おー。わかりやすいお

10分後・・・。

・・・時間かかったけどできたお!w
これでやる夫もAA小説家への
第一歩を踏み出したんだお!

前にも言ったとおり、これは立派な創作活動だからな。
時間はかかるさ。だが慣れればもっと速くなるだろ。
次からはいろんなセリフの入れ方や細かいテクニックを教えていくぞ!

次回に続く・・・。


コメント

もみじ
No.1 (2014/05/04 13:22)
画像借りるよ!それと参考になる
ShoyoFILMS (著者)
No.2 (2014/08/23 02:13)
どうも。今見なおしたらdata-ubiを書き換えないと他のユーザーは貼れないのかな?
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事