実験中

前のブログでもやっていたんだけれど、ブログを更新するとツイッターに表示されるというサービス。
以前、さっぱり訳がわからないまま色々やってようやくできるようになったんですが、また入れてみようと思い立ってから既に数時間。
寄り道しまくってはいますがｗ
それはともかく、やっぱりぜんぜん訳がわからないまま色々やってみたら、もしかしたらできるようになったっぽい。
ので、実験。
ここを更新しないと、実験結果が出ないのだ(笑)
結局RSSって……なに？（爆）

自分が可哀相なくらいのアホなんだと自覚するのはいつだって辛いものですねorz
今日はなんだか日本語すらおかしいよ……


ところで、本館の方。
IEで確認してみたら（←なんという今更ｗ）、なんだか半角英数字が印刷っぽく無駄に美しいフォントになっていて驚いたので、先程訂正しておきました。
普段はいわゆるちょろめ使いなので、全然気づかなかったです。
ちょろめさんと、ルナ（Gecko）で確認して大丈夫なら、IEに代表されるTrident系なら大抵の表示は大丈夫だと何となく信じていたので、なんだか裏切られた気分ｗ

そもそもBloggerのテンプレート、初めに指定されているフォントが駄目すぎるので、全箇所書き直した（つもりなん）ですよね
。
基本的に、英語で作成することを前提にされているのでしょう。
指定されていたフォントがGeneva, Arial, Helvetica, san-serifとか、そんな感じで。
日本語だとなんかすごく……変でした。
なのでしこしこ直したはずだったんですが、取りこぼしがあった様子。
というか各項目ごとのフォント指定、ブラウザによって受け取り方が違うのかな？
まあ多分そういうことなんでしょうけど。
今までの経験上、IEは結構甘い指定で思うような表示がされていたので、他のエンジンなら大丈夫だと高をくくっていた自分がむしろ甘かったんだろうなorz
実はまだ、表示が変というか、思い通りに反映されていない箇所があるのですが（IEのみ）、閲覧には全く支障はないのでそのまま放置。
むしろ自分の趣味の問題だからどうでもいいですｗ
別に一文字くらい色が違わなくたってね……ぶつぶつ（←この辺は未練）

さて。冒頭の実験は成功しているのか否か。
一時間くらい経たないとわからないので、確認は明日かも。

公開初日

