<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>Blog --- WEBデザインのリンク集 : ikesai.com</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/" />
   <link rel="self" type="application/atom+xml" href="http://blog.ikesai.com/atom.xml" />
   <id>tag:blog.ikesai.com,2010://1</id>
   <updated>2010-03-15T16:40:02Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.33-ja</generator>

<entry>
   <title>ありえないほどAMラジオがクリアに</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/am.html" />
   <id>tag:blog.ikesai.com,2010://1.288</id>
   
   <published>2010-03-15T16:08:32Z</published>
   <updated>2010-03-15T16:40:02Z</updated>
   
   <summary>このタイミングで新しいエントリーを追加するか迷いました。（1つ前のエントリー参照...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="気になるニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[<p>このタイミングで新しいエントリーを追加するか迷いました。（1つ前のエントリー参照）<br />
ただ、折角15日から始まった新しいサービスがあるので紹介しようと結論付けたTAKA-Gです。</p>
<p><br />突然ですが、自分の部屋にはTVがありません。<br />
いつの頃からあまり見なくなったので、独り暮らしのタイミングで購入してないんですね。<br />
「TVが無い」と人に話すとだいたい「家で何すると？」と聞かれてしまいます。<br />
やることなんていくらでもあると思うのですが。。。</p>
<p><br />そんな私は学生時代からですが、音楽そしてラジオが好きなんです。<br />
そして、本日こんなニュースが飛び込んで参りました。</p>
<p><br />インターネット上での地上波ラジオ同時放送<a href="http://www.radiko.jp" target="_blank">「IPサイマルラジオ」</a>が15日、試験配信を開始したそうです。<br />
14日夜から配信が始まっていたみたいですが、アクセス集中でつながりにくい状態が続いたりもしているそう。<br />
このエントリーと書いているタイミングでは途切れることなく聞こえています。<br />
昔、ラジオのアンテナ伸ばして電波を探していた時代とは異なり、非常にクリアな音でラジオが聞けます。</p>
<p><br />WEBの制作者は音楽聞きながら作業したりする人も多いですよね。<br />
たまには気分転換にラジオを聴いてみるのもいいと思います。</p>
<p><br />期末で忙しい方も多いでしょうが、身体には気をつけてください。<br />
ごきげんよう</p>]]>
      
   </content>
</entry>
<entry>
   <title>登録サイトについてのお詫び</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/post_118.html" />
   <id>tag:blog.ikesai.com,2010://1.287</id>
   
   <published>2010-03-15T12:00:23Z</published>
   <updated>2010-03-15T14:54:33Z</updated>
   
   <summary>Twitterでは13日26時頃ご報告させていただきましたが、12日に登録したI...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[<p>Twitterでは<a href="http://twitter.com/ikesai" target="_blank">13日26時頃ご報告</a>させていただきましたが、12日に登録したINFOBAHN（インフォバーン）のWebサイトが不正アクセスにより内容が改ざんされていたとの報告がありました。（現在は復旧し安全なサイトとなっているようです）<br />
現在はikesaiからINFOBAHNのサイトを削除しておりますが、<strong>「2010年3月13日 （土）15時～3月14日（日）19時まで」</strong>にINFOBAHNサイトへアクセスされた方は感染している恐れがありますので、大変申し訳ございませんが、最新のウィルス定義でスキャンをしていただくか、<a href="http://www.trendflexsecurity.jp/housecall/" target="_blank">トレンドマイクロ社のオンラインスキャン</a>を実行していただければと思います。<br />
また、私自身もウィルス感染しPCが制御できない状態となり、ご報告が遅れたことをこの場をかりてお詫び申し上げます。<br />
なお、INFOBAHNからこの件についての経緯や報告、お問い合わせ先が掲載されておりますので、ご確認いただければと思います。（<a href="http://www.infobahn.co.jp/news/3073" target="_blank">http://www.infobahn.co.jp/news/3073</a>[安全を確認しております]）（<a href="http://www.infobahn.co.jp/news/3075" target="_blank">http://www.infobahn.co.jp/news/3075</a>[安全を確認しております]）<br /><br />
間接的とはいえ当サイトが皆さまにご迷惑をおかけしたことを改めてお詫び申し上げます。<br />
なお、<strong>ikesai.com自体はウィルス感染はしておりません</strong>のでご安心ください。今後もご利用よろしくお願いいたします。</p>]]>
      
   </content>
