LogJET

Thank you for your visiting !

Fsiki Note Category Index

Top

約10ヶ月ぶりの更新

少し忙しく、とんでもなく長い時間放置してしまっていました。

ぼちぼち更新していきます;;

修正作業中のリンクを新しいウィンドウで開くスクリプトは、ほぼ完成しているのですがあと一歩のところで詰まっていまして、今月中には何とか出せるかな~という感じです。
ご迷惑おかけします。


なんとか放置状態を抜け出したい今日この頃です。


はてなブックマークでもどうぞ

サイトを放置プレイし過ぎですみません。

いちおう、生きてるって事で。

Clippers Guitar

私の最近の関心事が分かります(最近ホッテントリから拾う機会が増えてきた…)。

IE6じゃまともにタグ周りが機能しないので悪しからず。

ついでにCSSいじろうとして途中で飽きた私のはてなダイアリー。

寿司 2006

「これはひどい」。


最近とんと更新していない件

いわゆるネタ切れが大きな原因なわけですが、他にもPCを新調して環境を移行したり、そのPCにlocalhost立てたり、PHP勉強してたりで更新してません。
それと、サイト全体をリキッドレイアウトにするために時間を見つけてはサイト構築にいそしんでいます。

書くネタが全くないかというと、実はあったりなかったりで、浮かんでは消え消えては浮かび文章にならないわけです。

今後ちょっと書きたいネタ

  • CSSで新フォント「メイリオ」指定は…云々
  • Firefox拡張機能ColorZillaを勧める理由
  • その他、雑記。

思いついたネタがこれくらいしか、ない。

続きを読む : 最近とんと更新していない件


リキッドレイアウトへの挑戦

なんか自分のサイト見ていて無性に「何で幅固定なんだよ!!」と思った(自称 CSS病)ので、勢いに任せてちょっといじってみた。(まだ完成ってわけでは無いですが)

Liquid layout demo

CSS角丸ボックスデザインのままリキッドレイアウトって必要以上に面倒クサイ。
で空div連発させるしかないのか…とか思ってたんですけど、「意味の無い空divなんぞ置けるか!!」という目標の元あれこれいじくり倒したらできた。

背景指定するための要素が足りない足りない…。横長の背景画像(3000pxとか)作ってもそれじゃあ何か負けた気がするし、悩んだ悩んだ。
しかも、思いつきで付けたボックス下部の斜線が異常に曲者だったり。

意味の無いdivが無いかと言われれば怪しいもんですけど…
ちなみに要素追加用にJavaScriptは使って無いです。念のため。

とにもかくにも、デザイン脳が無いので「角丸である必要がない」という情け無い状態ではあるんですが、とりあえずリキッドデザインで角丸ボックスも可能であることが確認できたので良かった。

残念ながらピンポイントで角丸ボックスが作れるってわけじゃないです。要するにページ全体で要素同士を絡み合わせることで角丸ボックスが実現できるという話です(それでも大変なんですけど)。

表示確認 (Windows)
  • Firefox 1.5
  • IE6
  • IE7 Beta
  • Opera8.5
  • Opera9.0

MacのSafariはいけると思うんですけど、IEは知らん。そんな子は知らん。

正直サイト全体への実装はいつになることやら…。
デザインの勉強すりゃ良かった…先は長い。


.htaccessで219ページのリダイレクト

気づいた人はものすごく敏感な人だと思います。

実は、最近Fsikiは大規模なディレクトリ構造修正を行いまして、このLogJET内の記事が同サーバー内で大移動しました。

ある種、大きな賭けに出た。
そのために必要だったのがMovable Typeと.htaccessとExcelだったのですが…

続きを読む : .htaccessで219ページのリダイレクト


サーバー移転しました

地味ーにサーバー移転しました。テストも兼ねて投稿してみます。
ドメインも移したので問題ないはず。
ドメイン移すのも30分くらいで終わったし(その間アクセス不能)。サーバー側が言うには数時間~2日間かかるはずだったんですけど…。多く見積もったほうが、早く終わったときの満足度は高いものです。

案外、ごっそりサーバーの中身移し変えるだけでMovable Typeとか動くものなんですね。(パーミッションの設定とか結構めんどくさかったけど。) 最初からインストールしなおさないといけないのかと思っていました…。ダメ元で突っ込んだら動いた。

続きを読む : サーバー移転しました


カスイケスレ見てたら

当事者同士でやり取りし、この件は収まりました。
あんまりこういうリアルな経験が無いので、しばらく様子を見ておりました。

また、通常どおりのんびりサイト作っていきます。

では。


Amazon Webサービス(AWS)ですね

やっとここまで漕ぎ着けた

  • Amazon Doll(仮) -

