Archive : 2005-11
2005 -11-30 ( Wed )
ちょ、ちょっと待ってくれ、メロパ
今日ここを訪ねてきてくださった方は、気付いたでしょうか。
メロメロパークの「うちゅ」が成長して「ひとりだち」しました。
が…
何なんだその波平ヘアーは〜〜！！
最初は、頭にゴミが付いてるのかと思いましたよ。もしくは（自主規制）
こういう一本だけ長い髪とか、猛烈に気になる性格なんだよう！キー（T皿T）
2005 -11-26 ( Sat )
「Web Designing」12月号
月刊誌「Web Designing」の12月号を買いました。
表紙がメチャメチャかわいい。こういうクリスマスの表現もあるんですね。
とにかく高いので普段は本屋で見かけたら立ち読みで済ませているのですが、今月号は内容が充実していたので頑張って買いました。
MacromediaがAdobeと合併しちゃうのでさよなら特集やってます。Fireworksを愛用している私には寂しい限り。
頼むから今の使いやすさを保ってください ノД｀）
2005 -11-26 ( Sat )
「lace_1」「lace_2」のリンク効果
「lace_1」「lace_2」は、公開を終了していますm(_ _)m
ご希望の方はお問い合わせください。
「lace_1」をお使いの方からメールで質問を受けてお返事したのですが、メアドが違うのか戻ってきてしまいました。
質問の内容は「サイドメニューの既訪問リンクの効果」についてでした。以前にも同様の質問を受けたことがあるので、記事としてこちらにアップしておきます。
カーソルを当てる前から中が白でピンクの枠のものと、ピンク色の■でかこまれているものと２種類あります。
普段は枠なしで、カーソルを合わせたときのみピンク色にすることはできますでしょうか？
2005 -11-26 ( Sat )
Web Developerがバグった
日頃愛用しているFirefoxの拡張機能、Web Developerがだいぶ前からバージョンアップしていたのですが、面倒くさがって放置していたので今日アップロードしました。
…が、次の瞬間画面がとんでもないことに。
画面下のステータスバーが異常にでかくなり、謎のソースコードが真っ赤な太字で出現。しかも…固まって動かない（泣）
どうしてよいかわからず、結局Firefoxを一度アンインストールしてパソ子に入れ直しました…
なのにそれでも直らない（号泣）
Web Developerの配布元に行って、やっと原因がわかりました。
2005 -11-24 ( Thu )
休憩室
先日考えていたブログのテーマを絞る計画を実行。当ブログのカテゴリーを整理し、ゲーム日記と私が気に入っているものの話を本館のMovable Typeに移しました。
完全不定期ですが、今後、普通の日記とWEB以外の語りはこっちで書きます。
2005 -11-23 ( Wed )
追記を展開表示にする
大抵の「追記機能」があるブログは、トップページには追記が表示されず、文末についている「続きを読む」などのリンクをクリックすると「個別エントリー画面」に移動して追記部分を読む仕様になっています。
しかし、この仕様だと追記を読むたびにいちいち個別エントリー画面に移動してしまうので、数日分のブログをまとめて読もうとする人にはとても面倒です。
（記事の内容に合ったGoogle広告を読ませる効果はありますが 笑）
これを、下の画面写真のように
「リンクをクリックするとその場で隠れていた追記が表示される」ようにカスタマイズする方法を、MovableTypeとFC2ブログを例にとってご紹介します。
このカスタマイズは簡単なものですが、単純なだけに以下のような問題点があることをご了承願います。
2005年12月30日改訂：JavaScriptオフ環境でも追記が読めるようになりました（個別記事の追記先頭へ移動します）
- 追記部分は表示されていないというだけで、ブラウザには全て読み込まれます。
1ページの記事数が多かったり、非常に長い追記を毎日書いている場合は（ほんの少しですが）表示が遅くなってしまいます。 - 最初は必ず「表示されていないものを表示する」という動作になります。その逆はできません。
サイドバーの表示切替えにはこちらをお勧めします（設置が難しくなりますが）。 - JavaScriptを使っているので、当然携帯には対応していません。
2005 -11-23 ( Wed )
ツリー化スクリプトの改造
前項で、ツリー化スクリプトを未対応テンプレートに組み込んだときの崩れの原因を考察しました。その原因を解消できるようにしたスクリプトをご紹介します。
どうしてもツリー化したいテンプレートがあるけど上手くいかない…という方は、確実に成功するという保障はできませんがお試しください。
<ul id="commentlist（トラックバックならtblist）">
<li>（記事のタイトル）<br />
<a href="（リンク先）">（投稿者名）（月/日）</a><li>
<li>（記事のタイトル）<br />
<a href="（リンク先）">（投稿者名２）（月/日）</a><li>
<li>（記事のタイトル）<br />
<a href="（リンク先）">（投稿者名３）（月/日）</a></li>
</ul>
という構造のテンプレートを、
<ul id="commentlist（トラックバックならtblist）">
<li><a href="（リンク先）">（記事のタイトル）</a><br />
├（投稿者名１）（月/日）<br />
├（投稿者名２）（月/日）<br />
└（投稿者名３）（月/日）<br />
</li>
</ul>
に組み替える場合のスクリプトです。
このスクリプトは、takkyunさん制作のツリー化スクリプトの一部を改変したものです。 基本的に私が作ったものではありませんし、私はJavaScriptに関しては素人に近い（笑）ことをご了承願います。
2005 -11-23 ( Wed )
ツリーが崩れるのは何故か
「JUGEMカスタマイズ講座」のtakkyunさんによる「メニューリストのツリー化スクリプト」。
どんなブログやウェブサイトにも使え、JavaScriptオフの環境にも対応でき、見た目が綺麗なことから多くのブロガーに愛用されています。
私が配布しているFC2ブログのテンプレートにもこれを組み込んだものがありますし、自分で組み込んで使っている方もいらっしゃるようです。
設置がしやすいこのスクリプトですが、テンプレートによっては下の写真のようになってしまうことがあります。
2005 -11-22 ( Tue )
ホームページの色
はじめて訪問したウェブサイトで最初に目に入ってくるものは、トップ＝ホームページの「色」です。
背景の色、見出しの色、文字の色…
色は、ウェブサイトのイメージを伝えるだけでなく、自分と同じような配色の好みを持っているお客様をサイトの中に誘導するためにも、重要な役割を果たしています。
WEBの色は0〜Fの16段階、6桁で表されるのが一般的です。古いモニターを使っている人のために00・33・66・99・CC・FFだけで構成されるWEBセーフカラーを使うように、とも言われますが、今は携帯でもフルカラーになっている世の中ですから、この点は気にしなくても構いません。
むしろ、大まかな配色は訪問者を遠ざけてしまう結果になりかねないのです。
ここでは、見やすいウェブサイト作りの要点について書いていこうと思います。
2005 -11-21 ( Mon )
ネットが直りました
わ〜い、ネット直りました ('ワ'*ノ
朝からNTTの人に修理に来てもらいました。電話線が腐食して切れていたそうで、線を交換したら無事復旧しました。
数年前にうちの壁の中にネズミ（！）が棲み付いたことがあったのですが、そのときにオシッコでもかけられたのかな（´Д｀；
ネットの方も繋がっているのを確認したので、これから遅めの出勤です。
＞bonkさん
歩き方の企画カイギには、夜に時間が取れたらご挨拶に伺います〜
2005 -11-20 ( Sun )
ネットができません
（これは携帯で書いてます）
半年前にもこういうことがあって、やふびびに問い合わせたら「周辺のADSL回線が混乱しているようです」とのことで、一日経ったら直りました。
今回も早く直ってくれるといいのですが…
テンプレプレゼント企画の当選者が決まったようなのに（携帯で見た）、留守にしてすみません。ローカルでできる作業でもしてます。
2005 -11-19 ( Sat )
覚えておきたいCSS
WEBデザインの幅を広げるには、CSSを上手に活用することが大切です。
しかし、HTMLと比べて覚えなければならない用語が多い上に、滅多に使わないようなもの、ブラウザ間の誤差が非常に大きくて使いづらいものもあり、勉強しはじめた人にはいったいどこから手を付けていいのかわからないのではと思います。
私がウェブサイト・テンプレート作りで頻繁に使っているもの、最低限覚えておいたほうがいいものを表にしてみました。
あくまで私の主観なので、人によっては若干違うかもしれませんが、CSSをはじめる方は参考にどうぞ。それぞれの要素・プロパティの詳しい使用法は説明しているサイトが沢山ありますので、そちらで調べてみてください。
2005 -11-19 ( Sat )
テーマを絞る
今週はWEBの話題のペースを少し落として、昔からの趣味であるゲーム日記など書いていたのですが、なにげにこのブログに影響が出てしまいました。
ここ数日のアクセスを調べてみると、「ロマンシングサガ」関連のキーワードで検索してくる人の割合が激増しているのです（もちろんWEB関連もあるのですが、確実に減ってます）。
せっかく検索で探してきたのに大したことを書いてなくて、さぞがっかりしたことでしょう（笑）
さらに、これは特定の話題を書いているブログの宿命なのですが、同じゲームをプレイしているブログから検索トラックバックが来るようになりました。
別に放っておいても良かったのですが、一回もクリアしていない人間のサガ日記などつまらない以外の何物でもない（横暴な言い方ですが、ファンであれば理解できます。そういうゲームなのです）ので消去。
おまけにFC2BLOG Designersに出会い系コメントされるし！
IP丸出し、リンク先URIはでたらめ。ガキンチョの仕業じゃん。
今まではそういうこと一度も無かったのに。やっぱり訪問者の精神年齢層が下がっている気がする（全国の大人ゲーマーの皆さんごめんなさい）。
2005 -11-18 ( Fri )
携帯閲覧者に嬉しい変更
FC2ブログがバージョンアップ。URIに「?m」をつけなくても、PC版と同じアドレスで自動的に携帯版が表示されるようになりました。
日頃はFC2ブログをご愛用いただき誠にありがとうございます。 この度携帯での各ユーザーへのブログへのアクセス時にモバイルページへと自動的に転送する設定へと変更いたしました。
自動転送の有無が設定で変えられるのが嬉しい。これがなかったら、共有に登録されている「モバイル専用テンプレート」の存在理由がなくなっちゃいますよね（笑）
2005 -11-15 ( Tue )
ブログの後ろに道がある
ここ二週間ほどFC2ブログ内で、日本版Movable Typeの生みの親・平田大治氏の「ブロガーの平均寿命」に関する考察を多く見かけました。
ブログを長く続ける秘訣というものはあるのか。
実際に長くWEB活動やブログ書きを続けているsugarさんが、二回に渡って丁寧な考察を書かれています。
ブログは書かなくてはならないものではない。更新しなくてはならないものでもない。ただ、惰性のように更新するのではなく、まさに呼吸をするかのごとく、食べ物を口に運ぶかのごとく、当たり前のように言葉が紡げたら、それはそれでひとつの世界なのだ。
ありきたりのことだが、ひとにはひとのペースがあり、それをキープできるかどうかが「ブログを続ける秘訣」なのだろうと改めて思った。
そのキープも義務になってはつまらない。楽しんで書けるかどうか、これに尽きる。個人のブログはまずそれが第一でしょう。運営者が楽しんでいないブログを見て、誰が面白いものか。
sugarさんは下の記事を書いたちょうど同じ頃、うちのブログのFlashが変わっているのを見て
洵さん、楽しんでますね(^^
とコメントを残しています。いやもう、こういう改装関係はは私がいちばん楽しんでいますから。
年中ひとり祭り♪ラセラーラセラ♪←猫ひろしかい
彼女をはじめ、沢山の人が既に良い記事を書かれていますから、私は変な視点で考察してみます（笑）
2005 -11-13 ( Sun )
職業病？
ヤァ (´・ω・)ノ
数日お留守してました。洵です。
このところお店のデザインを固めたり分店を作ったり、本業の方でも職場のホームページのXHTML化に取り掛かったりで遅くまでパソ子に向かう日々が続いていたら、急に冷え込んだこともあって風邪でダウン。
というわけで今日は一日寝たり起きたりしつつ我が心のRPG、ロマサガ３をやっておりました。
主人公はエレンちゃんですよ。全然技覚えねェ。今回こそ速攻四魔貴族倒してヤンファン将軍を仲間にしてやる…って言うか昔ほどゲームに時間をかけられないのよね。クリアできるのだろうか。
最近テンプレ屋周りで熱い「CSSで装飾してください」を是非やってみたいのですが、ちょっと体調が万全でないので今のところ保留。
他の皆さんの作品を見るとますます手を付けにくくなりそう（苦笑）
2005 -11-09 ( Wed )
楽に更新するための画像サイト(5)
前項まで説明した更新手順が、全ての画像サイトにそのまんま応用できるわけではありません。
大事なのは、サイトの構造を決める段階で「どうすれば更新しやすくなるか」を考えること。引っ越したときの冷蔵庫の位置はずっと先まで変わらない、というのはよく聞く話ですが、ウェブサイトの構造もそれと同じです（笑）
- HTML文書・装飾用の画像・写真のパスを整理する
- HTML文書の構造をわかりやすいものにする
- 「置換」機能を活用できる階層構造にする
この3つを念頭においてウェブサイトを制作することで、後々何倍も楽ができるようになります。
2005 -11-09 ( Wed )
楽に更新するための画像サイト(4)
前項で、画像ファイルのリンクは全て繋がりました。
すぐブラウザで見てみたいところですが、他の変更箇所もついでに直しましょう。
まずタイトルの「１ページ」となっているところを「２ページ」に変えます。メモ帳更新ができる方は、戻る＆進むボタンのリンクも直してしまいましょう。
このときも「HTMLのリンク先は全てphoto.p（ページ数）.html」という法則を決めているので、深く考えなくても簡単にリンクを修正できます。
ここまで修正したら、メニューバーから「ファイル」→「上書き保存」を選び、メモ帳を閉じます。
2005 -11-08 ( Tue )
楽に更新するための画像サイト(3)
それでは、携帯アルバムを実際に1ページ増やしてみましょう。
まず、前の項目で説明したように「pho.p2」フォルダを追加し、中に2ページ目の写真を入れます。
ファイル名は1ページ目の写真と同じように、
pho.p（ページ数）/pho.p（ページ数）_（左上からの通し番号）.jpg
に統一します。
2005 -11-08 ( Tue )
楽に更新するための画像サイト(2)
2005 -11-08 ( Tue )
楽に更新するための画像サイト(1)
小説やコラムのような文字中心のサイトは、ネタさえあれば新しいページを作るのにそれほど手間取りません。
しかし、素材屋や写真サイトはページを増やすときに「貼ってある画像へのリンク先を変更する」という作業が必要になり、慣れないうちはこれに時間を食われてしまいます。
私は本館でWEB素材の配布サイトを運営していますが、1ページに貼る画像が多いので、できるだけ更新作業を早くするため、いろいろな工夫をしてサイトを作っています。
初心者向け「携帯写真の展示サイト」の作成・更新を例にとって、その手順を数回に渡ってご紹介します。
※注意
「ブログ」ではなく、自分でHTML文書を作る「ホームページ」の更新の話です（笑）
2005 -11-07 ( Mon )
検索のキャッシュ画面
一昨日改装したお店のGoogleのキャッシュを確認したら、肝心のサイトロゴとハピちゃん*1が消えてました。
うう、やってしまった。
ちゃんとトンズラーさんの訓示を頭に入れていたというのに。
検索エンジンで調べ物をしているとき、検索ワードを入力して検索をかけた後、みなさんはどうしますか？
私の場合、キャッシュを使ってサイトに飛ぶことが多いです。 検索ワードがマニアックなワードであればあるほどその確立は高いです。
2005 -11-07 ( Mon )
あなただけのテンプレートをプレゼントします
FC2ブログの歩き方 Wine Factoryによるユーザー共同企画、
「テンプレートプレゼント」の応募者受付を開始しました。
応募者から抽選で最低1名様（製作者もまだ募集しているため増える可能性もあります）に、お好みのレイアウト・カラム数・配色のテンプレートをクリスマスプレゼントいたします。
基本的なお約束事は以下のようになっています。
- 「FC2ブログ」限定です
- 不特定多数に公開されるブログで応募してください
（プライベートモード・閲覧者を選ぶアダルトはダメ） - 基本テーマはこちらで指定させていただきます
（たぶん「雪」みたいな、季節関係のものです）
募集は11月中旬までを予定しております。
テンプレートに対する自分の要望をほぼ100%実現できる機会はなかなかありませんから、ダメモトでどしどしご応募ください。
↓↓専用ページ・応募フォームはこちらです↓↓
2005 -11-06 ( Sun )
商品閲覧に特化したブログデザイン
CFDNさんのテンプレートを間借りしていた形のリトルハッピーですが、やっとこオリジナルデザインに変更しました。
bonkさんにご紹介をいただいたこともあって「これは気が抜けないや、アクセシビリティやユーザビリティを考慮したネットショップってどんなだろう」といろいろ試行錯誤したのですが、サイトとしてのインパクトを残しつつ色数を減らすと、結局気の抜けた外見になってしまいました（＾＾；
2005 -11-03 ( Thu )
コラムを移転してます
私はこのブログを含めて、現在5つのウェブサイトを持っています。
本館の素材屋「WebbingStudio」、
この「ウェビンブログ」、
リンク集「FC2BLOG Designers」、
ネットショップ「リトルハッピー」、
それと、Mobavle Typeで書いていた初・中級者向けコラム「はまったひとのWEB知識」です。
このところ、このコラムの身の振り方をちょっと迷っていました。
5月にはじめた頃は文書宣言と後方互換モードの関係とか、InternetExplorerのCSSバグの話とかいろいろ書こうと思っていたのですが、きちんと人に説明できる形で図解をしながら文章にするのはけっこう大変です。
それに今見直してみるとCSSを小文字で書いていたり、「タグ」という言葉を多用していたり、img要素に対するwidth/height属性の指定はHTML4.01非推薦だと勘違いしていたり
（borderやhspaceは非推薦ですが縦横に関してはOKだそうです）、
もう穴があったら入りたいわキャーーー 三*ノノ）な感じです☆
かと言って記事をお蔵入りにするのも勿体無いですし、今はこのブログの方がWEBデザインに関する濃い話をしているので、記事を統合してしまうことにしました。
ここの常連さんには今さらな話ばかりですが、加筆や追記をしているところもあるのでお暇でしたらご笑覧ください。
2005 -11-03 ( Thu )
更新を楽にする(3) CSSの有効な活用
CSS＝カスケーディング・スタイル・シート。
無理して使わなければならないものではありませんが、ブログのカスタマイズや高度なWEBデザインには、なくてはならないものです。
CSSは、HTMLの文字色や背景の変更と違って
「h1要素の色を赤、大きさを30ピクセルに」
「”check”というクラス名が付いている要素に、太さ2pxの薄いピンクの線を引く」
といった、複数個所の装飾を一度に変更できます。
大抵のホームページ作成支援サイトには、初心者にわかりやすいように
「<head></head>内にこれを書いてください」などと説明されていますが（私も素材展示室にそう書いてます 笑）、CSSが本当に力を発揮するのは、HTMLと切り離して別ファイルにしたときです。
2005 -11-02 ( Wed )
更新を楽にする(2) テキストエディタを使う
私がはじめてウェブサイトを開いたときは、前述した「ホームページビルダー」の廉価版を使いましたが、もともとHTMLに興味があった私は
「超図解 HTMLでつくるホームページ入門」という本もついでに買ってきました。
この本は、Windowsの「メモ帳」だけでホームページを作る方法について、丁寧に説明されている名著*1で、今さらながら、この本を買ったのが私がWEBデザインにのめり込む分かれ道だったのかもなあ…と思っています。
現在はDreamweaverを使ってサイトを制作していますが、デザインに影響しない簡単な更新には、いまだにメモ帳*2と「FFFTP（転送ソフト・フリーウェア）」を使っています。
Dreamweaverが起動するのをいちいち待ってるくらいなら、自分でソースコードをいじった方が数倍作業が早いからです。
2005 -11-02 ( Wed )
更新を楽にする(1) ファイル名の整理
ウェブサイトは、作ること自体は簡単です。
便利なホームページ作成ソフトもありますし、ファイルマネージャー（掲示板の画像アップロードと同じ感覚でファイルを転送できるシステム）が付いている無料サーバーも沢山あります。
サイト運営でいちばん重要なのは、その後の更新です。更新が全くされないサイトは常連も増えませんし、管理している本人のやる気もなくなっていきます。
よっぽど便利な情報がない限り、定期的な更新はウェブサイトの生命線なのです。
更新が滞る理由。
「作品がなかなか作れない」とか「オフの生活がメチャメチャ忙しくて」というのはどうしようもありませんが、「ページを書き換えたり、リンクを変える作業に時間がかかるから」というのもよく聞きます。
こっちの方は、ちょっと工夫したり、勉強するだけで大幅に解消することが可能です。
私の本館の、素材ができてから（作るまでが長いのですが）実際に更新するまでの時間は、平均30分くらいです。場合によっては15分もかかりません。
これは技術的な差だけではありません。
WEBデザインをやっている人間は、サイトを作り始める段階からどうしたら更新・改装が楽になるかということを考えてサイトを作っているからです。
私の経験を元に、更新を楽にするためのコツをご紹介します。
2005 -11-02 ( Wed )
「ブログ」と「日記」と個人情報
（この記事は2005年5月1日に書いたものです）
交流の幅を広げやすく、更新も簡単な便利ツール、ウェブログ。
最近では、テレビ番組のネタ募集に使われるくらい普及しました。
自分のホームページの他にレンタルブログもやっている、という方も多いのではないでしょうか。
でも、いろんなブログを回っていると、ちょっと気になる使い方をしている人をよく見かけます。
「○○（個人名）、この間の××（はっきり地域がわかる店の名前）の飲み会楽しかったね〜」
「うちの娘の□□です♪小学生になりました。かわいいでしょ？（ばっちり写真付き）」
「△△高校の☆☆、きもい！」
いえ、内容そのものにけちをつけているわけではありません。三番目は問題ですが。
こういう記事を書いている人たちは、「レンタル日記」と「レンタルブログ」をごっちゃにしてないか、と思うのです。
ウェブログは、レンタルcgi日記と同じように使えます。
しかし、厳密には日記ではありません。新聞です。
2005 -11-01 ( Tue )
広告貼りつつ思うこと
う〜ん、アフィリエイトをやっていると、だんだん自分の好みの傾向っていうのがサイト全体に出てきますね。
私はミッドセンチュリーや北欧風の家具の角丸が好きなので、宇宙チックなものを見ると、ばしばしリンクしてしまいます。
自分が貧乏でよかった。もしセレブだったら部屋の中が角丸でいっぱいになっちゃうよ（笑）
それは置いておいて、こうしてリンクを貼っていると必然的に「販売元サイト」を見ることになります。私のように販売元にもリンクしている場合はなおさらです。
なかなか興味深いのですよ、この販売元サイトというのが。
みんな「ビッダーズ」の登録店舗で、基本のフォーマットは同じはずなのにこうも「かっこよさ」が違ってくるのかと。
- Theme
- アフィリエイトで効く話 >> アフィリエイト
Comment