ねむれないあなたへ

・・・FC2ブログの一般のユーザーが

デザイン（作成）したもので

それをFC2に登録してみんなで共有する、という形式。

ユーザーの自由な発想が生かせるのが特徴。

そのかわり、サポートの対象にはならない。

万が一何か問題があったら作成者に聞く方法もあるが、

技術的なことをある程度知っておかないと、

なにかと難しいだろう。


「FC2公式テンプレート」は、

ユーザー側からみても安定したデザインで、

長く使われているものも多い。


また、仕様については、

公式のプラグイン等、

初期段階は勿論その後も

「基本それらで充分」機能するから、

問題が起きても解決し易い。つまり、

初めてブログを始める人には「公式テンプレート」が向いている。

それか、「公式」を選ぶのなら、

途中で困るとか比較的「イヤ」にならないで済むのかもしれない。

【公式テンプレート】

blueHouse

【共有テンプレート】

roses

「共有テンプレート」は、

トレンドや変り種も含め、

回転がはやく、どんどん新型がデザインされる。

「共有テンプレート」は、

多様多彩だし、多数でもあるので、

気に入るデザインが見つかりやすい。

選ぶのに悩むほどあるかもしれない。


「共有テンプレート」は、

制作者の特徴や個性も

デザインにあらわれてくるので、

仕様にクセがあったり、

機能や構造の保守的なタイプから、

コーディングはわりとランダムで、とか、

そのかわりデザインにすごく熱がはいっているようなものも多くなる。

最高に自分の気に入ったデザインを見つけられることがあっても、
構造上で融通がきかなかったりすることもあるだろう。

制作者の意図として、

基本的なコーディングだけならべてあって、

あとは好きなだけカスタマイズするのもよし、

といった作風もあったりするだろう。
（共有テンプレの作者でアフターに親切丁寧な方も勿論いらっしゃいます）


よって、「共有テンプレート」を使用する場合は、

ある程度構造を知っていたり、

ブログ歴の長い人に、向いていたりする。

制作者の苦労や意図するところと、お借りしているユーザー側との、

そのココロのキャッチボールが、ブログやデザインにも見えるなら、

それはこの上なき奥深いweb交流のあらわれだろう。


でもここらへんはおもしろくて、

ブログ歴の長い人ほど、

あまりデザインにこだわるふうがなく、

むしろ初めてブログをやり始めた人のほうが、

デザインに凝っていたり、こだわりが強そうに見える

ものを選んでくる、という傾向にあるのかもしれない。



ボクの場合は、

一つ目のテンプレートは、

「FC2公式テンプレート」をつかったけど、

二つ目のテンプレートでは「共有テンプレート」を使用した。

なので、この記事に書いた流れは、ボクの体験でのこと。


・・・何にも知らない、ブログを始めたばかりのボクは、

少し落ち着いた、それでいて美しいとボクが思える感じのデザインをお借りした。


テンプレートを途中から交換したのは、

その「FC2公式テンプレート」が気にいらなくなったわけではなくて、

前にも少し述べたけど、

「黒系」という色に慣れたかったり、

デザイン、イラストを自分で描いてブログに載せるのに、

背景からの色調的な制約と影響が強くなってきたことが、

交換に至る主な理由だった。


その際選択するのに、

ボクの望む黒（ダーク）系のテンプレートが多いのは、

必然、数の多い「共有テンプレート」のほうだった。

だから、「共有テンプレート」側から選んできたのであって、

たしか、それを選択するときは、

「FC2公式テンプレート」と、

「共有テンプレート」の違いすら、よくわかってなかった、

というふうだったと記憶する。


ブログパーツや、

プラグインを選択し、並べながら、

少しずつ見た目も機能も拡張していったけど、

「FC2公式テンプレート」に慣れていたので、

コーディングのよくわからないボクは、

いちいち苦労したふうに記憶する。

そういう流れがあったから、

かえっていじくりまわす頻度が多くなって、

その結果、覚えたことも多い、ということなんだとおもう。


ボクはコーディングが得意、とか、は、

全然ないんだけれど、

HTMLを書くこと自体は嫌いじゃない、