つかれたアルヨ…
英語のドキュメントはきつい。さすがに。
XSLTがぼんやり分かってきた。まだまだ先は長い。
次はPerlの勉強なのかい…

続きを読む : Amazon Webサービス(AWS)ですね


水面下での激闘。SEOとか何とかかんとか。

最近更新少ないなーと、見せかけて実は水面下で地道な作業を続けております。
いじった部分をザザざっと紹介しておきます。
いや、見てもらわないと報われない…

続きを読む : 水面下での激闘。SEOとか何とかかんとか。


Fsikiリフォーム計画

どうも。
最近、更新してないです。
ずっと、Fsikiのリデザイン作業をしています。

もう少しでできそうなカンジです。

続きを読む : Fsikiリフォーム計画


さぼりまくりの方向で

更新さぼってます。
ちょっと仕事始めまして生活リズムがまだ把握できてないので。
今までふーらふーら生きていたので去年までの感覚取り戻すのに時間かかってます。

できるだけ更新する方向で。

思いついたらまたAveTunesのスキンも作ります。

そういえば、
iTunes Music Storeはホント便利です。


10000ヒット

気が付けばFsikiが10000ヒットとなっておりました。
おかげさまで本当にありがとうございます。

いやー長かったのか短かったのか…
今のカウンター設置したのは6月からだから、だいたい2カ月くらいですかね。
ブログに付いているカウンターとトップページに付いているカウンターは同じものなので、トップにアクセスしている人はもっと少ないのが実際の話なんですが…。

いやいや誠にありがとうございます。次は100000ヒットを目指して頑張ります。このペースだとあと18カ月かかるな…。

目指すとは言うものの、決して目標ではないですから。アクセス数が目標になったら多分つまらないサイトになりそうなので。
充実したコンテンツが目標です。
故に実は過去のブログの記事なんかもどんどん修正してあったりします。投げっぱなしは嫌なので。

一つの記事が一つのコンテンツっていうスタンスです。

ではでは、今後もヨロシクお願いしますよ。


CSSでなんとかなるさ

とりあえず、サイト内の全ページをXHTML1.0 Transitionalにしました。
数ヶ月手付かずだった、BBSとLinkも整備完了。

デザインとレイアウトは全部CSSに任せてページを組み立てていくわけですけど、そうすると どう考えてもHTML書くのは手打ちの方が簡単なんです。

続きを読む : CSSでなんとかなるさ


スキャナグラム [Scannergram]

hand.jpgデジカメを失った(正しくは父親に返した)ので、このFsiki本来のテーマ「写真」が全然更新できないー。と嘆いていたのですが、LogJETのトップのCDケース画像をスキャナーで取り込んでいるとき、エレクトリックサンダーが脳天直撃し、ひらめいた。

スキャナーだ。スキャナーで写真撮ればエエじゃないか!

しかも、解像度を上げれば恐ろしいくらいのマクロ写真になる!

続きを読む : スキャナグラム [Scannergram]


アクセス増大

ここ二日ほどアクセスが普段の倍(250くらい)になっていて、
おお!どおしたものかいな?
と思っていたんですがどうやら向井秀徳フジTV出演の影響のようです。
反響すごかったっぽい。
過疎ブログのうちでこれだけアクセスあったんだから多分世の中的にはもっと反響あったと読む。

インパクトあったものなー。椎名林檎と出たってのも大きいですし。

あのメガネ誰だよ!?って。

ほんと、うちのつたない記事で申し訳ない。
できるだけ来た人がガッカリしないように無戒アコエレのライブ映像のリンク貼っておきましたけど。

向井秀徳本当に凄いわ、この人。
この人の影響で狐のお面2個も買ってるし。


iPod的な生活

最近Google Earthで妄想トリップしながらこんなページを作っていたので、こっち更新していませんでした。
ずっとFsikiを作っていてなんだかマンネリ化してきたので、ここで息抜き。
あと、今のスキルでどこまで作れるかってのを試してみたかったので。

Another HTML-lintのチェックでXHTML 1.0 Strict、とりあえず100点獲得。
W3CのチェックでHTML、CSSともにマルを獲得。

よかった。内容はかなり適当ですけど…。
どことなく英語直訳風がポイントです。

リキッドデザイン(ウィンドウ幅に追従して内容が広がったり狭まったりするやつ)にしたかったけど、諦めた…orz
四隅角丸でリキッドは無理っすよ…誰か教えて…(div連発とか無しで…)
新しいCSSじゃ一つの要素に二つ以上背景が指定できるって噂は本当かしら…
それなら余裕で四隅角丸クリアできるんですけど…
あ、Firefoxのサイトができてる…ちょっと勉強してきます。
ってIEだと角が丸くないのかよ   ̄|_|○