</entry>
<entry>
   <title>海外のweb制作系雑誌</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/web_10.html" />
   <id>tag:blog.ikesai.com,2010://1.286</id>
   
   <published>2010-03-07T17:33:38Z</published>
   <updated>2010-03-07T17:58:17Z</updated>
   
   <summary>ども、忠犬（のわりに近所の犬には吠えられる）hashikouです。 雑誌という媒...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="海外のサイト" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[ども、忠犬（のわりに近所の犬には吠えられる）hashikouです。

<br />雑誌という媒体が大好きで、Web designingとWeb creatorsはよく読んでいたのですが、
海外ではいったいこういう雑誌があるのか、あるとしたらどんな内容なのかずっと気になっていました。
旅行にいくと、現地の本屋に行って息をスーハーするのが好きなのですが、
ギリギリ英検3級のhashikouにはどうもweb制作系の雑誌が見つけられなかったのです。。

<br />そしたらちょうど<a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a>で
海外の制作系雑誌（web系以外も）の紹介記事が上がってるじゃないすか。普通にあるじゃん、雑誌。
というわけで嬉しかったのでWeb系のみ一部ご紹介。あ、たぶんこれUKのみです。
Via: <a href="http://www.smashingmagazine.com/2010/03/05/print-magazines-for-web-designers-digital-artists-and-photographers/" target="_blank">Print Magazines for Web Designers, Digital Artists, and Photographers - Smashing Magazine</a>

<br /><strong>.net Magazine / Practical Web Design</strong>
世界で一番売れてる、Web制作者・Webデザイナー向けの雑誌（注：ほんとかよ…）。
チュートリアルやエラい人のインタビュー、今日のインターネットに影響を与えそうなホットなニュースを取り扱っている。
もしWebデザインにマジならこの雑誌がベストらしい。
webを仕事にしている人にはとっても重要な雑誌だけど、「現場向け」だということだけ注意。だって。

<br /><img alt="netmag1.jpg" src="http://blog.ikesai.com/netmag1.jpg" width="149" height="200" />
<a href="http://www.netmag.co.uk/" target="_blank">.net magazine</a>
※どっちかっていうと、Web designingよりWeb creatorsっぽいのかな。

<br /><strong>Web Designer</strong>
この雑誌はあなたがステキWebデザインを作るのを助ける。
オリジナルなインタビューがあったり、プロのアドバイスがあったり、
ホットトピックスやステキサイト集、制作のノウハウやtipsが掲載されている。

<br /><img alt="webdesigner.jpg" src="http://blog.ikesai.com/webdesigner.jpg" width="150" height="200" />
<a href="http://www.webdesignermag.co.uk/" target="_blank">Web Designer - Defining the internet through beautiful design</a>
※初期のWeb designingみたいな感じかなー。キレイ目デザイン重視系か？

<br />以下デザイン、Photoshop、3D、写真系の雑誌が続きます。おもすろい。
ちなみに.net Magazineはオンラインで買ってみたので（約10ユーロ、1260円くらい？）、
届いて良さそうなら中身ご紹介します。。]]>
      
   </content>