どちらかというと好きかもしれない。


知識を覚えている、というのは、

あんまりなくて、

見ようみまねでいじりながら、

いじっているところ、いじっている頻度が多いタグなんかが、

自然と身に付く、理解し始めてくる、覚えてしまった、

というような経緯が思い当たる。


≪今回エントリの動機≫

最近仲良くなったブロガーさんが、

たまたまボクのブログの不具合に遭遇したために、

そのことをブログコメント～“おきてがみ”ですぐに教えてくれ、
（たまたま“要承認”のコードにひっかかって未公開になった）

コードに手を付ける、改造に着手する気になった。


同じトラブルが以前、一度あったのだけれど、

そのころは、

トラブルが起こる、ということ自体に

あまり認識がなかったし、

「～に、なっているよ？」と、

ブロガーさんに言われたときでさえ、

「？」となって、

「よくわからない」に加えてあまり追求しなかった、

追求する、ということも知らなかった。

今おもえば、せっかく言ってくださったブロガーさんに、

すごく申し訳ないことをしたものだ。



そういったことから、

少しずつ、

「共有テンプレート」とはクセや特徴があるんだな、

と気付いていったし、

それらの積み重ねが今の自分だ。


で。


今回はそのトラブルをきっかけにして、

少し気になっていた、

コメント欄のデザインや、送信フォームについて、

見直すことにしたんだ。


「共有テンプレート」のままのとき、

のコメント欄のデザインはこうだった。


▲コメント欄

とてもシンプルに見えたし、

カッコいい、ともおもっていた。

書き込み欄の下の「投稿する」のボタンを押せば、

ダイレクトに送信する・・・

▲修正以前のボタン。

▲表示を修正したボタン。

・・・今思えば、

コメント送信フォームについては、

公式の“送信フォーム”を

経由表示する選択をすれば、

それで済むことも多かった。


▲コメント投稿確認フォーム

けれども、

ボクもそのころ、偏った拘りがあったし、

FBなどSNSでのプロセスでの


“共有認識に基づくことで表示処理スピードの速度に重要性があるイメージを受ける”


そいった印象が、

充実しつつある時の「流れ」の最中であったから、

リンククリックなどで、２挙動で開く画面なんかは、

スマートじゃない、と、単純に考えたし、

スパム防止の“画像認証”なんかも

ただただわずらわしいもの、というふうに感じていた。



それから２年ほどたって、

その間もブログ更新を休んだりして、

ある程度の空白期間が経ってから、

ブログに戻ってきたのだけれど、

そこで休む前の頃を思い出すと、

自分の考え方や自分のスキル、スキーム的な情報が、

自分の中で錯綜している状態になっていたらしくて、

こうして戻って来たばかりのときには、

目の前のモノ物がずいぶんすっきりみえることに

驚きを覚えたりしていた。


休みから戻って来てみて、

ボクから見える回りのブロガーさんの状況は、

一見変わらないようにもみえるのだけど、

よくよくみてみると、

きちんとした、シンプルな方向に進化していた。

ほんとうに何も変わらないブロガーさんは、

「やっと時代がおいついてきた」・・・というふうだった。


ボクは、

「もっと新しいものだらけになっているんだろうな」

と思いながら復帰したんだけれど、

前から「良いことだ」

と漠然とおもっていたようなことは、

どちらかというと、

より確かなものとして、

はっきり残っていたし、

前から、こういうことはどんどん新しくなって、

もう手の届かないようなことになるんだろうな、

とおもっていたことは、

既に消えていたりすることも多くて、

そういう感じ方も含めて、

「すっきりした」というふうに思えたんだ、と思っている。


ここでは、相互訪問の皆様から、

影響を受けつつ、こうしたほうが良い、

と思えたスタイルを、自身のブログに反映させた状態をご紹介する。



「共有テンプレート」の元の状態から、

改造し「FC2公式テンプレート」寄りになった部分を、

ボクなりに比較検討している様子と、

テンプレートの小規模な改造について、

触れていければ、とおもう。


具体的には、

『コメント投稿欄（コメントを書き込むところ）のデザイン』と、

