更新が予定より遅くなってしまいました。
いろいろありまして、前書きにその顚末を書いてたら本文より長くなってしまったので、カット。
ただ言えることは、原稿の保存はこまめにね！

なんてことはどうでもよくて、以下はネタバレ注意でお願いします。
続きを読む

タグ ：

#白築慕

#白築耕介

#白築ナナ

#石飛閑無

#稲村杏果

#編集長

#ニーマン

#鈴木兒生

#与那嶺若菜

本編休載中に、いかに咲-Saki-成分を自給するか。
グッズや巡礼という選択肢(マニー)が無い時、いやある時でも。
リアルの中で、咲-Saki-のセリフを使って生活する。
それは生存本能みたいなものなんすよね。

いやほんと今更なネタで申しわけないんですが...

---

[東] 起床時「うぅ…みなも……さかな……」

これはさすがに皆さんもやられてることと思います。
仮にお腹の上に幼女お姉さんが乗っていない状況でも不自然には聞こえない、汎用性の高いフレーズと言えます。

和の「あと少しだけ…………」は二度寝の時に言ってみたいんですが、全部再現するうちに頭が冴えてしまい二度寝にならないので、難易度高くて、まだ成功したことはありません。

[南] 食事時「おいしい～～～～っ」

ハミレスでタルタルたっぷりエビフライを食べたころたんの第一声。
顔も作るのがポイント。そう！それ大事！
ただ、家で一人のときにしかやりません。
不気味ですね。

[西] 家を出る時「階前万里──透華はいつも心早すぎる」

これも衣ですが、原作の右のセリフがアニメで改変された部分ですね。
大将戦前にハギヨシが迎えに来て、川べりに座っていた衣が立ち上がる時、僅かによろめきます。
こころばやのあたり。
福原香織さんはそのかすかなよろめきを声で表現していて、上手いなーと感心しました。
そもそも、アニメでこんな細かい演出入れてくるスタッフ何なの…
彼らへの敬意も込めつつ、玄関で靴を履くとき、わざと少しよろけて、このセリフを言います。
大丈夫です。

[北] 可愛く見られたい時「ねぇ○○ケド…」

若くもなければ女の子でもない、それでも可愛く見られたい――そんなシチュエーションってありますよね。

ありますよね。

そんな時はぜひ、すこやんに倣え、という諺を思い出して下さい。
ねぇちょっとあの店寄って行きたいんだケド…、のように使います。
ケド…の部分を気持ち可愛く言ってみるだけ。簡単です。
相手が引き気味でも挫けないことがコツかナ。
当然ながら、実際に可愛くなるわけではありません。
でもやらずにはいられないわけで。
心は痛いです。

[白] 運転時「ワハハー」

NSは常に安全運転を心掛けていますが、高速の追い越し車線に入るときだけは言ってしまうぞー
あ、ワハハカーって左ハンドルだったんですね。
さっき初めて気がつきました。

[發] たくさんある時「○○、沢山よー」

たくさんある時に使います。

■■■④④■■

■⑤⑤■　＊ウラも乗ってる感じで

[中] 食事時(2) 「ハハ ザコばかりで笑える」

???「ジャコだけどね(ｽﾞﾊﾞｧ!」

???「おいしいよ！お食べ！」

NSの今日の朝御飯でした。

タグ ：

#東横桃子

#原村和

#宮永咲

#天江衣

#小鍛治健夜

#蒲原智美

#与那嶺若菜

#真瀬由子

今日はほぼコピペのみでございます。
下の画像をクリックしてね↓




続きを読む

タグ ：

#五十嵐あぐり

#アラフォー

弊ブログのお客様にはおなじみ？すこやんカードです。

これは一枚の画像ではなく、動く背景画像の上に、一部が透過している前景画像を載せています。
動くJavascriptというサイト様の記事を参考に、はじめJavascriptで背景を動かしていましたが、onloadというイベントハンドラを使っていて、これは同時に別のonloadを使ったプログラムがあると、どちらかが止まってしまうという難点がありました。
jQueryを使えば何とかなるという情報も得ましたが、jQueryはちょうど昨日勉強を始めたばかりで、当然その時は何の知識もありませんでした。
そこで、CSSで背景を動かすことにしました。
CSS3のanimationプロパティを使うやり方なら、わりと簡単そうに思えたので。
まずテストとして、ブログの背景画像を動かしてみました。
動きました。
次にすこやんカードに応用しました。これもあっさりとできました。
上のやつが一応の完成品です。

ただ問題として、

1. CSS3に未対応の古いブラウザでは動かない。モダンブラウザでも、Chromeで動かない(＊)。InternetExplorerではどういうわけかサイトの動作が重くなり、GIFアニメ画像(まとめアンテナ様のバナーなど)までがカクカクになる。
2. スマホやケータイでは背景画像そのものが表示されない(これはJavascriptでも同じことですが)。

うーん残念。
というわけで、今回の牌テクノロジーは(も)大事なところには使えないようです。

でも、せっかくなのでソースコードを
(見やすくするために主要でないプロパティやベンダープレフィックスを省略しています)

スタイルシート

div.scoyan_card_css{

　  display: table-cell;

　  background: url(背景画像のURL) repeat;

　  animation: bg_scoyan_card 400s linear infinite;

}

@keyframes bg_scoyan_card {

　  0% {background-position:4000px 0;}

　  25% {background-position:0 -4000px;} 

　  50% {background-position:-4000px 0;}

　  75% {background-position:0 4000px;}

　  100% {background-position:4000px 0;}

}

HTML

<div class="scoyan_card_css">

　  <img src="前景画像のURL" border="0" width="auto" />

</div>

keyframesの中でアニメーションを具体的に定義し、セレクタ内のanimationプロパティでスピードなどを制禦しています。
セレクタをID指定のdiv#ではなくクラス指定のdiv.にすることで、同じページ内に何箇所でも同じアニメを表示できます。
上の例は野球のダイヤモンドを回るような単純な動きですが、工夫次第でもっと面白い変化が表現できると思います。
前景画像をGIFアニメにしても面白そうですね。

あ、この背景画像は阿知賀編のあの映像をキャプチャしたものがもとになっています。コードに4000pxとか書いてあってぎょっとされた方もいるかもしれませんが、小さい画像をCSSでタイル状に並べているだけです。
(よく見ると継ぎ目がくっきりはっきりしてましてよ！)

ぼちぼち頑張ります。
ではまた。

タグ ：

#小鍛治健夜