</entry>
<entry>
   <title>WEBサイトも速さが命</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/web_9.html" />
   <id>tag:blog.ikesai.com,2010://1.285</id>
   
   <published>2010-03-04T16:30:58Z</published>
   <updated>2010-03-05T17:04:32Z</updated>
   
   <summary>ども、忠犬（といいつつ実体は駄犬の）hashikouです。 芸能人は歯が命とは言...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="WEB制作" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[ども、忠犬（といいつつ実体は駄犬の）hashikouです。

芸能人は歯が命とは言いますが、WEBサイトは速さが命だったりします。

<br /><strong>1.トロいページはすごい損してる</strong>
スローライフとか真っ盛りなこの現代に、遅いことは悪なのか。
それはわかりませんが、少なくとも表示速度が遅いことによる機会損失はなかなか凄まじいみたいです。

<br />・アマゾンはページの反応が0.1秒遅くなると、売り上げが「1%ダウン」する
・グーグルのページ反応が0.5秒遅くなると、アクセス数が「20%ダウン」する
・一般的に表示スピードが1秒遅くなると、PVは11%、コンバージョンは7%、顧客満足度は16%ダウンする
（<a href="http://www.gomez.com/download/aberdeen-gomez-best-in-class.pdf">Aberdeen Group Reportより※PDF</a>）

<br />ブロードバンド回線の普及により、表示速度ってそこまで意識しなくなりましたが、
むしろ「速いのが当たり前」だからこそちょっと待たされるだけで離脱率が上がるのかもしれません。

<br /><strong>2.Googleよ、お前もか</strong>
しかも最近話題になりましたが、googleもサイトの表示速度を検索アルゴリズムに組み込みたいとのこと。
最近のイベント、SMX West 2010でもGoogle自身がそのことについてセッションを行ったようです。
※順位を下げるということは考えていないそうですが、インデックス数は速度で変わる見込みだとか。
<a href="http://www.seojapan.com/blog/smx-west-2010-%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E3%81%A7%E6%A4%9C%E7%B4%A2%E9%A0%86%E4%BD%8D%E3%81%8C%E6%B1%BA%E3%81%BE%E3%82%8B%EF%BC%9F%EF%BC%81google">SMX West 2010 : サイトの表示速度で検索順位が決まる？！Googleが語るその真実 » SEO Japan</a>

<br /><strong>3.何したらええねん</strong>
HTML5の普及などでWebアプリケーションも増加することですし、
今後ますますWEBサイトのレスポンスの速さというのは重視されるようになるのは間違いなさそうですね。
制作者側で、実際にどんなことをすればいいかは下記の記事が詳しいです。
<a href=”http://ascii.jp/elem/000/000/457/457749/” target="_blank">ASCII.jp：30分でできる！Webサイトを高速化する6大原則</a>
<a href=”http://www.ibm.com/developerworks/jp/web/library/wa-speedweb/” target="_blank">Web ページを高速化する</a>

<br />また、couldのヤスヒサさんも<a href="http://www.yasuhisa.com/could/article/website-speed/">様々な意味をもつWebサイトのスピード : could</a>で
「こうした技術的なアプローチだけではなく、情報の整理の仕方や心理的な部分からスピードを表現することが可能です。」と書いています。
ローディング画面など、あるとないとじゃ体感速度が全く変わったりしますよね。。

<br /><strong>4.みんなでやれば怖くない！？</strong>
正直、表示速度が遅くっても目の前でお客さんが逃げるところを目の当たりにするわけでなし、
普通に表示できればいいかなー、となってしまう分野ですが、
Googleの検索アルゴリズムなどが絡んでくるとそうも言ってられない気がします。
ディレクター、デザイナー、コーダーとできることはそれぞれあるので、
情報共有しつつ機会損失をできるだけ防ぎたいところですね。。]]>
      
   </content>
