余弦発振　〜さわ狂ぶろぐ〜

　ああもう次から次へと！
　FLASH余命宣告を受けてのFirefoxでの取り扱いほぼ打ち切りにつき、JSかを余儀なくされた逆if証拠品。ほっと一息入れていたら今度はAutoPageがSSL導入とかでまた表示できなくなっちゃいましたよ！なんかアナウンスはあった気がするが、関係ないことだと高を括ってたら大騒ぎですよ！
　って言うかそもそもSSLって何。SLなら近所で土日とかにプオオオオオォォ！とか吼えたくりながら写真撮られてるけど。
　SSLとは盗聴・傍受・改竄などを防止するためにデータを暗号化して通信するプロトコルのことで、以前からちらほら見かけていたhttpsで始まるアドレスがそれだそうな。
　AutoPageがSSL導入に踏み切ったのは、恐らくGoogle ChromeがSSLじゃない普通のhttpプロトコルのサイトで「安全じゃない」表示を行うようになったためだと思われる。さらには、httpのページはGoogleなんかでの検索順位がグッと下がるとか。つまりはまたアメリカの連中が自分たちの仕様を押しつけようとしてるって事か。別に表示するだけなら暗号化なんかされてなくたってなんてことないし、入力するったって個人情報を入れるようなフォームじゃなきゃ問題ないと思うがね。
　なお、SSLについて調べていたら2015年6月にSSLの使用は禁止されてそれっきりみたいな記事があって、SSLについては使うべきではない。とまで書かれていてええっとなったが、禁止されたのはセキュリティの問題が見つかった最後のSSLバージョン3.0であり、その後は後継のTLSシリーズが使われているがTLSとはなかなか呼んで貰えずSSL呼ばわりされている模様。あれか、オーストリーと呼んでくださいと発表したのに誰もそう呼んでくれなくて時刻大使館すらオーストリアに戻したのと似たようなもんか？違うか？違うな。むしろナビスコがいつの間にかヤマザキビスケットになったのにいつまでもナビスコのような気がするのと……も違うか。まあいいや。
　で、そのSSLで保護されたページには、インラインフレームで逆ifのスクリプトページが表示できないという訳らしい。
　俺の場合はKIEFを表示してそこからリンクで飛んできているので最初のアドレスはhttpだし、そこからリンクを辿ってブログ内を移動してもhttpのままなのだが、投稿後にブログを表示するボタンを押したり、俺は未確認だがコメント投稿した後などはhttpsの方で表示されてスクリプト部分が空白になる。google辺りから飛んでくる場合もhttpsとして表示されるんだろう。
　AutoPageによるアナウンスを読み返してみたが、どう対応すればいいのかがさっぱり分からん。余所のブログパーツなどを表示している場合はそれが表示できるか確認し、表示されていない場合は提供サービスに対応状況をお問い合わせください、と書かれている。何それめんどくさい。
　なるべく人に頼らずに対応せねば。

　KIEF、タカマ過去更新。
　天神が遂に5人揃って言うなれば第一部完と言った所の今回。ある種、やっとかって感じですね！そして、一部の終わりと二部の頭が一緒になっちゃってるのが今回。もっとキレイに切れなかったものか。そして一つ目の山になる場面のはずが、全体的に見るとギャグ展開が多くてそんな感じがしないって言うね。
　この回はとにかく苦労した思い出が……。いや、今日更新したという体なんだから思い出とか言うなって事だが。これまで割と思いつきで色々書いてた軍の裏事情をまとめて片付けないといけなかったのでそれをどうしたものかと。でもって、こんだけ風呂敷広げちゃってどう畳むのかと。まあ、結局風呂敷に油かけて火を付けて無理矢理終わらせた形か。こう書くとホント酷い。
　とりあえず、ずっと進めていた『一番最初に存在が明らかになるスバポが仲間になるのは一番最後』というのだけはちゃんとやれた。散々引っぱった割にはさらっと流してしまったが。絶対濃いオッサンのラズニにインパクトで喰われてるしな。
　で、その濃いオッサンのラズニが早速活躍している。得体の知れない愛のパワーで怪現象を引き起こしているが、もちろんこれはまだ本人も気付いていない（ある種気付いてて確信の上に力を行使してはいるけど）天神としての力ですな。

