Blog --- WEBデザインのリンク集 : ikesai.com http://blog.ikesai.com/ ja Copyright 2008 Fri, 06 Jun 2008 18:22:30 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss テーブルレイアウトを使用しないといっている人へ 久々の更新ですが、いきなり引用。。

　何を伝えたかったかというと，サイトのユーザーさんはソースを見てお問い合わせをしたり，何かを購入したりする訳では無いということです。ですので，十分にCSSを理解していない段階で，より正しいHTMLを書こうとしてデザインを犠牲にしてしまうことと，高度なデザインをちょっとだけtable要素をレイアウト目的に使用しつつ再現することを天秤にかけたときに，どっちがクライアントさんのためになるのかということを考えなければいけないですよね，ということです。

　それこそ，事件は会議室ではなく現場で起こるように，マークアップの現場では時として「え！このデザインはさすがに…」とか「この納期ではさすがに…」とか言うことが起こってきます（この辺は，ワークフローの改善などによっても回避することは可能ですが）。例えば，納期中にマークアップを仕上げるということがマストで，そんなにHTMLの厳格さにはこだわっていないという案件があった場合（あくまで，喩えですが）に，CSSがあんまり得意ではないので table要素をレイアウト目的に使用することでしか間に合わないということであれば，そうすることが正義というか，選択肢がそれしか無いということになりますね。

引用元：第2回　CSSレイアウトとか，Web標準とか：ITpro

いやー非常に同感ですね～

自分もHTMLの構造やCSSレイアウトを意識し始めたころは、理想を追いかけてマークアップをしていましたが、いざ案件（仕事）をやってみると、そううまくは行かないことに気づかされました。。大規模案件になればなるほど、多人数制作になればなるほど困難。

要因としては、
  • 1つのプロジェクトでコーディングレベルまで落ちてくる間に、スケジュールが押していることが多く、時間的余裕がない。
  • CSSレイアウトなど、ハイレベルコーディングをすることにより、他のメンバー（スキルレベルが違う）の作業時間が大幅に遅れる。
  • 運用者が制作者ではなく、クライアントサイド。

などなど、いろいろな要因があると思います。

上記にもあるワークフローの改善もあると思いますが、入れ替わりの激しいこの業界ではなかなか厳しいのが現状だし、必ずしもワークフロー通りに案件が進むとは限りませんし、思いません。

結果。
理想を追いすぎて、クライアントや社内に迷惑をかけるよりも、妥協（現実を見る）をし、スムースにプロジェクトを進めるほうがいいな。
と、悟りました。

でも、マークアップエンジニアとしては自分の理想のマークアップをしたい。。。
今の会社に来て一回もないけど。。。。。。。。

ikesaiだけでも、しょぼいソースを書き直して理想のマークアップにしなければ。

]]> http://blog.ikesai.com/log/2008/06/post_109.html http://blog.ikesai.com/log/2008/06/post_109.html CSS関連 ひとり言 Fri, 06 Jun 2008 18:22:30 +0900 IE8のBeta版 »Internet Explorer 8 Beta: Home Page

]]> http://blog.ikesai.com/log/2008/03/ie8beta.html http://blog.ikesai.com/log/2008/03/ie8beta.html WEBの事 Wed, 12 Mar 2008 12:52:24 +0900 新しいYahoo!のトップページがそろそろ公開？ Yahooのサイトがリニューアルするのは周知の事実かとおもいますが、限られた人しかリニューアルサイトを見られなかったと思います。
そんなYahooのNEWサイトですが、ガイドページが立ち上がっているようです。
実際のページは触れませんが、FLASHで新しいサイトの機能を見ることが出来ます。

ディレクトリ検索がなくなってる気がするのは自分だけ？

追記：
実は実際のリニューアルサイトもガイドページからいけますね。。。

»Yahoo! JAPANトップページ（ベータ版） - ガイドツアー

]]> http://blog.ikesai.com/log/2007/10/yahoo.html http://blog.ikesai.com/log/2007/10/yahoo.html サービス Wed, 31 Oct 2007 15:11:56 +0900 リニューアルサイトに関してのお知らせ kesai.comがSOHO AWARDSにノミネートされたようです。よろしければ皆さんikesaiを評価してやってください。
ikesai.comではリニューアルサイトも随時募集しています。既にikesaiに登録されているサイトでもWEBデザインリニューアルであればトップページへ掲載いたします。カテゴリーに関しても最上位へ移動いたしますので、サイト管理者の方またはサイト制作者の方からの通知をお待ちしております。もちろん一般の方からのご報告も大歓迎です。
よろしくお願いいたします。

]]> http://blog.ikesai.com/log/2007/10/post_108.html http://blog.ikesai.com/log/2007/10/post_108.html インフォメーション Fri, 19 Oct 2007 22:38:31 +0900 SONYのRollyはロボット？ ]]> http://blog.ikesai.com/log/2007/09/sonyrolly.html http://blog.ikesai.com/log/2007/09/sonyrolly.html 気になるモノ Fri, 07 Sep 2007 11:49:20 +0900 パンくずリストはどの要素でマークアップしますか？ [WEB屋 世論調査] WEB屋 世論調査を行いたいと思います。マークアップには正解がない事も多いのですが、このエントリーでは企業サイトによくあるパンくずリストのマークアップを取り上げたいと思います。みなさんも一度は悩んだ事があると思いますが、現状のマークアップを投票してみてください。その他の場合はブログのエントリーにコメントしていただけるとありがたいです。ちなみに項目ついてはCSS HappyLifeさんの記事を参考にしました。