</entry>
<entry>
   <title>オンラインショップ</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/post_117.html" />
   <id>tag:blog.ikesai.com,2010://1.284</id>
   
   <published>2010-03-04T15:53:55Z</published>
   <updated>2010-03-04T16:29:42Z</updated>
   
   <summary>最近なぜかUstを利用したくてたまらないTAKA-Gです。 自分が持っているビデ...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="ひとり言" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[<p>最近なぜかUstを利用したくてたまらないTAKA-Gです。<br />
自分が持っているビデオカメラだと利用できないようなので、WEBカメラの購入を検討しています。<br />
というわけで、本日はオンラインショッピングについて書きたいと思います。</p>
<p><br />いつの頃からでしょうか。何か物を買おうとするとネットでまず調べます。<br />
オンラインショップやら比較サイトやらレビューやら情報が溢れていますね。</p>
<p><br />突然ですが、ファッション通販サイトZOZOTOWN利用者数推移と平均利用時間推移のグラフを</p>
<BLOCKQUOTE>
利用者数推移（千人）
<table widtd="550" cellspacing="1" cellpadding="0" border="0" style="background: #333; font-size: 12px;">
<tr>
<td style="background: #ccc;">サブドメイン</td>
<td style="background: #ccc;">09年11月</td>
<td style="background: #ccc;">09年12月</td>
<td style="background: #ccc;">10年1月</td>
</tr>
<tr>
<td style="background: #eee;">zozo.jp</td>
<td style="background: #fff;">1282</td>
<td style="background: #fff;">1717</td>
<td style="background: #fff;">2664</td>
</tr>
</table>
<p style="font-size: 10px;">Source：Nielsen Online NetView
<br />
2009年11月～2010年1月 家庭と職場からのアクセス</p>
<br />1訪問あたりの平均利用時間推移（分)<br />
<table widtd="550" cellspacing="1" cellpadding="0" border="0" style="background: #333; font-size: 12px;">
<tr>
<td style="background: #ccc;">サブドメイン</td>
<td style="background: #ccc;">09年11月</td>
<td style="background: #ccc;">09年12月</td>
<td style="background: #ccc;">10年1月</td>
</tr>
<tr>
<td style="background: #eee;">zozo.jp</td>
<td style="background: #fff;">9</td>
<td style="background: #fff;">8</td>
<td style="background: #fff;">18</td>
</tr>
</table>
<p style="font-size: 10px;">Source：Nielsen Online NetView<br />
2009年11月～2010年1月 家庭と職場からのアクセス</p>
<br />
<a href="http://japan.cnet.com/marketing/story/0,3800080523,20409560,00.htm" target="_blank" style="font-size: 12px;">ファッション通販サイトZOZOTOWNが躍進！！</a>
</BLOCKQUOTE>
<p><br />自分はなんだかんだでアナログな人間なので、この情報を見るとすごいなーと正直に思います。<br />
CD/DVDや本などは理解できますが、、服の場合は実際に着てみないとわからないでは？と疑問です。<br />
そこにはサイトを構築する上で、色々と考えられているのでしょう。</p>
<p><br />そもそも、実店舗と仮想店舗の利用についての違いを考えた場合<br />
やはり一番はユーザーのモチベーションなのかなと思います。<br />
オンラインショップに来る人は欲しい商品を探している人が多い気がします。</p>
<p><br />それでは、同じ商品を販売しているライバル店にはどのような差を付けていくのでしょうか。<br />
そこは実店舗と同じ接客が大切になってくるのだと思います。</p>
<p><br />オンラインではもちろん人が直接接客することができません。<br />
自分が思うオンラインの接客では以下の4点だったりします。</p>
<ol>
<li>FAQの充実</li>
<li>更新頻度</li>
<li>サポート体制</li>
<li>商品の包装</li>
</ol>
<p>どれだけオンラインであっても最後は人がしっかりとしていないとダメでしょう。<br />
具体的な数値をもとにした話ではないので、あくまでも私見となります。</p>
<p><br />今後のオンラインショッピングがどう発展するのか気になります。<br />
ふと思いましたが、オンラインショップって一瞬で自分の家がショッピングモールになっているようなものですね。<br />
無限の広がりを感じます。</p>
<p><br />それでは無事WEBカメラ購入したら、Ustしておもしろいことがあればここでも書いてみたいと思います。</p>
<p><br />ごきげんよう。</p>]]>
      
   </content>