　さて。ここまでは、歴代月読の政策というか方針で人間の領域と自然の領域を分けているという設定の元、自然界の住人との接触少なめでやってきたわけだが、この辺りから舞台はド田舎へ、自然とのふれあいも増えてくることになる。タカマらしくなりますね！
　そしてこの辺から読む割合が増えてきたラノベの影響でお色気とかラブコメ展開が増強されていくことにもなりつつ。まあそこら辺はどうでもいいよね。
　あんまりそんな気はしないと思うがこのところシリアス展開が続いていたので、そろそろ一旦緩む展開になっていきますです。迫る温泉回！
　まあ、今の所緩んだっきりで戻る所まで話が出来上がっていないんだけどね……。

　おお、略してぼんくらだ。略すな。
　煩悩と言えば除夜の鐘。まあそれ以外の時もガン無視しているだけで年中煩悩につきまとわれてるが、そんなわけで概ねタイトルだけで年末だと分かるような、……やっぱり分からんか。まあそんな感じである。で、ついでに言うとクライマックスはクリスマスをもじっているが苦しすぎる。まだクルシミマスの方が分かりやすいくらいだ。こっちは既に鉄板ネタでもあるしな。
　そんなわけでクリスマスから年末までをざっと流した今回。一応この小説もラブコメを標榜してるんだから、ラブコメとしてクリスマスは一大イベントのはずなんだが。兄弟姉妹で部屋に寄り集まって駄弁って終わりというラブコメらしからぬ展開でクリスマスはさらっと流れました。
　で、超久々に登場した加奈子と恒星。改めて調べてみたら恒星は20話で加奈子と共に、加奈子は更に25話でも一度流星・樹理亜の会話の中で名前だけ登場。まあ、そもそも加奈子自体がキャラとして登場した事ってあったっけ。考えてみたら恒星すら怪しい。
　そんなもしかしたらキャラとして登場するのは初めてかも知れない二人。加奈子はしばらく見ないうちに変わっていて、加奈子とも疎遠になっていた恒星も加奈子から見れば大分変わったとの事だが、そもそも変わる前の二人が登場してないんだから読んでる人にしてみりゃどう変わったのって感じだろう。どう変わったのかは作中で書いてはいるが、変わる前の印象が無さそうだもんなぁ。
　そもそも、中学卒業までの15年間が10話の中にみっちりと詰まってるわけで。でもって序盤は孤独に未来に向けて研鑽する日々、樹理亜らと出会うまでに3話くらい使っててそれからだからな。伽椎とのラブコメ展開もあったしそりゃあ弟衆とか出番無いわ。
　つーか、今その辺見直してて気付いたんだが、恒星＆加奈子って流星らが幼稚園に入る頃に生まれたことになってたんだな。その計算だとこれから中学進む所じゃん。やっべ、なんで一つ下だと勘違いしてたんだろ。まずいな、直しておかないと。何と言うか、まだ始まってないこといなってるけど雛罌粟の方で加奈子がナガミーの後輩になる予定なので1歳差に合わせないと。そうしないと、ただでさえ縁が薄く出番の少ない加奈子をどこかで登場させるための折角の口実がなくなる。
　ちょっと前から中学までの話の詰め込み過ぎと高校入ってからのテンポの、ひいては各時代の扱いの差とか、爺婆や和弘隊長みたいななんのために登場してたのか分からないうちにフェードアウトしたキャラでもうちょっと何かやれなかったろうかとか、幼児期しかやれないイベントがもっとあったよなーみたいなことを考えてはいて、その辺を加筆するプランがあったんだけど。恒星らの設定をしれっと修正するためにもほぼ必須になったわ。
　まあ、同じようなことを既にラブラシス機界編でやってるからそっちと並行させるか、あっち片付けてこっちに移るかプランを立てないといかんが、あっちもなかなか進まないんだよな……。これ以上並行は難しいだろ。まあ、心に留め置いてそのうちってことにしておく。逆ifのスクリプトも一段落したんだし、ペースも上がるだろ……。
　なんだ、要するにアレか。略してぼんくらとか言ってたら俺のぼんくらぶりが露呈した訳か。いやぁン。

