« 2006年06月 | ブログ トップ | 2006年08月 »

Web 開発補助ツール 【Hawkeye】

2006年07月31日

Sleipnirのプラグインなんだけど、すごく便利です。
InfoaxiaのWeb Developerにもちょっと似てるけど、HawkeyeのほうがHTMLやCSSの解析は断然に使い勝手がいい。
なにがいいかってーと、「クリックした要素の詳細を表示」って機能がいいね〜
これを使うとクリックした要素のツリー構造がわかったり、その要素に適用されているスタイルだけが一発でわかる。
Web DeveloperにもCSSを表示ってのがあるけど、あれは全てのスタイルを表示しているので、CSSの解析のときは結構時間がかかっちゃうんだよね。

あと良かったのが、HTMLの構造を表示してくれる機能かな〜
これはHTMLの構造を視覚的に見れるので、誰かの作ったサイトを手直しするときや、更新するときに便利かも。

Geckoとの比較機能もSleipnirのプラグインならではの機能だと思います。

その他にもH要素の表示、ブロック要素の表示、id,class属性値、ヘッダー内情報、コメントの表示、色情報などなど便利機能満載です。
Web Developerと合わせて使うとよりよいサイト作りができそう。

»Fenrir Developer Team Labs

»ochanoco blog >> 『Hawkeye』使ってみた。

サイトカラーを変更しました(夏バージョン)

2006年07月30日

梅雨も明けたので、サイトカラーを変更しました。

ちょっと秋っぽいけど気にしない気にしない。

今年も夏らしい夏になることをねがいつつ、WEB屋として仕事に励みたいと思います。

!DOCTYPE スイッチ

2006年07月28日

知ってそうでなかなか知らない、!DOCTYPE スイッチの標準準拠モードの有効化、無効化方法。

下の表のようにHTML のバージョンが指定されていないときや、指定されていてもURIを指定していないなどの違いがわかります。

!DOCTYPE スイッチ一覧
Label Definition URL あり URL なし
!DOCTYPE なし 無効 無効
HTML (バージョン指定なし) 無効 無効
HTML 2.0 無効 無効
HTML 3.0 無効 無効
HTML 3.2 無効 無効
HTML 4.0 指定なし 有効 有効
HTML 4.0 Frameset 有効 無効
HTML 4.0 Transitional 有効 無効
HTML 4.0 Strict 有効 有効
XHTML 有効 有効
XML 有効 有効
認識されない !DOCTYPE 有効 有効

»Internet Explorer 6 における CSS の拡張

Google Analytics がおかしい

なんだか25日あたりからアクセスが解析されていない模様。
知り合いも同じ症状になっているとのことなので、Google Analyticsの障害かね?
それとも仕様が変更になって気づいていないだけなのか?
まぁあんまり使ってないから良いのだけど。

エディタ快適ツール 【Charu3】

2006年07月27日

これは本当に便利です。

とりあえずは、クリップボード履歴機能ってのがいい。
クリップボードに何十個も保存できるので、コピペがものすごい楽になります。
コピーコピー...... ペーストペースト.......って感じでできるので表なんかを作ってるときには使える。

それと定型文ペースト機能。 これまた便利
よく使うHTMLのタグや構造を定型文に入れておけば一発で呼び出せるんで便利。
他にもマクロなんかも結構あるみたいなので、それを使ったり自分でカスタマイズしてみたりするのもいいかも。
とにかく便利便利便利。一度つかったら手放せない一品です!

»KeiziWeb ver 4.3

IE7 Beta3とIE6のスタンドアローン

2006年07月26日

IE7 Beta2をスタンドアローンで使っていたんですがどうも調子が悪るい。自分だけかもしれないけど、、、
デフォルトをIE7にしている人の見え方とちょっと違うんだよね〜
レジストリをいじったりするのもめんどくさいしね。

てことでデフォルトIEをIE7 Beta3にしました!
IE6のスタンドアローンもいつの間にか出てたし、IE7が嫌になったら元に戻す方法もあるみたいだし。
たぶん問題ないと思われる。。。

»Microsoft Internet Explorer 7 bata3
»IE6のスタンドアローン
»IE7からIE6に戻す方法 1
»IE7からIE6に戻す方法 2

読んでおきたいW3Cの仕様書(日本語訳)

W3Cの仕様書は基本なので、最低このあたりは読破しておきたい。
自分もまだ全部は読んでないけど・・・。

マークアップに便利なグリッド&定規

2006年07月19日

ページの背景画像にレイアウトグリッドの画像を配置しておくと、CSSを使ってマークアップする時には非常に役立ちそう。
そんな便利な画像を公開しているのを見つけました。

テーブルと違い、CSSだと1pxのズレとかがなかなかわかりづらいし、気づかずそのまま公開なんてのもけっこうあるしね。
この背景があれば視覚的にわかるので、ズレも一発だな〜

コーダーはもちろん、デザイナーにも是非使ってほしい。
つか紙上がりのデザイナーの人にグリッドの概念を叩き込むのは至難の業なので、これを使って説明すると早そう。

追記:
レイアウトグリッド画像のブックマークレットを公開しているサイトをみつけました。
このURLをブックマークすれば既存のサイトの背景画像を簡単にレイアウトグリッド化できます。 超便利!!

»レイアウト用グリッド画像

IE7の検証

2006年07月14日

IE7を検証した記事が載っていたのでご紹介。
全体的に基本的な事しか載っていないけど、逆にこの仕様をしらないと今後のサイト構築に影響するので一読しといたほうがいいかも。IE6のバグもついでにわかるしね〜
セレクタや属性セレクタの説明もされているので、わからない方はこの機会にどうぞ。

»【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (MYCOMジャーナル)

マウスポテトとは?

2006年07月10日