</entry>
<entry>
   <title>iPhoneとユニクロ</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/iphone.html" />
   <id>tag:blog.ikesai.com,2010://1.283</id>
   
   <published>2010-03-01T18:24:24Z</published>
   <updated>2010-03-01T18:42:18Z</updated>
   
   <summary>文章を書いている途中にフリーズして心が折れかかっているTAKA-Gです。 日付が...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="気になるニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[文章を書いている途中にフリーズして心が折れかかっているTAKA-Gです。
日付が変わり昨日3/1のニュースリリースで気になるものを紹介します。

<Blockquote style="font-size:12px;">ソフトバンクテレコム株式会社は、2010年3月1日の株式会社ファーストリテイリング（以下、ファーストリテイリング）の東京本部移転にあわせ、約1,200台の「iPhone™ 3GS」（アップル社製）を、同社に納入しました。
<a href="http://www.softbanktelecom.co.jp/ja/news/press/2010/20100301_01/index.html" target="_blank">ファーストリテイリングにiPhone 3GSを1,200台納入</a></Blockquote>

新しいもの好きが多いためか自分の周りはiPhoneユーザが多いです。
世界的に見てもiPhone含めスマートフォンの市場は伸びてきていますね。
とはいえ、移転のタイミングで1,200台導入とは思い切りが好きです。<br>
ニュースリリースを見る限り今後は日本以外の国でも導入していくのでしょうね。
そうすると今度は消費者向けのコンテンツやアプリの展開があるのか？？
『UNIQLOCK』はiPhoneアプリになっていますが、もっとユニクロらしくiPhoneならではアプリが出てくることを期待しつつ。<br>
おやすみなさい。]]>
      
   </content>