　逆ifのJavaScriptが相当雑だが概ね出来上がった。細かいところは後で気が向いたらどうにかする。
　と言うわけで、ここからしばらく雑さ自慢。誰得。
　見てわかると思うが、インラインフレームで外側が隠れてるのをいいことにやりたい放題だ。詳細も一ページ中に全部入れちゃったし、おまけにアンカーとリンクで飛んでるだけだもんな。最初は最終的にきっちりブロックを作って重ね、スクリプトで表示をオンオフしたりしてスクロールなしで実現できるようにしようとも思っていたが、このままで何の問題があるのかって感じになった。まあ、スクロールさせたら見えちゃうのは、特にまだ入手前とか変更前の証拠品の詳細が見えちゃうのがどうかって感じだが、まあいいんじゃね、で片付ける気満々です。
　スクロールと言えば、その詳細のうちの一つ鉄パイプの指紋詳細がただのスクロールバー付きブロックと言うシンプルな構造のわりにいい動きをする。特にedge。edgeのスクロールはもっさり感があるものの滑らかだ。
　こんな感じでスクリプトを駆使せずハイパーテキストの持つ機能に頼る方向へどんどん流れて行っている。最初の試作品では無地のボタンにスクリプトで文字を表示させていたが、特に詳細＆戻るボタンなんかはただのアンカーリンクに成り果て、それならば背景画像にテキストを重ねる方式よりも一枚の画像をリンクシンボルに使う昔ながらの方式の方がシンプルオブベストだと判断、それに伴い無地のボタンから文字入りのボタンに作り直したり。昔から使えた基本的な機能に頼った話をした直後に言うことじゃないが、HTML自体が進歩してるから単独で色々やれるようになってるよな。スタイルシート無しじゃ何にも出来なくなってもいるけどさ。
　スタイルシートと言えば、今の所Edgeでは思い通りの表示が出来てるが、Firefoxだと少しずれてるというか潰れてるんだよな。こういう場合は大体スタイルのどれかが微妙に間違ってるんだけど。編集作業に主に使っているのーパそにはFirefox入れてないからテストが出来ないんよ。入れんといかんわ。
　スタイルシートでも、スクロールの挙動でもそうだが、EdgeとFirefoxはページ読み込み時の挙動も違うんだよな。具体的には、ページに飛んでから実際に表示される時のプロセス。
　Edgeは初期ジェネレートのスクリプトが一通り済むまで表示が行われず、もっさり感が半端なくてちゃんと動いてるのか不安になるが、それが終わればきっちりと表示される。Firefoxはリアルタイムで少しずつ表示されていくので、今ページを生成しているなってのが目に見えて安心だが、最初にアンカーで設定した位置より上の方でページに変更が加えられると表示がずるずると下にずれて行ってしまう。
　これがEdgeで問題なかったのでそのままGOを出したらFirefoxで悲惨なことになっていた例その2か3だ。下が切れるので操作の主軸になる証拠品/人物切り替えボタンや詳細ボタンが押せずに面倒だ。スクロールバーも隠してないし、隠したとしてもマウスのホイールをくりくりすればいいんだけど、その辺に気付かない人もいるだろうしな。
　これに関しても雑な対策を講じることにした。実に簡単。メイン部分の上と下にメイン部分へのアンカーリンクを配置するだけ。このリンクをクリックするだけでベストなポジションに移動する。まあ、もともとアンカーの場所に移動したら後からアンカーの方が動いちゃったって話なんだから、またアンカーに移動しなおせばいいというだけの話だ。
　ひとまずその準備だけは済んだ。アンカー置くだけだしな。リアルじゃKIEF更新近いし、そのついでに直すことにする。あとはさっき書いたスタイルシートが怪しい件と、画像リンク方式を使ってない一部のボタンにカーソルを載せても見た目に何の変化もなく押せるのかどうか分かりにくいので、できればフラッシュみたいにボタンが光るように、最低でもスタイルシートでマウスカーソルを指カーソルに変えてやればクリックできるのが分かりやすいはずだ。それだけやったら一区切りにする。