って、なんか映画みたいでかっこいいね！
でも全然格好良くないんだ……(´･ω･`)

それはともかく、今日は新規ブログの公開初日だったわけです。
今日やろうと、正確には今朝やろうと考えていたんですが、昨夜は先週録画しておいたFate/Stay Nightを見ながら焼酎を煽ってしまったせいか、つい勢いで突発的に夜中に決行してしまいました。
しかもかなり中途半端に。
更新履歴もツイッターを利用しているので、前のと共用しています。
なのでどう書こうか迷ったあげくに、かなり混乱した文章を立て続けに上げてしまって、どうしようか悩んでいる内に眠くなったので寝てしまいました(笑)
夜中も朝もそんなに人の多い時間ではないと……思うのですが、中途半端な状態を目にして混乱されたお客様がいらっしゃいましたら、この場を借りてお詫び申し上げますm(_ _)m

こちらは前のブログと違ってもはや日記とすら銘打っていないわけなので、当然そんなに頻繁に更新されないとは思いますが、本館ブログでメッセージをいただいたり、ボカロ系で叫びたいことがあったり、実験的なことをしたくなったり、ツイッターでつぶやききれない事柄があったときには書き込みますので、よろしければたまに覗いてみてやって下さい。

ほとんどツイッターでつぶやいてしまうので、本当にあまり更新されないかもしれませんが(汗)

画像投稿について

もしかして私、すごいうっかりさんだった？(汗)

ブログ設定の項目、フォーマットのところで、『浮動整列を可能にする』かどうかを選べるじゃん。
これがデフォで『はい』になってた。
しかもご丁寧に説明してある。
『<div clear:both> タグを使用して、画像とテキストの整列オプションを使用できるようにします。 (レイアウト後に問題が発生している場合は、「いいえ」を選択します)』

さきほど『いいえ』を選んでみたので、テストしてみることにします。
えいっ！

……あれ？

やっぱり<div class="separator" style="clear: both; text-align: center;">から始まってる……(　ﾟДﾟ)
なので、現れたタグを結局自力で整形してみる。



これだと直貼り、ではなく、サムネクリックで、画像を別窓直接表示になってるはず。
……どうかな？
プレビューで見てみた限り、その通りになってるようです。

結局、冒頭に書いた設定ってなんだったんだ？？？(汗)

画像の脅威

何の画像だと思ってはいけません(笑)
問題なのは画像そのものではなく、画像の貼り付け方です。
私にとっては今のところ、このBloggerにおける最大の難関というか謎。
それが画像のうｐの仕方。

一見簡単なんですよ。こだわらなければね。
そもそも投稿画面で、【HTMLの編集】というモードと【作成】という二つのモードがありまして、多分基本的にはこの【作成】という方で投稿文を書いてくれということなんだと思います。
このモードにしておけば、本文をプレビューしながら書くことができるのです。
上のほうに書式ボタンもいっぱいついてますしね。
でもJavaScript入りの文章を投稿するのがメインといっても過言でもない私は、どうしてもHTML編集モードで書くことになるわけです。
切り替えることは勿論できますが、なんだか後が面倒なので（そのままにしておくと次回投稿時にもそのモードのままになる。そこにうっかりJavaScriptを書き込もうものなら悲劇が…ｗ）、切り替えずに投稿しようと自分で<img src="　　　" alt="　　　">を書き込んでみたんですが……
やっぱり面倒ｗ
そもそも画像の保存場所が長いことメインで使っていたFC2に比べてわかりにくいんですよ。
ていうか、最初はどこに画像が保存されたのかさっぱりわかりませんでした＼(^o^)／
そこで【作成】モードで記事を書きつつ、自分のPCから画像をネットにUPして、それを貼り付けるという一番簡単なことをやったんですけどね……
それでわかったこと。
とんでもなくいらないタグがこれでもかというくらいついてくるorz

例：
<div class="separator" style="clear: both; text-align: center;">
<a href=画像アドレス" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="画像アドレス" /></a>
</div>
<span id="goog_なんかのコード"></span><span id="goog_謎コード"><span>

お分かりになる方には一目瞭然だと思うのですが、けっこう(ﾟДﾟ )ﾊｧ?って感じじゃないですか？
画像貼り付けたいだけなのに、なんでdivタグから始まらなきゃならないんでしょうか？？
そこまでしていろいろ指定しなきゃいけない意味がわからない。
そしてデフォルトでサムネ表示。
大きさは貼り付けるときに指定できるんですが、いちいち別窓表示にしたくなくて直張りしたい人にはこの貼り方ではどうしようもないでしょう。
私はそのつど貼り方を変えたいので、これは結構問題です(´･ω･`)
しかも貼ってから気づいたんですが、保存場所もちょっと……
Google提供のサービスってことで当然といえば当然なんですが、Picasaの自分のアルバムの中なんですよ。
画像が既にUPしてある場合、ここから画像URLを取得するまでの道のりの長いこと長いこと……orz
慣れが必要なのかなと思って、十数回連続で投稿してみましたが、全然慣れた気がしません＼(^o^)／
仕方ないので、最後は邪魔なタグを取っ払ってそのつど整形。これが一番確実。
これはいつまでたっても慣れないかも……(汗)
面倒なのでいっそtwitpicにうｐして、それを貼り付けようかとも思ったんですが、うpした瞬間からviewがいくつも入ってしまうので、それだけでビビって敗退。
いくらなんでも知らない人に、そんなに見られたくないです……((( ；ﾟДﾟ)))