財布に余裕があったら買い物してみてください。自分が欲しいっつーの。
次はMoMAバージョンでいってみようか。もしくは、iPodとONKYOのコラボレイションもの。


The iPod Life


アフィリエイトは儲からないってばよ

少し前から勢いでアフィリエイトを始めたんですけど、これが恐ろしいほど儲からない。別にショッピングサイト作ってるわけじゃないので当然と言えば当然なんですけど。

で、儲からない人が書くアフィリエイトサービス比較(登録しているところだけ)

続きを読む : アフィリエイトは儲からないってばよ


感謝!感謝!

昨日の夜辺りからこのブログのカウンターが急激に回り始め、今のところ1000くらい回りました。何故こんな過疎ブログに突風が吹いたのか。

なんとApple-StyleというMac関連のブログ紹介サイトで当方の「Macのマウスはスタイリッシュなんだけど」の記事が紹介されていたのです。

Apple-StyleはApplele新種林檎研究所というサイトのコンテンツの一つなのですが、このApplele新種林檎研究所、見たことありますよ。いや、正しく言うと いろいろな雑誌で拝見させていただいておりました。架空のApple製品のCGで有名です。見たことある方も多いのでは無いでしょうか。Appleの架空のiPodとか携帯とか。

そんな超有名なサイトで私のつたない記事が紹介されて、嬉しいような申し訳ないような。

とにもかくにもApplele新種林檎研究所の真田勇様、紹介してくださって本当にありがとうございました。また、見に来てくださった多くの方々、ありがとうございました。と、この場(?)を借りてお礼申し上げます。

ブログやっていると、驚くようなことが起きるものです。ふー。


誠に勝手ながら

ブログのタイトル変えました。Fsikiをつなげたら響きが悪いなと思いまして。


CSSを使いこなす

徐々にではありますが、ブログのサイドバーを拡張していっています。 アクセスカウンターを設置しました。なかなかシュッとした感じに仕上がったと思っています。CSSの背景画像とカウンターの画像の合体技です。これもエキサイトブログで鍛えられた結果です。
更に広告の部分もいじってあります。配布されている画像をいじちゃいかん!ということで、ロールオーバーイメージな感じをCSSでやってしまう力技です。逆にこの方法のほうがソースが汚れなくて済みます。ただ広告貼るだけじゃツマランっちゅうことで。

ちなみに貼ってある広告はa.flatというアジアン家具のメーカーのものと、かの有名な無印良品です。無印は説明しなくてもいいと思います。a.flatの方は覗くと分かると思いますが、家具屋です。目玉飛び出る価格帯です。相場的には安い方か…。なかなかシュッとした家具が揃っています。
クリックしたらお金がもらえるっていうタイプのバナーじゃないので、クリック誘導じゃないです。いちおう。

普通サイトのテーマに合った広告貼るのが定番なんでしょうけど、なかなか良いバナーが無くてバナーで広告選んでます。サイトのテーマじゃなくて、サイトのデザインに合った広告選び。邪道かかって来いです。

気が向いたら買い物してみてください。 って何か宣伝になってしまった。宣伝!宣伝!

a.flat


音ログ x POQUE をぺタッとな

「音ログ x POQUE」の新しいヴァージョン?が発表されていたので導入してみましたが、いかがでしょうか?動きがなんだか派手なような気もしますが…。スキンが選択できるようになったのですが、今は二つしかないのでちょっとこのブログでは浮いているように見えます。今後に期待です。自分でスキンが作れたらいいのになー。って流石にそれは無理か…。

インターフェイスの動きがスムーズでいじってると面白いです。

ちょっと気になることなのですが、Flashを貼るとページのスクロールって重くなりませんかね。FirefoxやOperaだと問題ないみたいなんですけど、シェアNo.1のIEでスクロールがガクガクッてなりませんか?自分の環境だとそうなります。たぶんFlash全般に言えると思うんですが。
Firefox使っているので自分的には気になりませんが…。IEの仕様なら何とかしてくださいよ、マイクロさん。

あれ?IEでリロードすると「配置サイズが正しくありません」って出る。あれ?あれ?キャッシュの問題かな?

.BLOG
音ログ.jp
音ログ開発日記


実のところ

もう一つエキサイトブログと平行してやってるブログがあるんです。1月辺りから書き始めて今では投稿の数も100件近くに上っています。

しょうもないことをずっと書いているのですが、訪問者来ない来ない。恐ろしいほど来ない。何しろ、記事数100に対して訪問者数50くらいですから。自分ですら見ていない、とんでもないブログです。いや、携帯のメールで投稿してホッタラカシですから。たぶん、その50人も自分がたまに見た回数やと思います。

さっき一ヶ月ぶりくらいにみたら。結構しょうもない。だって、内容と言うものが無いんですから。本当に。しかも、未だにブログのスキン?(テンプレートって言うんかな?)が映画プロモ用のカンフーハッスルですから。笑ってしまった。チャウシンチーもビクリですよ。ビクリ。