　軽く流すはずの闘技場のエピソード、3話かけてようやく終わりました。三日間のうち初日が。うっわー、何これこの先長そー。流そうと思ってたのに長そー。そして今の発言もさらっと水に流そう。
　でもまあ、初日の試合に関してはさらっと流れたよな。これまでは準メインキャラであるカンナの実力をありありと見せつけてくれるルスラン初戦はさらっと流れ。とは言えまあ、今回はこんな噛ませ犬もいいところになったが真の実力はこんなもんじゃないというのがすぐに出てくるわけだが。設定的にルスランそのものは割とすぐに成長と云々というレベルを軽く超えてしまうので、こういった周りの他の若手を成長させていく流れになっていきそうだ。まあ、もんの凄く先の話だが。
　で。ひとまず今回は愛くるしいいじられキャラと言うポジションでの活躍と言うことで。今回も試合よりもその後のいじりのほうが圧倒的に長いしな。一応こんなカンナも２回戦のデチューン柳雲ゴーレムよりは強いはずだ。
　長くなったのはアミア対イサークの試合。イサーク自体はコロシアムの外で出会うことは多分ないキャラだが、コロシアムエピソードの前半では最大のライバルになる。まあ、ルスランのではなくアミアのだけどな、見ての通り。そして既に二日目の数少ない見所となるリベンジマッチの仕込みが着実に進んでいる。
　この小説のもとになったゲームシナリオでは、イサークも豪輝同様コロシアムに登場するキャラだった。名前と黒いことくらいしか決まってなかった豪輝と逆で、バトルスタイルとかは決まってたけど名前とか見た目とかが一切決まってなかった。
　ゲームの時のコロシアムはこちらがパーティである関係もあり集団戦になっており、チーム豪輝はやっぱり黒一色のコスチュームの黒い戦士たちだ。流石1匹いれば１００匹はいるというアレっぽい感じはあるな。まあ、実質モブだから同じのが数人いると思ってくれ。
　まだイサークじゃなかったイサークたちのチームもやっぱり実質同じキャラで構成されたチームで、しかしながらああいうバトルスタイルであるため、数が揃っていると……。その辺はこの小説でも活かされたりするぞ。

　次回の話だが。一日目が終わったと言ってもまだ最後の余興とその日の夜のエピソードが残ってた。次回はまずそれから始まり……夜のエピソードが終わりそうにないな。って言うか終わりませんでした。さっきの話がどう活かされるとかはもっと後に保留です。
　カンナもようやくその力の一端をちらっと見せてくれることになる。そして、カンナの秘めた恐るべき真実が明らかになったりもする。弄るネタが増えるともいう。
　って言うか。夜のシーンが終わってないって時点でアレだけど、女の子二人と楽しく遊んでるだけで１話終わってるじゃん。進んでねぇ〜。

