WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインリンク集。WEBデザインの参考にどうぞ

ウエイトトレーニングしたので、体がだるいTAKA-Gです。
今回は少しだけディレクター目線な話をしたいと思います。

ワイヤーフレーム・画面設計・ストラクチャ呼び方は様々あると思いますが、
コンテンツ設計した後には、具体的にページに掲載する情報をレイアウトしていきます。

いつも、これで本当に意図しているページになっているのか？
など疑問を持ちながら作業をしているわけですが、よく自分が失敗するのが

「解説不足、導線不足」です。

どうしても、この業界にいるため暗黙のルールを作り上げてしまっていたり
企画から携わっていると、情報が足りているように錯覚することがしばしば。
そうなると、どうしても使いにくかったり情報不足で訴求できなかったりします。

本当は設計の時にユーザー目線で見られるといいのでしょうが、
自分は苦手なので、チームメンバーにどうよ？と確認してみます。
思いもよらないところを突っ込まれたりして、なるほど！と思ったりできるのです。

設計に正解はないと思いますが、色々な経験して
ユーザー目線、企業目線、様々な目線から物事を見れるようになりたい今日この頃です。

このサイトに来ている多くの人はネット上で情報とか取得しているのでしょう。
私自身はなんだかんだアナログな人間なので、紙媒体の活字が好きです。
とはいえ、仕事柄ネットで情報も探しますが。。。

ちょうど今月のことだったと思いますが、
講談社や小学館、新潮社など国内の出版社21社が「日本電子書籍出版社協会」を立ち上げたそうです。

携帯電話だと着メロや着うたの次にメジャーなコンテンツかな電子書籍は。
実際にどんなものかと、漫画を携帯電話で見たことがあります。
今では携帯電話はいつも手元にあるコミュニケーションツールのひとつで、
ちょっとした空き時間なんかにこんなサービスを利用したりするんだろうな。とか思ったりしました。

少し前に「iPad」の発表で盛り上がった？こともあり、amazonの「Kindle DX」など
近い将来、書籍は電子化が進んでいくのでしょうか。

端末自体はまだまだ普及していないでしょうが。
今後の展開が楽しみになってきます。

ども、忠犬（かどうかは知りませんが）hashikouです。

どうやら雑誌「web creators」が2010年5月号（2010年3月29日発売）をもって
WEBに全部移行だそうです。
つまり紙媒体では発行しなくなるってことですよね。
確かに最近のweb creatorsは掲載した記事を集め、後日まとめて書籍として発売するパターンが多く、
雑誌を買うインセンティブが以前と比べて減っていた感じがしていました。

そこで、先の3つの柱のうち「紙媒体」の部分を縮小し「Webサイト」の部分を大幅に拡大することで、
それらの問題を解消し、読者のみなさまに有益な情報をいち早く、より豊富にお伝えできるようになります。
月刊「web creators」のWebサイト移行のお知らせ - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト

プレスリリースでは明記されていませんが、Web版は有料化したりするんでしょうか？
課金で収益あげるか、広告で何とかするか、今後の動向が気になる感じです。
しかし雑誌は1,200円でも払えるのに（必要な情報なら）、オンラインマガジンなどで1,000円とか言われると
「高っ」と思ってしまうのは、なんでなんでしょうね？
内容がまったく同じだとしたら、物理的な質感にお金払っているんでしょうか。。

TAKA-Gです。
最近、管理人ziraiさんと仕事をしていまして、ブログ書きますよーと言ったのが事の発端で。
ウェブのことは忠犬ハシ公に任せつつ、ちょっと違ったことを記載していきたいと思います。

興味がある方はtwitterでも探してみてください。

最近全くブログの更新を怠っていましたが、新たなブロガーを2名迎えたことによりこの度復活することとなりましたのでインフォしておきます。
それに伴いブログの個別エントリーの最後にRTボタンを設置してみました。数字の下の「retweet」をクリックするとそのままリツイートできますので、是非つぶやいてみてください！

みなさん、ミスしてますか！恥ずかしい話、hashikouはバリバリですぞ。
ミスるたびに毎回「もうしません」って誓うんですが、その数日後にはケロリと同じミスをしたりします。やっぱり検証って大事ですよね…。
しかしながら皆考えることは同じのようで、Firefoxでは制作チェックに便利なステキアドオンがもりもり出ています。
どれも一長一短ですが、案件の特性によっては超絶使えたりするので、個人的によく使うアドオンをご紹介します。

Auto Validator
ステータスバー付近に張り付いてそのHTMLがValidateかそうでないかを教えてくれます。同居している姑みたいな感じ。
運用とかシステムがらみとかでいつもキレイキレイなHTMLではいられないので、
正直うざったい時もありますが、タグの閉じ忘れなど人的エラーも教えてくれるのがでかい。
ダブルクリックでどこが間違ってるのか教えてくれるので、エラーがあるよと赤くなったらまずは確認してみましょう。
Html Validator :: Add-ons for Firefox

Link Checker
HTML内側のハイパーリンクを一括チェックし、外部リンクやリンク切れなどを色で教えてくれます。
これも念のため系（リンク先が間違ってるかどうかはわからないため）ですが、
サイトマップやリスト系ページなどリンクが大量にあるページ、外部リンクでアイコンを変えたりするようなページの検証に役立ちます。
LinkChecker :: Add-ons for Firefox

