« ラ・セッテ | 呉の不動産・賃貸物件は有限会社朝日住宅 »

2007.12.17

楽天サイトとスタイルシート

XHTML+CSSで作られた1枚の基本ページをもとに
楽天サイトのテンプレや各ページを作っていく仕事をした。
 
もとになるページがあるなら
わりと単純な作業なのかなと最初は思っていたのだけど
やってみるほどに色々と大変ことがわかってきた。
 
goldといわれるところに置くページは
楽天の外に置くのと同じように特に制約なく作れるのだけど
それ以外のところのページは
自分でさわれるところが限られていたり
外部リンク・外部スタイルシートが使えなかったり
ごく一般的なタグ以外は使えなかったり
文字数が限られていたりする。
 
普通のサイトを作る時のスタイルシートは
いったんそれぞれのブラウザのもってるスタイルをリセットして
標準的なタグにスタイルをつけていくことで統一感を出すんだろうけど
楽天のテーブルの中、楽天のスタイルが効いてる中で
基本的なタグにスタイルをつけてしまうと
スタイルが変な入れ子になって表示がおかしくなるところも出てくる。
  
かといって基本的なタグのスタイルを削ってしまうと
ページの共通部分のデザインが崩れてしまう。
タグ自体でなくクラスにスタイルを付け替えられるところは
付け替えてみたりもしたけど、それもできないところもある。
だいたい<body>の決まった位置にしかスタイルを書けないし。
 
置き場の違うページを同じ表示に見せるためには
違うスタイルをつけないといけないみたいで
結局、何パターンかテンプレートを作ってみた。
(何か更新があるたびに、それぞれのテンプレを書き換えることになる…)
 
これは1回自分で整理しておかないと大変なことになるぞ、と思って、
ランチが中止になった日は
自分がやった作業とか、それぞれのテンプレの意味とか
これから考えないといけないこと・直さないといけないことなんかを
ひたすら紙に書き出して整理してみた。(結構、色々と問題がある…)
 
誰か教えて~助けて~と思っていた時もあるけど
それぞれに違うことだし、聞きようもないので
結局、自分で考えるしかないよね~。
 
ちょっとだけ余裕が出てきて他のサイトを見てみれば
何だ、他のサイトでも崩れてるわ、と思うところもあれば
制約の中でも工夫されてるな~、と思うところもあった。

何にせよ、そうやって普段から意識して見てないとダメですね。

Trackback URL

Comments

興味深い仕事ですね~。
仕事でサイト作成時に「一切テーブルを使わないで
レイアウトしてみて」とか言われるだけで
レイアウトに悪戦苦闘することがあります。
nanaさんの仕事に比べればまだまだひよっこな私なので
ブログの仕事ネタは興味深いです :memo:

わたしゃぁ~最近、カスタマイズのようなのが多いので、
一から作る、スタイルシートを忘れてきたわ~^_^;
忘れるのは、本当に早いね~つくづく思う私です。トホホ

今、ちょっと楽天でつまづいていたので・・(実際にやってないけど)
思わず日記に反応してしまいました。ホホ

makoさん
レス遅くなりました。

テーブル使わずCSSでレイアウトって
シンプルなものならいいけど
入り組んでると大変ですよね。
(ま~私はそんな込み入ったのはやってないんですが。)

あと、組んだ後でレイアウト変更ってのも
なかなかツライですよね。(私の場合は…)

この年なのではばかられますが
私の方が超ひよっこですヨ。

あと、会社なら色んな事例があったり
分業もできるのかもしれないけど
個人ではなかなか取り組めない仕事もあるなぁと思うこのごろ…

仕事ネタは、面白いことや、ちょっといい話があっても
なかなかブログには書けないので
あいまいなことを書いたり、ぼやいたりする程度ですよね。
このへんまでなら書いてもいいだろう、と。

かずっちさん

カスタマイズするのと一から作るのと
どっちが楽なんでしょうね~?
どっちも同じくらい大変な気がします。

私も、XHTML&CSSをすっかり忘れてました。
(もともと、そんなわかってたわけでもないですが…)

その前しばらく
ただただ画像とフラッシュばっかり
作るような仕事だったのでね~。
いきなりコーディングといっても
頭切り替わるのが遅くって。

あいかわらず
テーブルがっつりなページを
さわる機会も結構多いし。

かずっちさん、楽天サイト作られるんですか?
個人でやるのは、なかなかハードかもしれませんが
かずっちさんならできそうな気がしますね。

nanaさん、大変な作業、お疲れさまです。

決まったテンプレートの中をいじるって、思ったより大変なんですよね。
以前に、出雲のある会社が運営しているCMSでサイト構築をしたことがありますが、やはり、崩れたときにタグを見直して混乱しまくりました。

最終的にクライアントさんのわがままを通すために、そのCMS会社に頼んで、そこのサイトだけ無理やり違う仕様を突っ込んでもらったこともあります。

個人で仕事をしていると、質問できる範囲も限られてたりして、もっと交友関係を広げていかないといけないなぁ・・・というのがここ最近重くのしかかってる部分かもです :cry:

ariariさん
こういうのがサクサクっと出来る私ならいいんですけどね~。
こっちをいじると、あっちがこわれる、ってウロウロしてましたよ。

決まったテンプレを変えることはできないから
ここまでしかできない、と割り切って考えたり、
ウラは不自然でもオモテを整えたり、
それなりに工夫していかないといけないんですよね。

土筆の皆さんのお話、いつも参考にさせてもらっております。
来年もよろしくです~。

あけましておめでとうございます。
本年もよろしくお願いいたします。
nanaさん、すごい!
活躍されていますね~遅ればせながらわたしも後からついていきます。 :smile01

ミッチーさん
復活されたんですね。
遅くなりましたが、新年おめでとうございます。
今年も色々、情報交換させてくださいね。
よろしくお願いします。

Comment feed

Comment





XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>