投稿、送信後のコメント編集機能がある『コメント編集画面』を追加し、

ほとんど無地であった『コメント表示欄』に少し手を加えた。


▲コメント編集画面（←クリックで“実物”が開きます。中身、
いじって大丈夫ですよ♪passがないので変更されません）

それにともない、

いくつかのヶ所で、

付けたしたコードや、

CSSで付足したstyleなんかについても

キャプチャ画像にしておこう、とおもう。



【今日の音楽：ともだちの歌】

---

---

≪今日の音楽について≫
ボクの師匠でありバンド仲間であるHIROKAZさんの曲を紹介。
このテイクはHIROKAZさんのデモテイクにEG,EB,RhodesPianoを、
ボクが加えRemixしたもの。HIROKAZさんはAG,Vo,Drumsを演奏。
youtubeはすべてHIROKAZさんの歌と演奏。彼とともに、
近日中にRAGAROCKを演奏する。“RAGA TYPE-Z”というbandで。

HIROKAZさんがどうおもっているか、
恐れ多いし到底彼にはとどかないし、訊くこともできないけど、
ボクはもう一人のボク、というふうに彼のことをおもっている。
（それは思い込みというヤツだ←と、付足しておこう♪）
でも皆さんナイショにしておいてね♪ボク叱られるから(^o^)♪
それと似ているわけではないよ。彼はとてもカッコいい方です。




コメント表示欄について、気付いたことがある。このブログのコメント表示欄は、シンプルというより、受けとらえ方によっては「無節操」に近い。以前使っていた「公式テンプレート」のコメント表示欄を思い起こすと、コメンテイター個々の仕切りがきちんとデザインされていた。それって、コメントする側の目線にたてば、「優しいブログ」「気持ちの届くブログ」そういう印象の手助けになっていただろう。つい、デザインというのは、ビルボードや、トップページの配色などで、印象を決めるもの・・・という教えも、そういう認識もあるだろうけど、コメント欄の印象や、扱いやすさ、そいうところでは共有的なものを取り込む、そういった配慮が大切なのかも知れないと思う。だから必然落ち着いた感覚で全体を設計したならば、その中に結果的には不備、不具合なデザインや機能があったとしても、その不備、不具合も逆に見れば強調してこない、ギャップを感じにくい。また改善されている頻度の高いデザインは、それなりの安定要素がしっかり強調してくるし、こういったデザインのことでの核（コア）の部分や大切さに気付くほど、冒険はあまり意味をなさない、目立つことばかりが能じゃない、というのが見た目にも活きて来て、メリハリと深みのあるブログデザインにみえるふうになる、そんなことに全体を通しても気付きました。・・・だし、

必要なタグをぬきとって、コピペする際、CSSへの指定要素にまず注意しましょう。テンプレごとにCSSの定義設定はある程度の一致はあるものの、異なることも少なくない（基本は異なりますが定義上でのおおまかなルールが存在しています）ので、照合しながら確認する必要があります。その意味でも、よくわかっていないのに、むやみにコードをいじると構造を破壊してしまいます。必ず元となるものと、改造する以前の複製を用意し、見て理解できるタグをひとつずつ着実に確認していきましょう。FC2の場合、“プレビュー”で修正をおこない、全体の影響を確認しながら、更新をするといいでしょう。大きく改造する場合は同じ環境をPC内に設定する手法も安全で、確かなやり方です（・・・いや？FC2テンプレートは変数の定義があるので無理かな・・・変換するくらいなら、最初から独自の素材か、外に取り出さず直接変数を扱った方がいいかな。どちらが手間かどうか、今のボクには解らずです、すみません）。カスタマイズ始めたばかりの状況ではタグの指定要素を理解するのに、常に以下のマニュアルを参照しながら取り掛かるというやり方に「まず慣れる」というところがボクの体験でした。



ご来訪有難う御座います。
Ryoji Suzuki(^o^)ｺﾒﾝﾄｩ♪



▲facebook comment は facebook にログインすることで投稿できます♪
(※従来のFC2『コメントの投稿』欄も是非ご利用ください。)