パンくずリストはどの要素でマークアップしますか？
結果 | 過去ログ
]]> http://blog.ikesai.com/log/2007/08/_web_4.html http://blog.ikesai.com/log/2007/08/_web_4.html WEB屋 世論調査 インフォメーション Mon, 06 Aug 2007 16:53:27 +0900 ロゴはどの要素でマークアップしますか？　[WEB屋 世論調査] WEB屋 世論調査を行いたいと思います。マークアップには正解がない事も多いのですが、このエントリーではロゴのマークアップを取り上げたいと思います。みなさんも一度は悩んだ事があると思いますが、現状のマークアップを投票してみてください。その他の場合はブログのエントリーにコメントしていただけるとありがたいです。

ロゴはどの要素でマークアップしますか？
結果 | 過去ログ
]]> http://blog.ikesai.com/log/2007/08/web_8.html http://blog.ikesai.com/log/2007/08/web_8.html WEB屋 世論調査 インフォメーション Mon, 06 Aug 2007 16:48:35 +0900 差分ファイルを抽出ソフト【UpdatedPicker】 【概要】 UpdatePickerは更新されたファイルを検索し、更新されたファイルをフォルダ構造ごとコピーするソフトです 【機能】 ＜検索＞ 日付を指定して、その日付以降に更新されたファイルを検索します。 検索対象フォルダを指定できます。 検索対象から除外する拡張子を指定できます。 検索されたファイルの数と合計ファイルサイズを確認できます。 時間まで指定できないのが難点ですが、その部分を除けば非常に重宝します。

»UpdatedPicker

]]> http://blog.ikesai.com/log/2007/07/post_107.html http://blog.ikesai.com/log/2007/07/post_107.html お役立ちソフト Tue, 10 Jul 2007 12:23:47 +0900 フォーカス画像を変更しました フォーカス画像を変更いたしました。今回のクリエーターの方はminamicsのミナミヨシヒサさんです。
可愛らしいキャラクターが印象的で、Tシャツなどで売っていたら即買いしてしまいそうなイラストです。毎回すばらしいクリエーターさんにご協力いただきありがとうございます。感謝

]]> http://blog.ikesai.com/log/2007/07/20070709.html http://blog.ikesai.com/log/2007/07/20070709.html インフォメーション Mon, 09 Jul 2007 16:23:28 +0900 電話でナビゲーション 斬新なサイトを見つけたので投稿。
何が斬新かと言うと、WEBサイトのナビゲーションを電話でやってしまうってところ。
まずサイトにアクセスすると番号とIDナンバーが書かれておりそこに電話してID番号を入力すると、サイト内のディランに電話がかかります。これでも結構驚きなのに、このあとサイト内にキーワードが出てきてそのキーワードを電話越しに話すと、その音声を認識してそれにマッチしたストーリーが進みます。
で、その後にWEB内で完結すると思いきや、最後にはコールセンターに掛けてくれとディランに言われWEB側の任務は終了します。
最後がWEBじゃなくて、コールセンターに誘導するってのも時代を逆行していて新しさを感じました。

違うツールを使ってWEBを動かすってのは目新しいからついついやっちゃいますね。
というかいろいろなことを考えますなー

»ヘアシーダ直電LIVE　ディランに訊け！

]]> http://blog.ikesai.com/log/2007/07/post_106.html http://blog.ikesai.com/log/2007/07/post_106.html WEBの事 おもしろいサイト Mon, 02 Jul 2007 16:57:36 +0900 Google Analyticsでも順位が決まる？

Google Analyticsが検索結果での順位の決定に果たす役割を割り出すというものだった。数週間かけて、Visioのチームは100人の協力者に、 Googleの検索結果ページからクリックでサイトに飛んでもらい、そのサイト内をクリックで移動して、30分から60分過ごしてもらった。チームはリンクビルディングといった、順位を変える行為はほかにいっさい行わなかった。およそ1週間経つと、サイトの順位は80位から33位へと、47位上昇した。 Google Analyticsでは直帰率がかなり低下し、該当サイトでの滞在時間の平均値が上昇した。チームが実験を終了すると、順位も含めこれらの数値は実験前の状態に戻っていった。