　半年間何も動きが無かったのが嘘のように、一気に動き出した証拠品JavaScript。
　逆ifの場面が成歩堂のパートから王泥喜の現代パートに帰ってきたのをきっかけにインラインフレームを設置してみた。ただ、それまで成歩堂パート版で素材の準備を進めてきたせいでとっさに用意できたのが成歩堂パートのサンプルだったわけだが。成歩堂パートが終わるのは分かっていたし、貼り付けるとしたら早くても王泥喜パートだろうとも思っていたが、自分でもまさかこんなに早くフレーム出すことになるとは思ってなかったので成歩堂パート版をそのまま出す羽目に。まあ、どうせサンプルだからどうでもいいや。
　その後、急ピッチで王泥喜パートの素材を吸い上げたり（単純作業だったので始めてみたら案外あっさり終わった）、Scriptのためのデータを整備したり（ほぼ丸写し、改行文字をbrタグに一括置換したりしただけ）と作業も進み、残された一部ユーザインタフェースとコア部分に取りかかる段階に来た。
　FLASHに比べてやりやすいこともあればやりにくくなったことも色々とあるな。まず、デザインは相当にやりにくい。タグやスタイルシートが相変わらず思い通りになっちゃくれない。最初、FLASH同様に背景部分とボタンをばらばらに作ってテーブルタグで区切って配置していたが、後から更に何か追加するたびずれたり、それを調整すると新しく配置した奴がずれたりというのを繰り返しまくった末に背景画像にボタンも書き込むことにした。でも、これやっちゃうとボタンの上にマウスカーソル載せたら光るみたいなアニメーションできないんだよな。中身を作るのが落ち着いたらまたボタンと背景バラすことになるかも。
　アニメーションと言えば、FLASHの方ではフレームアニメでやってた証拠品切り替え時のアニメーションもスタイルとスクリプトの組み合わせで切り抜けないとダメかも。これも余裕が出来たら手を出してみるかも知れないが、まともに使えるようになった時点で満足して(あるいは力尽きて)実現しないかも……。FLASHの時だって、インタフェースの改良がしやすいようにとわざわざデータ部分とインタフェース部分を分割し、その結果キャッシュが邪魔でデータを更新しても古いままになる不具合を抱えまでしたのに、それ以降インタフェースの改良なかったし。インタフェースがデータを読み込む形式なのを、逆転させてデータにインタフェースFLASHを読み込ませるようにすれば表に立つデータフラッシュをちゃんとリロードしてくれるんじゃね？と思い立ったものの、思いついただけだったし。まあ、暇なら手を出すんじゃなかろうか。
　インターフェースはそんな感じで最低限の体裁だけ整えておいて、中身について。
　こっちは色々大幅に見直すことになりそう。データの内容は変える気はないが、データ処理の方法とかがな。
　まず、何より大きく変わりそうなのが証拠品の一部が持つ「詳細」について。FLASHでは「詳細スプライト」を用意しておいて、必要に応じてそのスプライトのフレームを切り替えて表示させていたのだが、スプライトもフレームもないのだから当然この手は使えない。これについては本当に、どうしたものかと頭を抱える始末だった。
　が、やむを得ない事情諸々などの処理をしているうちに打開策というか手抜き策が見出された。
　証拠品JavaScript……なんか長いし重苦しいな。もっと気軽な呼び方ないかな。JSの証拠品……よし、これからはJSしょうこちゃんと呼ぼう。とにかくそれの置き場はKIEFのあるXREAだ。このブログには素材ならば置けるがハイパーテキストもJSも置けないからな。で、XREAは広告が表示される。どうにかしないと邪魔だ。
　インラインフレームは、別に表示される内容が全て枠の中に収まっている必要はない。むしろそのためのフレームだ。置き場をXREAにすると決めた当初は広告についてもちゃんと懸念材料として認識はしていたが、レイアウトやスクリプトに取りかかっているうちに失念し、試しにアップロードして表示してみたら「そういえばそうだった」ってな感じになったもんだが、その時はまあちょいっとスクロールさせて思惑通りの表示がされている気分をお手軽に味わってみたりした。それに、解決策として本体部分にアンカー付けてリングはそのアンカーに飛ばせばいいじゃんと。
　そう、スクロールだ。でもってアンカーだ。画面外に何が置かれていようと、スクロールさせなきゃ見えない。そして、スクロールさせれば見える。ならば、同じページの下の方にでも詳細を書いといて、アンカーで飛ばすだけでそれっぽく動くはずだ。そのうちフローティングボックスと可視不可視のスタイルシートでも使ってよりそれっぽく改良できるだろう。でも当座はこれで上等だと思われる。
　後は内部データの構造とかも色々弄るつもり。なるべく、俺が楽できる方向でな！その詳細はまたブログのネタがなくなった時にでも。

