FC2ブログ

道しるべ

火酒とは・・・ ジン、ウォッカ、ラム、テキーラといったスピリッツと呼ばれる酒を指す。 そんなことは全く関係ないこのブログ

<<061234567891011121314151617181920212223242526272829303108>>

続々・ブログ設定調整中


 こんばんは、火酒です。ドコモが回線速度を低速にしたデータ定額新プランを発表しましたね。下り128kbps。ちなみに今僕はSony Tablet P でU300を使っていて、これは下り300kbps。最初は十分だと思っていたのですが、やっぱり最近は遅く感じます。

 それでは今日の道しるべと参りましょう。

 昨日から、ブログのテンプレートを色々と弄りまくっています。HTML、CSS両方をひたすら、あーでもないこーでもない・・・と。
 その結果、記事下部にコメントページに飛ぶ機能をつけることに成功しましたb

↓↓↓このようになります、下記は画像なので注意!

2011121500.jpg

↑↑↑ココまで

 コメント以外にも色々ごちゃごちゃついていますが・・・、このブログ、コメントエリアを表示するには、エントリを全文表示する必要があったのです。一応記事下部にも |TB:0|CM:5| とかの表示があり、リンクになっているのですが、マウスをそこに乗っけても手の指ポインタに変化しないなど、問題がありました。
 そのため、拍手ボタンをコメントエリアと勘違いする事例が実は前々から発生しています・・・(・_・;)

 さすがにこれじゃ不親切!と思ってCSSとHTMLと格闘すること2時間。分からない。何も変わらない。一体何がどうなってると言うんだあああ!!!

 そこに友達がチャットイン