この実験では、Googleが順位のアルゴリズムを改善するために、Google Analyticsのデータを利用していることが証明された。

引用元：Googleの順位決定にGoogle Analyticsのデータが使われていたことが判明！ | Web担当者Forum

この実験はちょっとホントっぽいよなー
まぁ前からそんな噂はチラホラあったけど、よく考えたらあんな高機能なログ解析を無料で提供してるのは何か裏がないとね～
で、Google Analyticsを入れているサイトと入れてないサイトのでは何が違うんだろ？つかGoogleの検索エンジンだから、Google Analyticsを入れてた方が良いに決まってるだろうし、そうなってくるとみんながGoogle Analyticsを入れだして、ますますGoogleのデータが蓄積されていって、GoogleはWEB上のユーザー行動を掌握していくことになるんだろうな～　やっぱここまで考えてGoogleは買収とかしてんのかな。いや、もっと壮大なことを、凡人には創造できないようなことを考えてるんだろうな。。。

]]> http://blog.ikesai.com/log/2007/06/google_analytics_3.html http://blog.ikesai.com/log/2007/06/google_analytics_3.html WEBの事 Fri, 22 Jun 2007 16:31:30 +0900 UNIQLOCKがついにオープン ユニクロのスペシャルサイトはかなり気合が入ってるのが多いので、今回のオープンも楽しみにしていたんですが、やっぱりかっこいいです。
なんだかわからないけど音楽と踊りが不思議な感じで永遠と見れちゃう感じです。これでユニクロポロシャツが刷り込まれていく。。。企画者の思う壺だ
ついでにUNIQLOCKのブログパーツも貼ってみました。最近ブログパーツ流行ってんなー

»UNIQLOCK

]]> http://blog.ikesai.com/log/2007/06/uniqlock.html http://blog.ikesai.com/log/2007/06/uniqlock.html WEBの事 Fri, 15 Jun 2007 18:07:05 +0900 全称セレクタにzoomを使うとバグる 以前から導入してみようと思っていたhaslayoutのzoom機能ですが、導入したらいろいろ不具合が起きてきました。
まずはaタグです。ある環境下でaタグのリンク領域がおかしなことになりました。まぁこれはその部分にzoom: normal;といれてやれば回避できたんですが、olのバグに関してはどうにもこうにも回避できませんでした。 症状はというと、ナンバリングリストの番号がすべて1になってしまうというなんとも不可思議な現象です。そこでいろいろ調べてみると自分と同じ症状の人がちらほらいたようで、回避方法も書いてありました。
これで解決！と思いきやこの方法でやると、リスト内の行が2行以上になると最後の行に番号がきてしまう。なので初心に帰りliにzoom: normal;を入れてみるとすべての症状が回避できました。灯台下暗しです。。。

以下がサンプルになります。もちろんIEで見てね

»zoomによるolのバグ サンプル1

»zoomによるolのバグ サンプル2

»zoomによるolのバグ サンプル3

なんとか回避はできたけど、このほかにもいろいろバグがありそうなので、今後は全称セレクタは避ける方向で。。

»TRANS - * { magin: 0;}だけでは物足りない！zoom: 1;を使おうよ！

]]> http://blog.ikesai.com/log/2007/06/zoom.html http://blog.ikesai.com/log/2007/06/zoom.html CSS関連 Mon, 11 Jun 2007 22:00:21 +0900 カルピスのスペシャルサイト なんだか面白かったので

»カラダにピース CALPIS その1

»カラダにピース CALPIS その2

»カラダにピース CALPIS その3

»カラダにピース CALPIS その4

]]> http://blog.ikesai.com/log/2007/06/post_105.html http://blog.ikesai.com/log/2007/06/post_105.html おもしろいサイト Thu, 07 Jun 2007 11:53:42 +0900 UIデザインについて ユーザーインターフェース設計の専門ソシオメディアが提唱しているデザインパターンが掲載されていました。 このデザインはウェブアプリのUIをベースに考えられていいますが、WEBにも通づるところはあると思います。

UIパターンの理由や利点なども書かれているので、「なんでこのデザイン？」なんて誰かに聞かれたときでも理詰めで回避できるかも！？

こういうデザインパターンをうちの会社でも作ればかなり効率が上がると思うんだけど。。。　デザイナーの人が許さないと思うけど

»ソシオメディア | UIデザインパターン

]]> http://blog.ikesai.com/log/2007/06/ui.html http://blog.ikesai.com/log/2007/06/ui.html WEBの事 お役立ちサイト Wed, 06 Jun 2007 16:14:55 +0900