また寝る前に投稿しとこかな。

URLは晒しません。よっぽど暇な人は探してみてください。見つけるだけ価値のあるもんでもないですが。

でもどうやったら見つかるのやろ。自分でも検索では見つけられなかった。いちおう投稿者はFsikiで投稿してるんですけどね。
あそこのブログサービス使ってる人はたいへんやな……。
Fsikiで検索したら少し前に誤爆投稿したGorillazがひっかかってる…。


過去ログ移転!

何だかんだ言ってエキサイトブログで書いてきた記事をこっちにインポートしました。ソースが吐き気がするほど汚かったんですが、過去100件超の記事を修正しました。疲れたー。

何が汚いってエキサイトブログが吐くHTMLコード。全部大文字だし、画像貼るとリンクをJavascriptで開こうとする。必然的にそのイメージタグに含まれるonClickとかの記述を消さにゃならん。代替テキスト(alt)が無いわ、もう無茶苦茶。ウンザーリー。

Another HTML-lint gatewayが判断基準なんで、ちょっと宗教がかってますけど。とりあえず、全ページ90点以上にはしたつもり……。
でも、記事書くたびに点が減っていくんよなー。どう回避したらいいのか分からぬ……。Comment(0)とTrackback(0)のリンクがそれぞれの記事で異なるリンク先を指定しているのがダメらしい。要するに同じ単語で違うリンク先を指定するのがダメみたい。むー。

まあ、修正前はマイナスまで点 下がってたから今は満足と言えば満足。でもこだわりだすと気になってしょうがない……。

おばーかさん。寝ます。


Fsiki LogJET 始動!!

簡単なことだったわけです。
Fsiki Cigarette*をアーカイブ的に扱えばいいわけですよ。
ということでFsiki LogJET 始動です!

よいしょおぉ!

完全にエキサイトのコミュニティーから離れて孤立したので多少心細いです。
コメント、トラックバック大歓迎です。それが原動力。スパムは勘弁を…。


Movable Type 公開工事中

リアルタイムで公開工事中です。
エキサイトの見た目をできるだけ継承する方向です。

続きを読む : Movable Type 公開工事中


Movable Type 工事中

現在、Movable Type を工事中です。設置は完了したんですけど、テンプレートをいじっている途中です。んーいじるところ多すぎる…

リアルタイムで工事中です。時間のある人は覗いてみてください。

Fsiki LogJET


地味に派手な変更 ランダムCGI

分かりますかね。このブログのトップの画像がランダムに表示されてるの。ずーっとパソコンに貼り付いて画像操作してるわけじゃないです。念のため…。
全部で6パターンあります。リロードだとキャッシュが残るので変わりませんが(たぶん)、一旦別ページに行ってもう一度アクセスすると表示が変わる…はず…。
CGIとかjavascriptって急激に敷居が高くなる感じがする。
CGIって完全にプログラミングですし。いちおうFortranを勉強してたんですけどね…。なんでCじゃ無いのかと聞かれると自分でもわかりません。


完成!!!

本日よりfsiki.comの始動であります。いやーすっきりすっきり。ウザったい広告ともおさらばであります。バイバイ忍者システムズ!お世話になりました。
ゴールデンウィーク中にもかかわらず思ったよりサーバー側の手続きが早かったので本日始動と相成りました。
さてさて、掲示板も新設しようかしら。CGI放り込める。あー、何でもありだー。Movable typeも使えるぞー!!
今日は はりきってお米二合炊いちゃお。

fsiki.comをよろしくお願いします!


www.fsiki.com

ついに、と言いますと変ではありますが、本日コンビニでお金払ってきました。何の金か?それは「fsiki.com」のドメイン使用料でございます。完全に自己満足です。己のテンションを上げるべく所得しました。サーバーも有料で借りました。サーバー&ドメインで月々300円程度。この程度でやりたい放題でうっとおしい広告とかが消えるのなら、精神的にも安いものです。

どうしてもサイトとか作ろうと思うと無料で何でもかんでもやろうとしてしまいます。しかし自分の場合、やっぱりお金を出さないとテンション上がらないみたいです。それは、HTMLやCSSの勉強も同じです。1300円位するweb制作の雑誌を毎月買ったりしてますし。今までHTML関連の本にだいたい2万円くらいつぎ込んでいます。ハズレの本とかもありますが…。

もちろんHTML講座とかのサイトもたくさんありますけど、お金出した方が頭に入ります。お金だしたぶん勉強しないとなーと、思うわけです。

fsiki.comの登場はもう少し先ですけど、今後もよろしくお願いいたします。

これでMovable Typeも視野に入ったわけで……