火酒:HTMLとCSSについて相談
友達:どうぞ
火:「道しるべ」エントリ下部のCMとかのリンク欄、何とかしたいんだけど
友:なんじゃこら~、ポインタ変わらないけどリンクになってるのか!
火:コメント欄の開け方がわからない事例があるそうで・・・
友:wait a minute...
(3分後)
友:たぶん分かった
火:ええええ!?
(約30分作業)
火:おお、出来た!サンクス!
友:OK
火:2時間かけて出来なかったのに・・・、INするのが遅いんじゃ(#゚Д゚)ゴルァ!!
友:・・・
火:すみませんまたお願いします。

 てなわけでコメントに飛べるようにしたのですが、どうでしょう?使いやすくなったですかね?デザイン的にも、もうちょいこんな感じに!とかあったら是非是非!、挑戦してみます。行き詰まったら恐らく友が解決してくれr(ry

 さて、皆様が使っているウェブブラウザ。最近はInternetExplorerの他に、Firefox、Opera、Safari、Chrome等があります。ちなみに僕はChromeを使っているのですが、ここになかなか面白い機能があるそうで。

2011121501.jpg

 右上の設定ボタンからデベロッパーツールまで下りていきます。Chromeをお使いの方は試してみてもいいかもしれません。

2011121502.jpg

 そしたら画面下に何かが出てきます、そしてタブはInternetを選択。後ろは「道しるべ」のページにしています。この状態で「道しるべ」を読み込むと・・・

2011121503.jpg

 どの表示、ロードにどれくらい時間がかかったかを測定することができます。そして色々詳細も。そして気づいたことは error の読み込みがやたらと多いということです。
 注)上記画像は幅方向の中間をトリムしています(赤線の部分)。そうでもしないと読めない画像になったので。実際の画像とは異なりますので注意して下さい。

2011121504.jpg

 一応、表示されているURLをアドレスに放り込んで直で読み込みを試してみましたが、返ってくるのは404エラーのオンパレード。ファイルが存在していません。と。そして、このerrorファイルの読み込みには1秒以上もの時間がかかっていることが、一つ上の画像からわかります。

 実は僕が使っているテンプレート、FC2のサービスが始まった初期くらいに配布されたものだったりします。そしてもう既に公開停止がされていて、作者様のページも閉じられています。
 最近テンプレートをいじろうとして、作者様のサイトにやり方が書いてある、との事だったのでアクセスしたら404エラー。そこから暗中模索が始まった感じです。

 で、テンプレート内に、この作者様のサイトにアクセスするコードがいっぱい仕組まれていることに気づいたわけです。そしてそのすべてが404エラーを構築しているわけで、ブログの読み込みに時間がかかる原因ではないかと踏んだわけです。
 そのため、作者様のサイトにリンクしていると思われるURL、及びその周辺を



 で、ひたすらに囲んだわけです。上記タグに挟まれた記述は、コメントとして機能するので、コードに影響を及ぼさなくなります。

 そして1時間ほどかかって、エラーを全て駆逐。現在に至っています。しかし、本当に読み込みが早くなっているかどうか不安ですが、どうでしょう・・・?

2011121505.jpg

 ちなみに最初、どこを弄ればいいか分からずに、いらんところをいじった結果、こんな標記が。なんだこの配列表記!、気に食わない・・・、けど一体何をどう弄ればいいんだよ!ヽ(`Д´)ノウワァァァン!!ってな状況にもなりましたが・・・w



続・ブログ設定調整中


 こんばんは、火酒です。昨日に引き続き、ブログの設定をいじり倒しまくっています。しかし昨日の記事、サトシの反響がなかなか大きく、ホッとしたようななんというか、ドヤ顔をしてたような気がします。

 テンプレート等々を色々いじっていますが、カラム幅、プラグインやエントリ領域の幅調整について、僕がどうやったかというのだけ説明しておきます。
 僕の使っているテンプレートは物凄くシンプルなので、画像等は使っていないのです。画像を背景やエントリ枠等に使っている方が僕のやり方をやっても、デザインが崩れてしまう可能性があるので気をつけてください。また、FC2ブログ以外に適用できるかどうかは知りません。

 さて、当ブログですが、現在3カラムレイアウトを適用しています。そして左のカラム幅は300ピクセル、右のカラムが160ピクセル、中央のエントリ領域の幅が540ピクセルとなっています。
 もともと左が200ピクセル、中央380ピクセル、右が200ピクセルの合計780ピクセルだったのですが、500ピクセル程度の画像を使いたくなったので調整を行いました。(ちなみに今540ピクセルの画像をアップしても500ピクセルまでの表示になります。余白領域に左右20ピクセルづつ取られているようです。)

 一昔前のモニタサイズについて、画面解像度が横幅800ピクセルというのが主流で、ブログの元々のレイアウトもそれにそっていることが多いらしいです。ブログに限らず各種サイトを巡回していても、なぜこんなに両側の余白が多いのだろう?というサイト様も多数あると思いますが、それはこの800ピクセルに合わせている、というところに拠っています。

 しかし最近のモニタサイズは1024ピクセルであったり1960ピクセルだったりします。800ピクセルのモニタを使い続けている方のほうが少ないかと思います。
 ちなみに最初テンプレートを改変しようと思った時は、1280ピクセルを基準にする予定でした。しかし、Sony Tablet P が1024ピクセルであったために計画を変更しています。

 さて、説明が長々となってしまいましたが、更にもう一つ。1024ピクセルを基準にページを調整する、となった場合でも、1024ピクセル限界で作ってはレイアウトが壊れます。理由はスクロールバーの存在で、スクロールバーだけで20ピクセルほど消費します。

 では、このピクセル数を弄ぶためには何をいじればいいか、なんですが、管理画面からテンプレート設定を開いて、CSSの編集を行うことになります。

 CSSの中をスクロールしていくと、こんな感じの記述が。

 2011120801.jpg

 さて、一応注意しておきますが、僕は専門家でも詳しい人でもありません、推測で何がどうなっているかをここから書いてきます。

 まず、CSS内のBody、この画像で言う1000pxというのが恐らくページ全体の幅を決めています。そしてColumn内、2つの記述の塊がありますが、上の塊のwidth:800px;が左+中央カラムの幅を決めているものと推測しています。その下の塊は右のカラム。

 CSS編集画面で、上の画像の続きをアップします。

2011120802.jpg

 ここにも記述の塊が2つありますが、上の塊が中央カラム、下の塊が左カラムとなっています。

 とまぁ、僕の場合はこんな感じでした。色々とひたすら弄んでいじくって、今のレイアウトまで持ってきています。

 また、地味に苦労したのが拍手ボタンの置き場。これ、ブログについてくる機能を使うと、置き場所が「追記の開閉」リンクの前か後に固定されます。これもブログのテンプレートによってはレイアウトが崩れる原因となるわけでして・・・
 そして見事に僕のブログはレイアウトがおかしくなったので、FC2IDで拍手のサービスを登録、タグを取得してHTMLの記述の中に追加した次第です。

 CSS、HTMLともに、編集するのに抵抗がある方は多いでしょうが、PCのテキストやら何やらに丸コピしてバックアップを取っておけばなんとかなりますw
 適当にいじって、いじくり倒して素敵なホームページに!なればいいなぁと思いつつ、しばらくはHTMLとCSSと格闘する日々が続きそうです・・・

 見事に文字ばっかりのエントリになってしまいました。文字ばっかりの記事って読みにくいから読まないんですよね~、それはわかっているのですが、書いてしまった以上、消してしまうのはMOTTAINAI!(ぇ

 あ、プロフィールやらプラグインの位置やら中身やらも色々いじくり倒しています。僕はデザインセンスとかそういったものがわりと皆無なので、パッと見「ここをこうしたほうがいい!」とか、「こんな感じでお願い!!」とかがありましたら、挑戦しますので是非ともご意見、ご指摘の程を・・・!



ブログ設定調整中


 こんばんは、火酒です。なんだか一気に寒くなってきた気がします。と思ったら今日は二十四節気の1つ、大雪らしいですね。雪が激しく降り始めるころ、とのこと。
 昔からの統計、というか経験ですね。こういった事はやっぱり結構当たっているんですよね。昔は統計なんていう概念は無かったかもしれませんが、経験として伝えられたものが現代でも通用しています。
 先人の経験の集積、その上に僕らは暮らしているわけですが、技術力等はともあれ、こういったところも昔の人のお世話になっているわけですから、全く侮れないものです。

 さて、最近ブログの設定を色々調整しています。そんな中でブログ高速表示設定の地雷を踏みぬいて広告表示が出てしまったりしていたのですが、その中で、いつのまにやらブロともなる機能が付いていることに気が付きました。

 というわけで早速この機能を使わせてもらおうと思ったわけでして、ターゲットは・・・旧くからリンクさせてもらっているブルームーン、小米雪さん。

 そんなわけで、気分は「ブロとも、ゲットだぜ!」。ポケモン、僕もはまりましたよ。初期のアニメシリーズも全部見ていた気がします。あの頃の僕もまだ純粋無垢な小学生だったのですが、今となっては・・・

2011120701.jpg

 ・・・って誰だお前は!チェンジ!!

2011120702.jpg

 お前も誰だあああ!これじゃ「サトシ」じゃなくて「サトシ様」って感じじゃないか!!!というかモンスターボールを物理的にぶつけて戦っているような雰囲気を醸し出してるんですけど!

2011120703.jpg

 やっぱこれですよね、うん。安心できる絵面ですね、しかし、誰もアホ面とか言っていないし思っていないですよね?w
 しかし画風を考えると、時代を少し感じます。この間初期のエヴァの1シーンをふと見たのですが、なんというか、作画手法が古い!って思いましたね。

 何はともあれブロとも申請!うん、未だに他の方のブログ等にもコメントを書きこむときに緊張する火酒です。何故なんでしょうか・・・?
 まぁまぁ、そんな硬くならずに文面を考えて~

2011120704.jpg

 うん、これでよし!


・・・


・・・・・・


・・・・・・・・・


 いや、良くない。硬すぎ。修正。(ちなみに修正版は味気ないものになりましたのでカット。)ってなわけで無事に承認も貰えてブロともゲット!となったわけです。

 とこんな感じで茶番を展開したわけですが、最初はブロとも関連の記事を少しネタにしようと思ったのですよ。

2011120705.jpg

 ハードル上がったーーー(゚∀゚)、ってなわけで微妙に考えてみたわけですw

 さて、ブロともはこの辺にして、ブログ拍手も追加します。
 その他に、ウェブページのサイズをもともと横幅780ピクセルだったのを1000ピクセルに拡大しています。これは500ピクセルの画像をブログ上にアップしたかったからで、併せて左右のカラム幅も変更しています。
 最近のパソコンは画面解像度がだいたい横幅1024ピクセル以上になっていると思います。ちなみにブログのテンプレ標準が780ピクセルになっているのは、横幅800ピクセルのモニタを使っている方を考慮してとのこと、というか伝統みたいなものらしいです。
 解像度が横幅800ピクセルのモニタで見られている方がいらっしゃったらご不便をおかけすることになりますが、、、

 ちなみに、記事で用いた素敵なサトシ様の画像は下記サイトからお借りしています。海外サイトすげぇw

Desktop Nexus Anime







Profile

火酒

Author:火酒


 基本的には、火酒の日常を。そして時には皆様のお役に立てるようなエントリも書ければいいかな、程度につづっています。

 ほぼ火酒の実体験ですが、特定避けのため、所々改変しています。もし特定した場合でも、気づかなかったコトにして下さい(笑)。

 一言だけでもコメントを頂ければ元気が出ます、火酒の何かのレベルがきっと上がります。


壁|д・) ソォーッ…

壁|∀・)Ξスッ
このブログをはてなブックマークに追加
壁|д=) ジー
FC2ブログランキング
壁|ロ゚)ハッ
Counter
About 道しるべ

 ”道標(みちしるべ、どうひょう)”とは、目的地までの距離や方向を示すために設置されたもの。マイルストーン、一里塚、Milestone。by Wikipedia。
 ですが、このブログはただひたすらに迷っている火酒が、書きたいことを書き連ねているだけですw
 ここに書き連ねた”記録”が、いつか僕の糧になる。勝手にそう信じながら。
 管理人への連絡についてですが、メールアドレスを公開します。michishirube☆kasyu.net(☆→@で)。もし連絡したい状況になったらお使いくださいb
Links
 当ブログはリンクフリーです、そして相互リンク募集します。”原則”受け付けられますb
 リンクについて、詳しくはコチラのエントリをお読みください。
 また、このブログをリンクに簡単に追加するためのリンクはコチラです(FC2限定の機能となります、悪しからず・・・)。

→このブログをリンクに追加する
Diary
Everything
RSS URL
最新エントリのRSS URL


最新コメントのRSS URL


最新トラックバックのRSS URL
All Links

Click to expand





Information

 かねてから僕が運営していたRedStoneの★BACCARAT★ギルドサイトですが、この度、勝手ながら閉鎖させて頂きました。関係者の方々、散々放置してしまっていて申し訳なかったです。
 この跡地に、新たなサイトを立ち上げます(RedStone関係無いです)。まだまだ構想中ですが、これから公開できるよう、整備を行います。
 2012年、1月1日

 新たなサイト 道しるべ を開設しました。これからコンテンツを充実させていきます、よろしくお願い致します!
 2012年、4月21日
Archive

copyright © 道しるべ. all rights reserved.
copyright © 2004 powered by FC2. all rights reserved.
javascript by Harukiya Archives. all rights reserved.