</entry>
<entry>
   <title>tableのいろいろUI紹介</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/03/tableui.html" />
   <id>tag:blog.ikesai.com,2010://1.282</id>
   
   <published>2010-02-28T16:46:01Z</published>
   <updated>2010-02-28T17:16:34Z</updated>
   
   <summary>ども、忠犬（ではなく中堅と呼ばれたい万年見習い）hashikouです。 本日は海...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="UI" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[ども、忠犬（ではなく中堅と呼ばれたい万年見習い）hashikouです。
本日は海外SBMで話題になってた、tableのUIパターンについての記事をご紹介します。
といいつつ超テケトーなサマリのみなので、「内容が違うぜ！」とあまり怒らないでくださいね。
不安な方はレッツ原文！

<br />原文：<a href="http://www.jankoatwarpspeed.com/post/2010/02/26/table-ui-patterns.aspx" target="_blank">Ultimate guide to table UI patterns</a>
※図もぜんぶここからだよ！

<br />--
tableってユーザ―インターフェイスの大事な要素だよね！でもわりと見過ごされがちなんだ。
データを読みやすくしたり解析しやすくりしたりするためのものなのに、退屈でひどいものが多い。
そういうくだらないtableを少しでも減らせればと思って、tableのパターンをいくつか紹介するよ。

<br /><strong>1.交互に行のスタイルを変える</strong>
奇数行と偶数行で色変えてみやすくするアレ。背景色や背景色を使って、複数の列や行を認識しやすくする。
ヘッダーなどは濃い色を使うなどしてそれと分かるようにする必要がある。

<br /><img alt="100301_01.jpeg" src="http://blog.ikesai.com/100301_01.jpeg" width="600" height="244" />

<br /><strong>2.全体を選択できる行</strong>
行全体をクリックできるようにすると、ちまちまクリックしなくていいから楽だよね的な感じ。
jQueryでかんたん導入できるよ！

<br /><img alt="100301_02.jpeg" src="http://blog.ikesai.com/100301_02.jpeg" width="600" height="285" />

<br /><strong>3.sectionを使う（内容ごとにグループ分けする）</strong>
たくさんの行をグルーピングして項目（=section）分けしたげると見やすくって親切ですな。

<br /><img alt="100301_03.jpeg" src="http://blog.ikesai.com/100301_03.jpeg" width="600" height="422" />

<br /><strong>4.並び替える</strong>
データが膨大で目的のものが見つけにくい場合、しかも明確なキーワードを知らない場合（検索できない）、
似たような情報群で並び替えてあげる。
ヘッダー列がクリッカブルであることが必要。

<br /><img alt="100301_04.jpeg" src="http://blog.ikesai.com/100301_04.jpeg" width="600" height="157" />

<br /><strong>5.しぼりこむ</strong>
こちらもデータが莫大な場合、チェックボックスやラジオボタン、ドロップダウンリストなどで
情報をフィルタにかけ絞り込むことができる。

<br /><img alt="100301_05.jpeg" src="http://blog.ikesai.com/100301_05.jpeg" width="600" height="309" />

<br />6.ページ送りをつける
7.途切れないスクロール
8.スクロールしても固定して表示されるヘッダー
9.ヘッダーなし
10.伸び縮みする列
11.列の上で色んな操作ができる
12.複数の列を操作できる
などなど。

<br />（hashikouが力尽きました・・全てを読むには↓のリンクを押してください）
原文：<a href="http://www.jankoatwarpspeed.com/post/2010/02/26/table-ui-patterns.aspx" target="_blank">Ultimate guide to table UI patterns</a>

<br />--
tableって色々見せ方あるんですなー。
最初webアプリケーション寄りじゃね？と思ったのですが、よくよく考えると静的HTMLでもtableは普通に使うし、
JS使えば動的に表現できるし、知っといても損はないと思います。
わりとざっくり作りがちですが、こんな細かいところにもちょっとした配慮や見せ方を仕掛けてあげると、
格段に操作性や視認性がアップするのがtableのかわいいところかもしれません。]]>
      
   </content>
</entry>
<entry>
   <title>設計時にふと思うこと</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/post_116.html" />
   <id>tag:blog.ikesai.com,2010://1.281</id>
   
   <published>2010-02-27T14:43:36Z</published>
   <updated>2010-02-27T15:05:36Z</updated>
   
   <summary>ウエイトトレーニングしたので、体がだるいTAKA-Gです。 今回は少しだけディレ...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="WEB制作" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[ウエイトトレーニングしたので、体がだるいTAKA-Gです。
今回は少しだけディレクター目線な話をしたいと思います。<br>
ワイヤーフレーム・画面設計・ストラクチャ呼び方は様々あると思いますが、
コンテンツ設計した後には、具体的にページに掲載する情報をレイアウトしていきます。<br>
いつも、これで本当に意図しているページになっているのか？
など疑問を持ちながら作業をしているわけですが、よく自分が失敗するのが<br>
<strong>「解説不足、導線不足」です。</strong><br>
どうしても、この業界にいるため暗黙のルールを作り上げてしまっていたり
企画から携わっていると、情報が足りているように錯覚することがしばしば。
そうなると、どうしても使いにくかったり情報不足で訴求できなかったりします。<br>
本当は設計の時にユーザー目線で見られるといいのでしょうが、
自分は苦手なので、チームメンバーにどうよ？と確認してみます。
思いもよらないところを突っ込まれたりして、なるほど！と思ったりできるのです。<br>
設計に正解はないと思いますが、色々な経験して
ユーザー目線、企業目線、様々な目線から物事を見れるようになりたい今日この頃です。]]>
      
   </content>
</entry>
<entry>
   <title>電子書籍</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/post_115.html" />
   <id>tag:blog.ikesai.com,2010://1.279</id>
   
   <published>2010-02-25T13:58:19Z</published>
   <updated>2010-02-25T14:16:07Z</updated>
   
   <summary>このサイトに来ている多くの人はネット上で情報とか取得しているのでしょう。 私自身...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="サービス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[このサイトに来ている多くの人はネット上で情報とか取得しているのでしょう。