テンプレート

ここまでは登録時に適当に選んだテンプレートを使ってテストしていましたが、実際にやろうと思ったら、本腰を入れてテンプレートをどうにかしないといけません。
見た目は大事です。
センスがないからどういうのがかっこいいのかって、よくわからないですけど(笑)
でも見やすいというのは大事です。少なくとも自分が見やすくないとどうにもなりません。

選択肢は提供されている基本のテンプレートか、例えばbTemplatesのような配布サイトがあるので、そういうところで探すしかありません。
もちろん自分で作るという選択肢なんて私にとっては存在しません(笑)

で、色々探してみたんですが、bTemplatesのはやっぱり洋モノってことでしょうか。どれもこれもぴんと来ません。
ていうか、多分目的が違う。
まあ自分のような目的を持っている人間なんて少数派なんだろうから当たり前といえば当たり前。
Google提供の基本のものは、ショボいという評判もありますがそのぶんシンプルで、ある程度いじれば十分要求を満たすような気がしてきたので、いじり倒してみることに決めました。

……とか何とか威勢のいいことを言ってしまった手前、実は結構苦労してしまったなんてことは秘密です(笑)
テンプレートによって表示領域が狭すぎたり広すぎたりするので、それを（自分から見て）ちょうどいい広さに縮小、もしくは拡張するだけでも、どこをどういじっていいのやらさっぱりでした。
ブログのテンプレートなんてそう難しいものでもありません。
各領域ごとにきちんと分けられていて、その領域ごとにCSSで指定がされてあって、最後に簡単にbody部分の記述があるだけです。
実に冥界……もとい、明快単純。
なんですが、提供元にもよるし、作成者にもよるんでしょうが、書かれ方が結構まちまちなんですよね。
言い訳にしかなってませんね。ハイ。解読するだけで結構苦労してしまったアホの子は私です(`・ω・´)ｷﾘｯ

i||i||||i＿|￣|○i|||i|||i

まあ、そんなこんなでなんとかいじり、形にすることができたのでした。
ばんさーい（←どこか投げやり）

Blogger本格稼動にあたって

自分メモ。
なにはともあれ、始める以上は検索避けから。
小心者なので(←うそつけ！)

レイアウト→HTMLの編集で、下に以下のメタタグを入れる。

<META content='NOINDEX,NOFOLLOW' name='ROBOTS'/>

ポイントは最後のスラッシュ。
これを入れないとエラーになる。
ググったときには、半角スペースとスラッシュという情報があったのでその通りにしてみたのだが、保存してまた開いてみたらなぜかスペースが消えてた。
エラーにならないし、まあいいのかな？

ちなみに
<META name='GOOGLEBOT' content='NOINDEX,NOFOLLOW'/>
も入れておこうと思ったのだけれど（実際に前サイトでは入れていました）、改めて調べてみたら、意味を成さないどころか下手をすると上のタグを打ち消してしまう恐れもあるという記述を見つけたので、今回はこれだけで行ってみようと思います。

そもそもBloggerには、一番初めの設定で
【ブログの検索を検索エンジンに許可しますか？】なんて設問があるのです。
これには、はい／いいえで答えることができます。
これには丁寧に解説がついていまして、曰く
【[はい] を選択すると、あなたのブログを Google ブログ検索に追加し、Weblogs.com に更新を通知します。 [いいえ] を選択すると、誰でも引き続きブログを表示できますが、検索エンジンではクロールしないように指示します。】
とのことなので、これだけでもある程度、十分に対策になっているような気がします。

それとは別に、ひとつ考えたことが在ります。
クロールしてくるロボットは、いったい何を読んで検索結果に吐き出すのか、ということです。
恐らくhtmlを読んで、タイトルなりリンクなり、所定のタグ内の記述を読んでいるのだろうと推察されます。
では、サイト名なりリンク先なり、その名前を文字で表記しなければどうだろう？
……なんて考えました。
そこで実験的に、次の自分ルールを作って遵守してみようと思います。
・サイト名は文字情報として記述しない。
　→　サイト名を表記しなければならない部分は全て画像で置き換える。
　　　Blogger開設に際して登録するブログ名も略称など、別のものを使用する。
・サーチやその他、検索されても問題のないサイト以外のリンクも上記を適用する。
　→　具体的にはバナーだけ張って解説等は一切付けない。

まあこれだけのことがどれだけ意味を成すかはわからないですが、わからないからこそやってみる価値はある！
……かもしれない、ってことで。

ブログでサイトを構築するに当たっての一番の懸案

それはブログで名前変換ができるか否かということ。
ちなみにここで言うブログとは、レンタルブログのことです。
自分でサーバーを借りてそこで展開するブログはこれに含まれません。
だってできないわけがありませんから（＾＾）

実を言えば一番最初にサイトを立ち上げようと思ったとき、当初はブログサイトを考えていました。
でも当時の知識では、それができるかどうかがわからなくて、結局諦めたという経緯があります。
そこまでこだわったあげくに、一応これまで、夢小説という名の名前変換小説サイトをやってきたわけです。
夢ヒロイン＝自分と思って書いていたわけではないけれど、だからこそただのオリキャラじゃ取っつきにくかろうと思って名前変換にこだわってきたわけです。
ここまできてそれを放棄するのも癪です。

で、いろいろ調べてみました。
結果『できる』ということが判明。

レンタルブログでも名前変換はできるんです。

方法は、至って簡単でした。
自分的には盲点だったと言ってもいいです。
まさかそんな荒技があったとは、という。
要するに、画像などをUPするのと同じ要領で、htmlファイルそのものをUPするという方法でした。
もしかしたら考えるまでもなく誰もがすぐに思いつく方法なのかもしれませんが、お馬鹿な私は目から鱗でした(笑)
なるほどね、と思って実験してみる一歩手前まで行ったのですが……結局この方法は実験するまでもなく却下。
やりたいことは、それではなかったからです。

この方法だと、これまで作ってきたファイルがそのまま使えます。
CSSをかなりいじらないといけませんが、使えます。
でも別窓表示になるんですよ。
いちいち全部別窓。それって自分的にはなんかとても嫌でした。
ブログだったらあくまで、ブログ記事内に表示されなきゃ嫌でしょ、やっぱり。
しかもブログサイトにしてしまえば増え続けていくhtmlファイルを管理しなくてもいいんじゃね？と今回のブログ化企画をでっち上げた部分もかなりあるので、これじゃあ意味がありません。

やっぱり無理なのか……orz
と挫折しかけたものの、よく考えてみると、比較的よく目にする大手レンタルブログ（ぶっちゃけFC2と忍者。アカウントを持っていたもの）しか見ていなかったことに思い至り、別のブログサービスも見てみようと考え直しました。
その1発目として試してみたのがこのBlogger。
自分が回るようなサイトさんではあまり使っている方がいらっしゃらないようだったので、その日陰っぽさに惹かれました(笑)
｜ω・)｡oO(常に人の斜め後ろを行くのが好きなものでｗ)

そしたら初めは、あまりに違うインターフェイスにびびったものの、ページ要素にわざわざ「HTML/JavaScript」とか選べるようになってるじゃないですか！
てことは、JavaScriptをがんがん書いてもいいんだな？ってことで、試してみましたら……

できた━━━━(ﾟ∀ﾟ)━━━━!!!!

できましたよ！
別窓表示にせず、名前変換用テキストエリアを表に出しっぱなしで、ブログ記事内で名前変換ができた！
というわけで、新しい生息地に即決定(ﾟ∀ﾟ)

こうして無事、一番の懸案はさくっと解消されたのでした。

とりあえず

テストですよ。

本格的に稼働させるかどうかは未だ謎。