僕らみたいなWEB屋の事をマウスポテトというらしいです。
テレビばかり見ている人を指す「couch potato (カウチポテト)」からきてるらしい。

自サイトを愛している人にピッタリ? [SEO for Firefox]

2006年07月07日

本来の目的はSEOらしいのですが、自分はikesaiの情報を収集するのに使っています。
このエクステンションをいれると、GoogleやYSTで検索した際ディスクリプションの下に、ページランクや被参照リンク数、del.icio.us登録数、トラフィックなどなど自サイトの様々な情報が一発でわかるようになります。
どこからリンクされているかとか、ソーシャルブックマークの登録数とか気になる人は多いと思うんだけど、いちいち特定のサイトに行くのはめんどくさいので、この拡張機能があればかなり便利になります。
自分のサイトを愛している方には、是非おススメです!

»GIGAZINE - SEO対策がFirefoxで簡単にできるようになる「SEO for Firefox」
»SEO for Firefox

ついにGoogle TOP10入り!

2006年07月06日

WEBデザインのキーワードのTOP10入りを目指して約1年半。やっとこの日が来ました!
ちょっと前から10位以内には入ってたんだけど、Google Dance Toolでチェックしたところ順位がまばらだったので確信はもてませんでした。
ですが、今日Google Dance Toolで見てみたところ、全サーバーが7位を示していたので確信がもてました!!
う〜ん。気持ちいい。
YSTでも何故か90位ぐらいにジャンプアップしていたので、嬉しい限りです。
残るは1位を狙うのみ!

以上、ジコマン記事でした〜

»Google Dance Tool 日本語対応版

テーブルレイアウトのサイト?

2006年07月05日

「東京webデザイナー日記」のサイトで面白い記事をみつけました。
プログラムにてテーブルレイアウトの可能性があるサイトにあたりをつけて、それをデータ化しています。
プログラムといっても単純なことで、ソースの中にtableタグがいくつ入っているのかと、ネスト(入れ子)しているtableがいくつあるか数えているだけです。
誰もが思いつきそうな事だけど、ここまで調査しているとテーブルレイアウトがどうとかではなく、こんなにテーブルを入れ子してんだってのがわかります。6入れ子とかありました
まぁ2つ以上入れこしてたら体外はレイアウト目的で使ってんだろーな〜

»東京webデザイナー日記: 日経平均銘柄225社サイトを、tableタグチェックプログラムで再調査

めちゃめちゃ欲しい W-ZERO3[es]

また新たなモバイル機器がでてしまった。
UMPC、VAIO type Uの次に欲しい!!
Internet Explorer MobileとOperaブラウザが標準搭載されていてFlashサイトも見れるのが嬉しい。
でも第1世代のW-ZERO3だとFlashはウダウダだったから[es]はどうなんだろね。
自分の持ってるザウルスには限界を感じている今日この頃、携帯電話の即使用できる環境はやっぱり魅力的だな〜
PDAだとどうしても立ち上げのめんどくさいし、MTやWordPressから投稿できないし。NetFrontつかえね〜

そんな[es]だけど、一つ欠点がある。
音声通話の料金もデータ通信と合わせて払わないといけないんだよね〜
それがなきゃ絶対に買いなんだけど。。。

»W-ZERO3 [es]:シャープ

トランスフォーマーって懐かしい

2006年07月04日

ちっちゃいころ変形ロボット買ってたな〜
そのトランスフォーマーがハリウッドで映画化してたとは。。。

»Transformers Movie - Official Site of Transformers: The Movie

世論調査(投票)ページを設置しました

世論調査(投票)ページを設置しました(上部メニューにあります)。

WEBデザイナー、WEBクリエーターの人達が、何を思い何を考えているかが少しでも分かればな〜と思っています。

結果は常に見られるようになっているので、興味のある方は是非投票してみてください。

もし調査してみたい内容があれば、お問い合わせページから応募してみてください。

動画コンテンツの広告

2006年07月03日

調査会社IDCのリサーチアナリストJosh Martin氏は、米国時間6月29日に発表したレポートの中で、動画共有サイトのYouTubeが、ビデオ共有事業で利益を捻出するのは困難であると指摘した。同氏はその主な理由として、視聴者が同社のサービスを無料で利用することに慣れてしまっているためと説明している。同氏はさらに、カリフォルニア州サンマテオに拠点を置くYouTubeの動画サイトは、2005年12月に開設されて以来、ほとんど広告なしで運営されてきたため、同サイトのファンらは同サイトに広告が掲載されることに対しても強く抵抗する可能性が高いと指摘している。

 Martin氏は、YouTubeには広告で利益を上げる以外に道はないと語る。同サイトの視聴者が、会員登録やコンテンツのダウンロードに料金を支払おうとする可能性は低いからだ。Martin氏はさらに、広告を使ったビジネスモデルも確実に成功する保証はないと付け加えた。

引用元:動画共有サイトYouTubeの成功は一時的なもの--米アナリストが指摘 - CNET Japan

無料でサービスを提供している企業にとっては、ここが一番のもんだいだよな〜
提供側としては、無料でサイトを使ってんだから広告ぐらいでウダウダ言うなよ!っておもうけど。
ユーザーからしたら、今まで何もなかったのに広告入ってるとウザイ!ってなるんだよね。
特に動画サービスは、動画の中にCMいれちゃうからね〜
ユーザーのストレスがページ広告より格段とあがるし、YouTubeの場合WEB2.0的な参加型だから、ユーザーからすると俺たちがここまででかくしてやったんだ!って思っちゃう可能性も大だろうな。

まぁでもタダでみてるんだから、やっぱり広告はあっても文句は言えないよね。
GyaOはガンガンCMとかバナーを入れてるしね。地域別CMとかキー局みたいなことまで。。。