私自身はなんだかんだアナログな人間なので、紙媒体の活字が好きです。
とはいえ、仕事柄ネットで情報も探しますが。。。<br>
ちょうど今月のことだったと思いますが、
講談社や小学館、新潮社など国内の出版社21社が「日本電子書籍出版社協会」を立ち上げたそうです。<br>
携帯電話だと着メロや着うたの次にメジャーなコンテンツかな電子書籍は。
実際にどんなものかと、漫画を携帯電話で見たことがあります。
今では携帯電話はいつも手元にあるコミュニケーションツールのひとつで、
ちょっとした空き時間なんかにこんなサービスを利用したりするんだろうな。とか思ったりしました。<br>
少し前に「iPad」の発表で盛り上がった？こともあり、amazonの「Kindle DX」など
近い将来、書籍は電子化が進んでいくのでしょうか。<br>
端末自体はまだまだ普及していないでしょうが。
今後の展開が楽しみになってきます。]]>
      
   </content>
</entry>
<entry>
   <title>雑誌「web creators」がWebサイトに移行！</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/web_creatorsweb.html" />
   <id>tag:blog.ikesai.com,2010://1.280</id>
   
   <published>2010-02-25T12:00:00Z</published>
   <updated>2010-02-25T16:54:39Z</updated>
   
   <summary>ども、忠犬（かどうかは知りませんが）hashikouです。 どうやら雑誌「web...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="気になるニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[ども、忠犬（かどうかは知りませんが）hashikouです。

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

<br /><blockquote style="font-size:12px;">そこで、先の3つの柱のうち「紙媒体」の部分を縮小し「Webサイト」の部分を大幅に拡大することで、
それらの問題を解消し、読者のみなさまに有益な情報をいち早く、より豊富にお伝えできるようになります。
<a href="http://www.mdn.co.jp/di/announce/12360/"; target="_blank">月刊「web creators」のWebサイト移行のお知らせ - MdN Design Interactive - Webデザインとグラフィックの総合情報サイト</a></blockquote>

<br />プレスリリースでは明記されていませんが、Web版は有料化したりするんでしょうか？
課金で収益あげるか、広告で何とかするか、今後の動向が気になる感じです。
しかし雑誌は1,200円でも払えるのに（必要な情報なら）、オンラインマガジンなどで1,000円とか言われると
「高っ」と思ってしまうのは、なんでなんでしょうね？
内容がまったく同じだとしたら、物理的な質感にお金払っているんでしょうか。。]]>
      
   </content>
</entry>
<entry>
   <title>ハジメマシテ</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/post_114.html" />
   <id>tag:blog.ikesai.com,2010://1.278</id>
   
   <published>2010-02-25T06:59:35Z</published>
   <updated>2010-02-25T07:09:47Z</updated>
   
   <summary>TAKA-Gです。 最近、管理人ziraiさんと仕事をしていまして、ブログ書きま...</summary>
   <author>
      <name>TAKA-G</name>
      
   </author>
         <category term="ひとり言" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      TAKA-Gです。
最近、管理人ziraiさんと仕事をしていまして、ブログ書きますよーと言ったのが事の発端で。
ウェブのことは忠犬ハシ公に任せつつ、ちょっと違ったことを記載していきたいと思います。

興味がある方はtwitterでも探してみてください。
      
   </content>