久しぶりに形の無いものに金払ったー。


なんでエキサイトを選んだのだろう…

エキサイトブログを何で選んだのか…そう聞かれると答えは軽いから。HTML、CSSがいじれる。後はURLが無茶苦茶短い。とかありますけど…なんとなくですよ。で、さっきFC2ブログ覗いたら、ありとあらゆるものがOKなのですよ。驚いた。javascriptもアフィリエイトも。HTMLなんて頭からお尻まで全部いじれる。ファイルもswfとかpng、mp3あれやこれやアップロードできる。しかも、容量1Gバイト。別にページ表示に重いとも思わなかったし…。
エキサイトブログはHTML、CSSいじれるもののjavascript禁止、ファイルアップロードはgif、jpgのみ(せめてpngアップさせてください…)。容量30Mバイト。商用も不可。

んー、なんだかエキサイト選んだのが見切り発車だったような…。なんか、今ブログサービスをどれか選べと言われるとエキサイトには少し魅力に欠けるような…。

他のブログサービスを見ていて感心するのは、だいたいテンプレートでもちゃんとHTMLとデザインを分離していること。完全にデザインはCSSで定義されている。エキサイトブログって基本的にHTMLのテーブルタグでレイアウトされている。今どき流行らんですよエキサイトさん。
更にFC2の場合細かくHTMLいじれるから、カテゴリとかの部分も正しくリストタグが使える。エキサイトは強制的にテーブルタグが挿入される。何とかならんものですか?テーブルの使い方間違ってるでしょ。(と言いながら自分もFsiki内でテーブル使っていますが…)

しかし、しかしですよ。逆にこの環境のお陰で異常なほどCSSとかHTMLに詳しくなりました。あの方法はエキサイトじゃ出来ないから、CSSで何とかクリアするとか。そのたびに本読んだりして勉強して。例えばjavascriptを用いた単純なロールオーバーをCSSを使って背景入れ替えすることで回避するみたいな(このページ上部のメニュー部分やカレンダーのリンクとか)。


エキサイト使い続けますよ。今後、サービスが充実することを信じて。頼みますよエキサイトさん。


ちょっとseesaaでブログ作ってみたんですけど管理画面が重すぎて話にならなかったのは余談です。速攻削除しました。

ちなみに Another HTML-lint gateway でこのブログをチェックしたら「1002個以上のエラーがありました。このHTMLは -1147点です。」だそうです…真っ赤っか。いじれる部分は出来るだけいじってるんですけどねぇ…。あなたのブログは何点なのさ…orz。


シンメトリー

シンメトリー本屋で「ジョン・シンメトリー」という寺田克也氏スタパ斉藤氏らの写真集を見て度肝を抜かれました。詳しくはシンメトリー倶楽部。簡単に言うと、左右対称の写真。デジタル加工による作品です。この写真集見たとき「やられたー!」と思いました。先にやった者勝ちですね。で、感化されたということで一つ作ってみました。むーん。


更新更新一ヶ月ぶりの更新

あびる優がテレビ出ていて驚いた。ま、そんなことは、わりかしどうでも良いことで。
しばらくインターネットができなかったので情報源はもっぱらテレビだったわけですが、最近IT関連の話題が多いなーと思いました。フジテレビとライブドアのことやら、ソフトバンク、楽天、iPod。ブログなんてブログタイプとかいう番組まで出来てるじゃないですか。ブログタイプ、この番組とココリコミラクルタイプの違いが分からないのは私だけっすかね?UAの旦那さんの微妙なポジショニングが何とも…。
中国の反日デモの呼び掛けもネット上らしいですし。

いつの間にやらインターネットが流行から、人の生活の一部になった感じがします。

iPodって本当に流行ってるんですね。すれ違う人すれ違う人、白いイヤホンつけてますよ。まったく。

なんとまあ10日後にMac OSX Tiger発売。びっくりだ。

マニアックなネタ挟みながらぼちぼち更新していきます。ではでは。


ブログ始めて数ヶ月後の見解

ブログのどこが面白いんじゃい!!
調べ物していて検索上位にブログがひっかかって、何で個人の日記なんか読まにゃならんのだ!という経験もしばしば。結果が得られないとイライラしてました。しかしながらとりあえずやって見ないことには文句も言えないということで去年12月辺りから始めたブログ。

  • 更新が楽
  • 訪問者が多い
  • HTML知らなくてもデザインがよい
  • トラックバックでブログ同士がつながる

とまあ、いろいろメリットがあるわけですがメリットの裏にはまた問題もあるようです。
携帯電話でも記事が投稿できて更新が楽なのは便利です。すごく。でも

携帯で本格的な記事を書こうという気になれない→内容が中途半端になる