　JSと戯れている場合では無い。むしろJSなんぞチョロかった。
　JavaScriptの本からサンプルプログラム書き写してる時点で気が付いたが、JSって文法とかほぼFLASHのASそのまんまじゃん。表示周りやフレームとかムービークリップみたいなFLASHならではの機能使ってない部分はScript丸写ししてきても問題なく動きそう。むしろASがJSモデルにしてるんだろうな。覚えなきゃならないのはASで言うところのメソッドとかオブジェクトの名前と種類だわね。
　こっちは問題無さそうだが、問題になるのは表示絡みだった。表示周りは基本的にハイパーテキストを使うことになるし、HTML5だと見栄えどころか配置に至るまでCSSに丸投げしてHTMLタグからは見栄えや配置に関するパラメータが削除されている。JSと戯れる前にCSSと対峙しなければならないのである。
　JSを女子小学生のJSっぽく書いては来たが、CSSの場合どう解釈するのがいいんだろうな。JSJCJKJDのJは女子であるので、Cは性別であるべきだろう。Cで始まる性別なんて中性しか無いな。SSは……ひとつのSは小学生でいいとして、もう一つはどうしよう。そう言えば、中性と言っても具体的に性別を指し示してないよな。アレはあくまで中性的って感じで。ここは一つSを使って性別を明示しないといけない。うん。ならばこうだ。『中性的ショタ小学生』よしこれだ！ショタといった時点でほぼ小学生を思い浮かべるんじゃないかと思うので蛇足感はあるが、これ以上は無理だ。そして、何をやっているんだ俺は。
　男の娘小学生は放置プレイの刑にしてスタイルシートの話に戻る。
　CSS。JavaScriptと同じくらいの頃から手を出していて、こっちはまあそれなりにおつきあいがある感じだ。KIEFじゃあんまり積極的には使ってなかったがブログのデザインはスタイルシートだからな。最近はほぼ仕上がってる過去の奴をローテーションするだけだけど。
　何と言うか、CSSの方の知識もJSと同じで15年くらい前で止まっていた。その頃のCSSはIEとネスケが競って独自仕様を出し合い、分厚い本の中にどちらでも使える機能が5割、IE独自が3割、ネスケ独自が2割くらい。半分くらいはどっちかのブラウザでしか使えず他のブラウザで見ると何も起こってない。しかもどっちでも使える機能もブラウザによって微妙にデザインが違うことが。まあ、この辺は今のCSS3も同じ有様っぽいけどな。
　そんな感じだったので一旦SCCからは離れてた。ブログのデザインでもう一回押しつけられたが、お仕着せの出来合いデザインのパラメータ弄るだけだったし。しばらく離れているうちに必要な機能に関しては統一が図れてきているようで安心して使えるようになってるな。まあ、そうじゃないとデザインはCSSでやれなんて言えないけど。
　ただ、FLASHのノリで配置しようとすると結構大変だ。何せ、リアルタイムで見ながらマウスで調整なんて出来ないし。数値をエディタで入力してセーブ、ブラウザをリロード、数値を調整してリロードの繰り返し。ただでさえこれが面倒なのにCSSがなかなか思うように決まってくれない。と言うか、CSSの挙動を掴みきれてないんだな。
　いや、デザインソフトみたいの使えば感覚的にやれるんだろうけどな。ワード辺りにそう言う機能ありそうだけど……。あれ、余計なタグとかしこたま盛り込んでくれるからファイルサイズがえらいことになるし後から手作業で直しにくいから使いたくない。
　そんでもって頑張って調整してみたところでブラウザとかパソコンが変わるとまた見栄えが変わったり……。これは流石にCSSの新しい機能を使わなければ問題ないことが多いけど、スマホとかで見た時どうなるか不安にはなる。
　そんな感じで、今はJSよりもCSSでてんやわんやだ。この野郎と思っていたがCSSを男の娘小学生と認識したらちょっと許せるようになった。でもやっぱり野郎なんだよな……この野郎。