SSブログの引っ越し: s k n y s

2025年05月11日

SSブログの引っ越し

今、彼女は姑のモニカを待っていた、牝猫のエリを連れてくるはずだった。調子を狂わせないよう、神経質にさせすぎないよう、大がかりの引っ越しのあとで、その猫を移動させることに二人は決めていた。猫と姑は、パウラが台所に鍋と皿とフライパンをうまく収め終わったとき、やって来た。モニカのためにコーヒーを準備したが、その間、猫は、びくびくし、尻尾を脚のあいだに入れて、あらゆるもののにおいをかぎながら、新しい家を点検していた。｢きれいな家ね｣と姑が言った。｢とっても広くて明かりはたっぷり、運がよかったわね！ブエノスアイレスじゃ借りられないわ｣〔‥‥〕テラスを見たときから、パウラはエリのことが心配だった。避妊手術は受けているし、遠くには行かないだろうが、生まれて初めて──これまではアパートでしか暮らしたことがなかった──屋根を調べる気になるかもしれない。どうしようもなかった。その問題は解決できなかった。金網さえ猫を引き留めるには役に立たないし、よじ登る助けになりかねなかった。暑かった。パウラはテラスに上がった。勉強し始める気になれなかった。壁に坐ると、隣の家の中庭を毛の短い、大きな灰色の猫が通っていくのが見えた。エリの彼氏だ、と思った。そして猫を飼っている隣人ができて嬉しかった。
マリアーナ・エンリケス「隣の中庭」

SSブログ（FKA So-net blog）は2025年3月31日に、全てのサーヴィスを終了した（goo blogも2025年11月18日に終了するという）。Seesaa Blogへの移行を先延ばしにしていたのは予想されるレイアウトの崩れを直すのが億劫だったから。1週間前（3/23）になってから、漸く引っ越すことにした。どうしてこんなにレイアウトが大崩れするのか不可解だったが、手探りで手直ししているうちに分かって来たことが幾つかある。同じシステムを使用しているとはいえ、新ブログは厳格というのか、融通が効かないというのか、ブロック・タグ（<div>と</div>）が1つ多くても、足りなくてもレイアウトが大幅に崩れてしまうのだ。旧ブログ（SSブログ）との大きな相違点はテキスト（本文）だけでなく、プログラミング言語（CSS/HTML）にも改行コードが反映されてしまうことである。サイドバーが記事下に表示されて、一反もめんみたいな長尺の余白が記事の上部に出現した時は言葉を失いました。

　　　　　　　　　　　　　　　　　　　　＊

□ レイアウトの崩れと修整

｢Seesaaブログ専用移行ツール｣を使って移行はスムーズに終わったが、旧ブログの初期リニューアル時に起きた改行コードのバグ（パッチを当てて対応した？）が解消されずに、そのまま引き継がれてしまった。レイアウト総崩れで、どこかの被災地みたいな惨状に。不自然な空白は記事全般に及び、手作業で修整しなければならない単純作業に多くの時間を費やすことになった。｢改行を<br/>タグに変換する｣（デフォルト）の設定で不用意に改行すると、｢HTML｣に余白が空き、｢CSS｣は無効化する。特に表（table）とリスト（list）は厄介だ。とはいえ改行なしの表示は見難いし、記述ミスも起きやすい。その単純な手作業も煩瑣で面倒臭いというわけで、改行HTMLタグ変換を｢変換しない｣に設定して、改行すべきところにパラグラフ・タグ（<p class="auto"></p>）を挿入することにした。｢オリジナル・スキン｣｢スキン・スイッチャー｣｢オリジナル・バナー｣など、旧ブログ・カスタマイズ関連の記事は非公開にして、1日100件をノルマに記事（記事数1280・非公開50）の修整を行った。

□ ｢バナー｣（sknys-lab）と｢プロフィール｣（Apple Image Playground）

デサイン（テンプレート）は｢こねこ｣をベースにカスタマイズしてみた。バナー画像はテンプレート（デザイン）の種類によって設定出来たり出来なかったりする。｢こねこ｣は不可で、ファイル形式も｢jpgとpng｣に限定されているが、｢デザイン > デザイン設定 > CSS/HTML編集｣で、旧ブログよりも簡単に変更可能だった。旧テンプレートとはサイズ（横幅）が異なるので、記事限定の｢スペシャル・バナー｣をオフにして、別館ブログ（sknys-lab）のバナー画像｢デジタル・サンプラー・アルバム｣（Asthmatic Kitty 2014）から借りて来たネコちゃん（Gifアニメ）をリサイクルすることにした。｢共通ヘッダ｣は非表示にして、｢Seesaa BLOG｣をバナーの左上に表示し、右下に作者（Tom DesLongchamp）のコピーライトを入れた。プロフィール画像は｢黒猫｣と｢ルイス・ウェインの猫｣から、アップルの画像生成AI（Image Playground）で作った｢自画像｣（アバター）に変更した。