という結果に私の場合なってしまいました。結局それは「訪問者が多い」というのにもつながって中途半端な内容なのに見に来る人が多いと申し訳なく思ってしまうようです。頭固すぎ…。ブログの記事って検索上位に上がりやすいみたいです。詳しくはGoogleで。

HTMLに関してはホントすごいですよ。どこのブログサービスもきれいなスキン(テンプレート)が用意してある。んでも、自分でいじりたくなるんですね。不思議なもので。猛勉強しましたよ。本屋で数千円する書籍何冊も買ったりしたし。で、できたのがこのスキン。素人なりにできた方じゃないかと(もはや客観視できてない)。いや、ほんとこの数ヶ月頭の中HTMLとCSSでいっぱいでした。結局WEB上でHTML勉強するより書籍の方が頭に入るんですよ。わかりやすい。やっぱ金出さないかんですね。
スキン編集するにあったって、目新しいテクニックはできるだけ控えるということを心がけました。やっぱり人間、目新しいことを何でもかんでも詰め込みたいと思ってしまうんですよ。そしたら本人は満足でも見る人はしんどい。「要はバランスを保つようにする」ということです。基本をがっちり固めんと。

トラックバックに関してですが自分自身ビビリ屋なモノで、ほとんど個人ブログに飛ばしたことありません。ニュースとかには良く飛ばすんですけど…。もう少し活用してみようかと思います。ってブログの最大の特徴を使ってないって…。


数ヶ月ブログやって思ったこと。
ブログ面白いじゃぁないか!!
ってことです。記事何書こうとか考えるようになって、ちょっと普段より面白い事してみようとか思うんですよ。実生活が少し豊かになったような気がします。
とりあえず土台(スキン)が完成したので今のところ記事数はそんなに多くないですけどがんばって書こうかなと思う次第です。

以上、私的ブログ見解でした。


ノーテーブル化完了2

ブラウザチェック用にOperaをインストールしてこのブログ覗いてみたらレイアウトの「ズレ」が生じていたので、修正しました。これで主要ブラウザ三つではきちんと表示されるはず。飽くまで自分の環境(Windows XP SP2)で確認したので旧ブラウザや旧OS、Macではわかりません。結構幅とか細かく指定したのでそれなりには見えるはずですが…。やっぱりhtml&CSS難しい…。

自分のブログをカスタマイズしたいと考えておられる方は、「こういう方法もあるんだなー」程度に受け止めてください。


飽くまでメインは中身の記事。デザインは二の次だと思う今日この頃。


ノーテーブル化完了

レイアウト用のテーブルを全て撤去しました。スキン完成です。
ほんの1ピクセルでもずれるとレイアウトが崩れる恐ろしいCSSです(普通そういうものなんでしょうか?)。

基本設計は上部のヘッダーと下部コンテンツ内の左menu、右main。menu、mainにfloatをそれぞれleft、rightで与えています。気になる方は右クリックからソース表示で確認してみてください。


思ったより時間かかった…やっぱりブラウザの壁。どうしても回避しようとするとdivタグの量が増えてしまう。Mozilla系ブラウザだとfloatさせないとブロックの高さ、幅がなくなってしまうので背景が表示されないとか。IEだとpadding内に背景を固定して指定すると背景画像が出たり出なかったりするとか。あれこれ…

Windows環境のIE6、Firefox、Netscapeなら問題なく表示できるはずです。MacのSafariもいけるはずです(推測)。しかしながらMacのIEは自信ないです。ブラウザバグが多いらしいので…。


今回スキン編集するにあたって、Firefoxがすさまじい威力を発揮しました。Firefoxの拡張機能、株式会社インフォアクシアが提供する日本語版 Web Developerは右クリックからCSS編集画面を呼び出しリアルタイムでCSSが編集できるという優れものです。画面を見ながらCSSを編集しその値を本体のCSSにコピペする、の繰り返しで今回のスキン編集が楽(?)にすみました。感謝です。


何はともあれ、編集中に思ったことは"IEは過去のブラウザだな"ということでしょうか。バグだらけで何年もバージョンアップしていないIE。最近よくパソコン雑誌でFirefoxが取り上げられています。このままいくとブラウザシェアが80%を割るなんてこともありうるんじゃないでしょうか?がんばってくださいマイクロソフトさん。


とりあえずテーブルタグをハズシまくって(追記)

とりあえず、訪れた人が驚かないように書いておきますが、現在スキン変更中なので殺伐としています。決して画像が重くて表示できてないとかいうわけじゃありません。

レイアウトがテーブルで構成されているのが、どこと無く嫌だったので根本的なところから改造中です。とりあえず、CSSにfloat噛まして基本構造が出来たようです。今後画像などで装飾していく予定です。あーこりゃ大変だ。

MdNコーポレーション HTML & CSS ビジュアル・リファレンスをひたすら読んでます。

