2016年10月2日17：53に追記： コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 2019年12月23日17：20に追記： デザイン、CSSを微調整しました。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹き出しと画像を使って会話形式にする方法は他の記事でも紹介されているのですが、すごく面倒なのです。 「会話形式の記事書くの面倒」「シロマどうにかしろ」という意見があったので、楽に実装できる方法を頑張って作りました。 最初の設定は少し面倒です。ただ、一度設定してしまえば、後はめちゃ楽ちんになると思います。 見た目はこんな感じ↓↓ 先生、今日は吹き出しを簡単に実装する方法を紹介します。 運動と瞑想の習慣がない者の末路はいつも悲惨だ。恐ろしい恐ろしい。 ・・・

桜がひらひら舞い降りて落ちる様子を見て、篠原明里が言った。 「...秒速5センチなんだって」 「何が？」 遠野貴樹は聞いた。 「桜の花びらの落ちるスピード」 「秒速5センチメートル」 秒速5センチで落ちる桜の花びらはまるで雪のようだった。 あらすじ 「秒速5センチメートル」は3つの短編を組み合わせたちょっと不思議なアニメだ。 遠野貴樹の小学校～中学1年時代を描く「桜花抄」 高校時代を描く「コスモナウト」 社会人時代を描く「秒速5センチメートル」 の３つが連続して描かれる。 遠野貴樹と篠原明里は生れつき身体が弱く、運動が苦手だった。 お互いに転校生だったこともあり、図書館で本について語り合ううちに仲を深めていった。 お互い想い合った二人は、同じ中学を受験し、合格する。 しかし、「これからもずっと一緒にいたいね」と考えていたところで、明里の転校が決まってしまったのであった。 転校先は群馬と並ぶ