分割ブラウザ
Firefoxのタブを縦や横に分割できるアドオン。
スクロール同期もついているので、本番環境とテスト環境を横に並べて、
作業前と作業後を比較し抜けや漏れがないか確認したりするのにちょう便利。
運用などで、既存のページを修正する際などに役に立ちます。
分割ブラウザ (Split Browser) :: Add-ons for Firefox

Launch Clipboard
クリップボードにコピーしたURL列を、タブで一気にひらけるアドオン。
コピー元テキストが複数のURL＋文字列であっても、自動的にURLだけを認識してタブがぐわっとひらきます。
複数ページの検証時に、いっこいっこコピペしてタブで展開するのがめんどくさい時に。ぐわってひらくとなんか感動する。
※ただし10個以上とか一気にひらく際は多少動作が重くなりもする
Launch Clipboard :: Add-ons for Firefox

あとはアドオンではないですが、Windows系フリーソフトの「ちゃうちゃう」や「WinMerge」をよく使います。
お客さんから来たテキスト原稿と作業を行ったHTML上のテキストを比較するのに超絶べんりで、ないとたぶん死ねる。
どちらもほぼ同じ機能ですが、結果の表示や細かい設定が異なるため、
ちゃうちゃうは短いテキスト比較用に、WinMergeは長いテキストやフォルダ単位での比較にと使い分けています。

にんげんだもの、ミスは絶対になくなることはありません。
そのために制作後チェックを兼ねて検証をするのですが、検証も適当にやってるとやっぱり見逃します。
やはりできるだけツールを駆使するなどして、
ミスを少しでも減らせるしくみを作っていきたい、今日このごろです。。

突然ですがこんにちは。副管理人のhashikouです。
前職で管理人ziraiさんと師弟関係だったこともあり、縁あってブログを書かせてもらうことになりました。
ホットでヤングなレンタルサーバー技術ネタを書いていこうと思うので、どうぞよろしくお願いします。
初回なのでHTML5について適当にまとめてみます。

1.HTML5までの経緯
今まで策定されてきたHTML4やXHTML2は、文書構造としてのマークアップ言語であり、主にtext/htmlとしての使い方が大半でした。
しかし通信回線の発達や技術の進歩などにより、googleをはじめとしたWebアプリケーションの需要が高まり、現在のHTML4や諸々を拡張しHTML5の策定をすることとなりました。

2.何が変わるの？
ざっくりざっくりご紹介します。Webアプリケーション系は省略。
・<img>と同じように<video>とか<music>とか使える。プラグイン不要（ただしコーデックでモメてる）
・canvas機能が策定、HTMLでキャンバスを指定してそこにJSでグラフィックの描画など色々できるように
・ローカルにキャッシュもためておけるのでローカルでWebアプリが使える→iPhoneのGmailですでに使っている
・<section>、<article>要素が増え、文書構造をより明確に組み立てられる
・その他<div id="header,footer">→<header><footer>というように、よく使うタグとid、classのセットが独立した要素に
・DOCTYPEなどの記述が短くなる
・input typeの種類が増える、カレンダーやスライダなどUIも増加

3.今後どうなるの？
HTML5のすべての実装が完了して正式勧告されるのが2022年などと言われています。。が、ブラウザ側では仕様がある程度決まっているものに対して実装が進んでいるため、一部使ってみることはできます。ブラウザ実装表は以下からご確認ください（1年前の記事ですがわかりやすいです）。
HTML5/CSS3は最新Webブラウザでどれだけ実装が進んでいるか？ － Publickey

ブラウザの実装がまちまちのため、制作の現場ではまだ実感が湧いてこないHTML5ですが、IE9もHTML5に対応するという噂もありますし（しないとそろそろ暴動起きますよね…）、googleやAppleが立て続けにHTML5を採用しアナウンスをしているところを見ると、やはり今後大きく流れが変わってくるような気がします。
近い将来、ブラウザ上で何でもできてしまう時代が来るかもしれません。見た目がどうのこうのというより、動的にアプリを組み込むこともふまえ、総合的な「WEBでできること」をお客さんに提案していく必要がでてきそうです。

もっとわかりやすく知りたい：
HTML5, きちんと。

サンプルが見たい：
HTML5サンプル集 - 株式会社あゆた

ikekaiを無事終えることができました。
総勢１７名。身内がチラホラ居ましたが、こんなに集まっていただけるとは思っていなかったので素直にうれしいです。

感想としては非常に楽しく有意義でした。
業種やWeb歴も様々で、CSS niteに関わっていた人や現在デジハリで勉強している人、CGを作っている人、デザイナー、プログラマ、フリーで仕事をしている人、極めつけはアダルトサイトとスイーツのコラボレーションサイトを運営していた人など面白い人ばかりでした。

一次会は名刺交換やWebの話に花が咲きましたが、二次会からは普通の飲み会の様で、初めてあったとは思えないほど打ち解けぶっちゃけていましたｗ

この会で改めて思ったのがWebの世界は横のつながりが非常に大事で、知り合いや情報が増えればいろいろなことが起こり、また起こすことができるということ。
ちょっと大げさっぽいですが本当にそう感じました。

というわけで今後もいろいろな人に会い、刺激を受け続けていきたいのでikekaiは今回限りで終わらず、また是非開催したいと思いますのでその際は皆様よろしくお願いします。
新規の方の参加も大歓迎です！

参加していただいたみなさまありがとうございました。