*****************追記*****************
 ちょこっといじってしばらく放置状態になります。すんません。とりあえず読みやすいようにはしたつもり…たぶん…

*****************メモ*****************
要素を半透明にする方法

filter: alpha(style=0, opacity=60); -moz-opacity:0.60;

をCSSの透過したい要素に記述する。filter~はIE用、-moz-~はMozilla用。対応していないブラウザは透過なしなので表示に問題は無いと思われ…。opacity=60、opacity:0.60は元の色より40%透過させることができる。またstyleの値を代えることでグラデーションをつけることも出来る。詳しくはGoogleで。下手に使うと可読性を著しく落とすことあり、注意。


超現実写真公開 (ドム信号待ち編)

ドムが信号待ちしている画像
いきなりドムです。
しかもMS-09RS シャア専用リックドム。
たぶん信号待ちしているところだと思いますが、停止線を少しオーバーしているようです。


DIVだらけのブログ大会

スキンを大幅改変です。半日費やした。特にブラウザのチェック。Firefoxならちゃんと表示されるのにIEだとちゃんと表示されない。また、その逆。の繰り返し。
雑多なHTMLソースになってしまいましたが…無駄な部分もまだ多い。DIVタグだらけ…
完全に構造を壊すことも可能なことも分かりました。(まだそれはやってないけど…)
しばらくこのスキンで様子見です。飽きたら画像を差し替えるだけなんで変更も楽といえば楽です。
 
とりあえず推奨ブラウザはWindows XP環境で最新版IE & Firefox & Netscape。Mac環境が身の回りに無いのでSafari & IEでちゃんと表示できる自信はありません。またOperaや旧バージョンのブラウザ、旧OSは確認していません。ちゃんと表示できるでしょうか?

もしよろしければ、コメントください参考にいたします。

追記
exciteブログのテンプレスキンの中にもブラウザによってちゃんと表示できないものもあるようです。こわいこわい。

更に追記(2005/1/16)
どうやらこのスキンには不安定な部分があって、firefoxで開くとマレに左のメニューが画面いっぱいに広がることがあるようです…orz
何でそんなことが起きるのか、いまいち分からんです。幅指定100%が原因なのは分かるんですけど。ブラウザによって見え方は違うけど一つのブラウザの見え方は一つじゃないのかしら?


悩みの種

ウェブサイトを作った人なら分かると思うんですけど、サイト自体の名前を決めるのって案外難しいです。個人のサイトならなおさらです。

そんなわけで現在このブログの名前も週に一度くらいのペースで変わってます。その変遷は、

F式 雑記
F式 雑記帳
F式 不自然空間
F式 不自然系
F式 不自然系
F式 タバコ*
F式 Cigarette*

優柔不断です。F式という名前も決定までに一ヶ月を費やしたという代物です。そんなこんなで、しばらくこのブログタイトルも(仮称)ということで…。


狐に憑かれる

プロフィールの写真変えて見たりしました。己です。別にナルシストとか言うわけじゃないんですけど。撮って加工してが楽しくて。狐
こういうので食えたら幸せなのになー。


ブログをうろついていて考える。故に我あり。

やっぱり自分がブログ始めたんで参考にしようと思って色んなブログを見て回るんですよ。特にこのエキサイトブログ中心に。カスタマイズとかの参考として。

どうしても、ブログはナビゲーション的に分かりづらい部分が多いと思うんですよ。やってる人は分かるんでしょうけど、検索とかで来た人なんかはよく分からない。皆が皆、ネットに詳しいわけじゃないでしょうし。無駄な部分も多いし。自分のブログだけでもその辺を何とかしたいと思うわけですよ。今後。

で、よく見かけるのがブログに引っ付いている時計。サイト用に時計のレンタルなんかがあるんですね。なるほど。でも、考えてみると時計って必要か?普通デスクトップのタスクバーとかMacならメニューバーに表示されてるわけで、わざわざブログに引っ付いてる時計なんて見ないですよ。結論を言えば、時計引っ付けるのは作者の自己満足でしかないのではないでしょうか。少しでも華やかに飾りたいという。しかしながら、サイトの無駄なナビゲーションは、見る人に混乱を与えると私は考えています。

なーんてね。飽くまで私の考えなので、ある日突然自分のブログに時計が引っ付いているかもしれませんし。ま、ウェブ上で公開する限り不特定多数の人が来るということだけ肝に銘じておきます。

あー、こういうこと書くとまた自分の首絞めて更新するのが億劫になるんよねー。


まいったな…

新年明けて早々、ブログのネタがない…いや、考えすぎて、書くのに詰まってしまってるのが現状です。
日記書くのも気がひけるし…情報書こうにも大したネタがない。