□ ｢過去ログ｣と｢ブログ内検索｣

ダラダラと長く表示される｢過去ログ｣をドロップダウンリスト（プルダウン）に変更した。旧ブログに設置した｢月別アーカイヴ｣（Monthly Archive）が機能しないので、Seesaaブログ用に提供されているスクリプト（Javascript）を丸コピした（Hash Cordが表示されてしまうが）。レイアウトが崩れる｢ブログ内検索｣を旧ブログの｢Google Search｣に代えて、見出しをロゴ画像（Google）に変更した。サイドバーに｢Favorites｣（Albums、Books、Videos、Arts、Cats）を貼って、出来るだけ違和感のないように旧ブログのレイアウトを再現してみた。最近の記事（Lastest Articles）、カテゴリ（Categories）やラベル・リスト（Tag Cloud）は旧ブログから支障なく引き継がれている。新ブログに引っ越して良かったことは非表示（no nice!）にしていた｢nice!｣がなくなったこと、悪かったことは過去記事をダイレクトに編集出来ない（記事一覧ページを開いて検索しなければならない）こと。

□ サイドバーのカスタマイズなど

プロフィール画像（sknys [sni:z]）の右に記事（sknynx）、回文（palindex）、necordex（猫ジャケ）、rewindex（年間ベスト・アルバム10）、catalog（ネコ）、スニーズ・ラブ（sknyslab）のインデックス・リンクを設置してみた。投稿やイヴェントなどをメモする備忘録｢Sknys Scraps｣を追加した。カレンダー（Catendar）は投稿日のリンクが見難かったので、CSS（border-radius:50%）で丸印を付けた。ラベル・リスト（Tag Cloud）は単語内で折り返すCSS（word-break:break-all）を削除して、見やすくした。〈にゃんこスライダー〉のスライドショー（CSS）は再生されるが、〈サンシャイン・キティ〉などのランダム表示（Javascript）は今のところ機能していない。オンマウスで画像が変化するギミック効果（HTML）も無効にした。別館ブログ（sknys-lab）は閉鎖・削除して、〈スニーズ・ラブ〉に統合した。引き続き｢スニーズ・シンクス｣（sknys-synks / sknynx）をよろしね。

　　　　　　　　　　　　　　　　　　　　＊

■ Monthly Archive（過去ログ）

<div class="side">
<script language="javascript" type="text/javascript">

</script>
<form method="get" action="">
<select name="archive" onChange="ChangeArchive(this)" class="archiveselect">
<option value="">select month</option>
<% content.header -%>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") %>-1.html"><% archives.createstamp | date_format("%Y-%m") %></a> (<% archives.count | echo('0') %>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
</div>

<style>
.archiveselect{color:#444444; border:1px solid #999999; width:95%; height:24px; margin-top:3px; padding-left:10px; border-radius:5px; font-size:110%}
</style>

■ Google Search（ブログ内検索）

<div class="side">
<form action="https://www.google.co.jp/search" method="get">
<input class="search-tbox" name="q" type="text" value="sknynx search" onfocus="if( this.value == 'sknynx search' ) { this.value = ''; } " onblur="if( this.value == '' ) { this.value = 'sknynx search'; } ">
<input class="search-button" value="search" name="btnG" type="image" src="https://sknys.up.seesaa.net/image/glass-search-icon.png" width="22" height="22" align="top">
<input value="sknys" name="userName" type="hidden">
<input name="ie" value="UTF-8" type="hidden"><input name="oe" value="UTF-8" type="hidden">
<input name="hl" value="ja" type="hidden">
<input name="domains" value="https://sknys.seesaa.net/" type="hidden">
<input name="sitesearch" value="https://sknys.seesaa.net/" type="hidden">
</form>
</div>

<style>
.search-tbox{border:1px solid #999999; width:78%; height:20px; font-size:110%; color:#999999; background-color:#ffffff; padding-left:5px; border-radius:5px 0px 0px 5px}
.search-button{border:1px solid #999999; border-left:0px; width:22px; height:22px; border-radius:0px 5px 5px 0px; background-color:#ffffff}
.search-button:hover{background-color:#ffedab}
</style>

　　　　　　　　　　　　　　　　　　　　＊