</entry>
<entry>
   <title>ブログ再開！&amp;リツイートボタン設置</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/post_113.html" />
   <id>tag:blog.ikesai.com,2010://1.277</id>
   
   <published>2010-02-24T14:13:49Z</published>
   <updated>2010-02-24T14:24:29Z</updated>
   
   <summary>最近全くブログの更新を怠っていましたが、新たなブロガーを2名迎えたことによりこの...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[<p>最近全くブログの更新を怠っていましたが、新たなブロガーを2名迎えたことによりこの度復活することとなりましたのでインフォしておきます。<br />それに伴いブログの<a href="http://blog.ikesai.com/log/2010/02/post_113.html">個別エントリーの最後にRTボタンを設置</a>してみました。数字の下の「retweet」をクリックするとそのままリツイートできますので、是非つぶやいてみてください！</p>]]>
      
   </content>
</entry>
<entry>
   <title>検証にべんりなfirefoxアドオンたち</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/post_112.html" />
   <id>tag:blog.ikesai.com,2010://1.276</id>
   
   <published>2010-02-21T12:13:46Z</published>
   <updated>2010-02-23T15:58:49Z</updated>
   
   <summary>みなさん、ミスしてますか！恥ずかしい話、hashikouはバリバリですぞ。 ミス...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="WEB制作" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[みなさん、ミスしてますか！恥ずかしい話、hashikouはバリバリですぞ。
ミスるたびに毎回「もうしません」って誓うんですが、その数日後にはケロリと同じミスをしたりします。やっぱり検証って大事ですよね…。
しかしながら皆考えることは同じのようで、Firefoxでは制作チェックに便利なステキアドオンがもりもり出ています。
どれも一長一短ですが、案件の特性によっては超絶使えたりするので、個人的によく使うアドオンをご紹介します。

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

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

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

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

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

<br />にんげんだもの、ミスは絶対になくなることはありません。
そのために制作後チェックを兼ねて検証をするのですが、検証も適当にやってるとやっぱり見逃します。
やはりできるだけツールを駆使するなどして、
ミスを少しでも減らせるしくみを作っていきたい、今日このごろです。。]]>
      
   </content>
</entry>
<entry>
   <title>HTML5適当なまとめ</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/html5.html" />
   <id>tag:blog.ikesai.com,2010://1.275</id>
   
   <published>2010-02-21T12:00:00Z</published>
   <updated>2010-02-21T12:09:04Z</updated>
   
   <summary>突然ですがこんにちは。副管理人のhashikouです。 前職で管理人ziraiさ...</summary>
   <author>
      <name>忠犬ハシ公</name>
      
   </author>
         <category term="HTML" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      <![CDATA[突然ですがこんにちは。副管理人のhashikouです。
前職で管理人ziraiさんと師弟関係だったこともあり、縁あってブログを書かせてもらうことになりました。
ホットでヤングな<strike>レンタルサーバー</strike>技術ネタを書いていこうと思うので、どうぞよろしくお願いします。
初回なのでHTML5について適当にまとめてみます。

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

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

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

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

<br />もっとわかりやすく知りたい：
<a href="http://www.slideshare.net/myakura/html5-2480964" target="_blank">HTML5, きちんと。</a>

<br />サンプルが見たい：
<a href="http://ayuta.co.jp/html5-samples/index.html" target="_blank">HTML5サンプル集 - 株式会社あゆた</a>]]>
      
   </content>
</entry>
<entry>
   <title>ikekaiの感想</title>
   <link rel="alternate" type="text/html" href="http://blog.ikesai.com/log/2010/02/ikekai.html" />
   <id>tag:blog.ikesai.com,2010://1.274</id>
   
   <published>2010-02-07T16:47:29Z</published>
   <updated>2010-02-07T17:26:03Z</updated>
   
   <summary>ikekaiを無事終えることができました。 総勢１７名。身内がチラホラ居ましたが...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="インフォメーション" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://blog.ikesai.com/">
      ikekaiを無事終えることができました。
総勢１７名。身内がチラホラ居ましたが、こんなに集まっていただけるとは思っていなかったので素直にうれしいです。


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

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


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


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


参加していただいたみなさまありがとうございました。
      
   </content>
</entry>

</feed>