そうさなー、F式の今後の展開でも書きましょうか。

現在、試作型なんですけど正規版にしようと思います。それにあたって、ある程度コンテンツの充実を図らないといかんわけです。写真を増やしたり、とか。F式本体を訪れて気付いた人はほとんどいないと思いますが、写真に影つけてみました。ちょっとした思い付きです。こうすりゃ、影がつけれるなー、みたいな。

だいたい、思いついたことはネタ帳に書くんですけど、どうしてもカタチには表しづらいことばかりで大変なんですよ。あほなんで。

訪れた人がナビゲーション的に混乱しないように、もう少し細かい部分を改造していくつもりです。写真増やしたら、またナビゲーション的にややこしくなるなーと思っています。カテゴリーに分けるのも手だと思っています。

今後もF式をよろしくお願いします。南無南無。

http://fsiki1.nobody.jp/


明けましておめでとうなんて言いたくないのに…

明けましておめでとうございます。本年度もF式を何卒よろしくお願いいたします。そろそろF式本体も試作型から正規版へヴァージョンアップしようかと考えています。って、何も変わらなさそうですけど。

で、こんなありきたりな挨拶なんですけど、多くの人がこうやってネット上で書くわけですよ。そしたら、全部の「明けましておめでとうございます」を足したらその容量はいくらくらいになるんでしょうかね?

といった具合で、ネット的に新年が明けたF式です。

F式本体 http://www.fsiki.com/


クリスマスの一日

と、まあ前記事では取り乱しました。
クリスマスイブ、どう過ごしたか。日記を書きます。
少しばかりバイト先が暇なので本来なら休みのはずだったのですが、ちょっと出てきてくれということで出勤。朝から作業を淡々とこなし、例のごとく佐川急便で荷物の積み込み。夕方くらいから急激に気温が下がるも、汗だくになる。Tシャツとジャージじゃやっぱりクソ寒いわけで。手の感覚もなくなった頃六時くらいに帰る。ガソリンスタンドでサービスとしてクリスマスっぽいアメちゃんを貰う。帰って晩御飯を食べる。我が家はイベントごとに寿司を食べる。で食べた。激しく疲れたので寝た。聖なる夜に寝た。

とまあこんなカンジでした。味気ないですね。クリスマスという意識が全然無かったもので。「そういえばクリスマスやなー」ぐらいのものでした。毎日が淡々としていると、こうなるんだなと思ったわけです。


非推奨タグ

スキンのカスタマイズしていく上で、やはりぶつかったブラウザの壁…

左のコメントがIEだと中央に配置できるのに対して、Firefoxだと少しずれる。というより、左に寄る。あれこれいじったが何がいかんのか分からズ…結局centerタグ噛まして回避。centerタグって非推奨タグなのよね…改善策考えな。ってかページ全体がcenterタグで囲まれとるし…。


改装時間一週間。

見た目改装しました。どうしても、こうガリガリしたデザインになってしまうのは自分の癖なんでしょう。
 いやー、ここ一週間でCSSの知識がガンと増えました。同時にHTMLも。何でここが変わらんのやと悪戦苦闘しながら一個一個値を変えてプレビューしながら。HTML素人な自分にとって大変な作業量でした。
 既存のスキンをどうしても使いたくない人なんで、今後もカスタマイズしてゆこうと思います。初めてこのブログ使った時はカスタマイズ度高っ!と思っていましたがそれでも制約はあるようなので、そことの戦いです。また、環境の違いも。MacのSafariとかはまだ確認してないんで怖いですね。
 ま、とりあえずこんなカンジで。


こりゃすごい

このブログ、カスタマイズ度高すぎてついていけない…否、ついていかねば時代に置いてけぼりを食らっちまいそうです。

ちなみに実家のテレビは地上波デジタル放送含めて51チャンネルまであります。すさまじい情報量です。専門チャンネル面白いです。ひたすらアナコンダを捕まえるおっさんの番組とか。
こんな田舎なのに情報に不自由しないとは、恐ろしい時代ですよ。

よし、頑張ってコンテンツ固めていこ。

F式を何卒よろしくお願いいたします。

http://fsiki1.nobody.jp/


ついに

ついに時代に追いついた。ついにいや、いたちごっこ。
ブログですよ。こいつが。
BBSに日記書いてたらやたら雑記だらけになっちゃうみたいなので。ブログ開始。
本人がブログあんま好きじゃないのに。
とりあえずやって見んと文句も言えんっちゅうことで。
あー、飽きるのか?はまるのか?どっちじゃらホイ。
とりあえず見た目はレンタル先のテンプレートで。
html & CSSいじって変えれる見たいやけど、まだ勉強不足。
己をスポンジと化して勉強しようと思います。
向上心。増進。


Copyright © 2005-2006 - Fsiki