サイト運営 Archive

ドライバーの仕事！ライダーの仕事！のトップページにある、様々な職種のドライバー／ライダーの集合イメージ。デザインを考えた時から、Flashで動かそうと思っていたのですが、時間がなくて静止イメージを置いたままでした。お客様のところへ移動中にそんな事を思い出し、電車の中でmacを起動。１時間弱で当初イメージしていたFlashを作ってみました。

作業中、隣に座っていたおばあちゃんが、「あらまぁ〜」と夢中になって作業工程を覗き込んでおられました。作ったFlashをサイトに載せると、拍手まで頂き、とても楽しいひと時でした（笑

5年前にはWEBサイトの全てをFlashで作る事に没頭し、朝から晩までFlashと格闘していましたが、それ以来随分長い間触っていなかったので、バージョンがCS3になった今でも、昔と同じ事しか出来ません（笑）色々な機能が加わっているのがなんとなく見て取れますが、勉強する時間もなく...自分で作業する機会もあまりありませんが、「何ができるのか」把握しておかないといけませんね...

【ドライバーの仕事！ライダーの仕事！】の求人情報への応募は昨年末のサービス開始以来、WEB版が8割、携帯版が2割と言った感じでした。しかし、友人や関係者曰く、「ほんと？それはおかしいな...」と。携帯の方が多いのが普通だそうで、私自身もどうなんだろう...と思っていたのですが、ここ数ヶ月、携帯からの応募が確実に増え、直近ではWEBと携帯で半々くらいにまで。

これは本格的に携帯版の方も強化しないと...と思い色々と調べました。携帯SEOなんかも。しかし、WEBのSEOように情報がまとまってありませんでしたので、ここに記録しておきます。

...続きを読む

引き続き【ドライバーの仕事！ライダーの仕事！】のリニューアル制作中なのですが、本日も検索結果画面。検索条件を画像付きで視覚的に表現してみることにしました。

あんまりこういうサイト見ないですよね？
ただ、検索条件が画像の様に、「三重県」とかなら良いのですが、「大型貨物運送ドライバー」なんて長いものになると、表示しきれない。フリーワードや駅名での検索もあるし、全て画像にするのは不可能なので、この限られたスペースにテキストをどう入れるか悩んでいました。

そんなとき、ふと思いつきました。流れるテキストを。流れるテキストって昔かなり流行りましたよね。私も10年前くらいに流した記憶があります（笑）なんだっけなぁ、流すタグは・・・とググって見ると、ありましたありました、そうそう、<marquee>だ！
私的にはかなり、懐かしいタグです。今回初めて知ったのですが、この<marquee>タグはIE（Internet Explore）独自のタグで、本当はこんなタグないそうです。Netscape Navigatorではまーったく動かないとか。よって、Javascriptで同じ事を実現すれば良いとの事。

でもまぁ、動いた時のイメージが見てみたかったので、とりあえず<marquee>で作ってみました。なかなかいい感じです。

ん？safariで動いてるぞ？FireFoxでも。。。ということで<marquee>でいく事に（笑）実際【ドライバーの仕事！ライダーの仕事！】のアクセス解析を見るとわずかながらNetscape Navigatorでのアクセスもありますが、流石に10年近く前のブラウザに対応させていては、事が前に進みません。是非最新ブラウザをお使いください。

にしても、世のWEB制作者の多くが、時に殺意を覚える程、IEのバグやら独自仕様に悩ませられている訳ですが、IEの独自仕様が一般化されるパターンもあるんですね。珍しい。

というわけで、10年ぶりくらいに<marquee>タグを使った訳ですが、Firefox(2.0)での表示がおかしい。流れる文字がとんでもない位置から始まって、とんでもない位置で消えていく。色々いじってみると、親要素（色んな所？）のpaddingが影響してしまっている模様。以下を試してみたら解決しましたので、参考までに。

marquee{ display:block; position:relative;}

Firefoxでmarqueeが上手く流れないバグが出た時は、
cssでmarqueeのpositionをrelativeに。

以上。リニューアルお楽しみに！

...続きを読む