アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » WEB+DESIGN STAGE » 週刊Webテク通信 » 2009年2月第3週号 1位は,効率的にWebデザイン作業をするための10のTips/気になるネタは,Mozilla,ブラウザ上で動くコードエディタ発表

週刊Webテク通信

2009年2月第3週号 1位は,効率的にWebデザイン作業をするための10のTips/気になるネタは,Mozilla,ブラウザ上で動くコードエディタ発表

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2009年2月16日~2月22日の間に見つけた記事のベスト5です。

1.10 tips for efficient design : Boagworld web design podcasthttp://boagworld.com/design/10_tips_for_efficient_design/

効率的にWebデザイン作業をするための10のTipsです。別に特殊なことが書いているわけではなく当たり前と思うことが多いでしょうが,当たり前のことをちゃんとやるのが大切だったりしますよね。

CSSリセットのような,よく使う定型的なコード記述(スニペット)の自分なりのコレクションを持つ,JavaScriptライブラリを利用するというのは,普段の準備が大事な気がします。いざ忙しいときには,新しいライブラリを探したり実験や検証をする時間がなかなか取れないですからね。

時間管理や仕事効率化の本にも良く出てくる整理整頓の大切さは,やっぱり「7.Keep a tidy environment(整然とした環境を保つ)」で出てきました。

ただ,ここでは仕事への注意をそがれる要因を排除することが重視されているようです。たとえば自宅で仕事をしている人なら,家族によって邪魔されないようにというようなことですね。

最後を締めくくる一番大事な10番目の項目は,クライアントとのコミュニケーション不足や誤解による時間の浪費をなくすことです。途中でひっくり返されて,今まで作業した時間を返せ~!というのをなくすためにいろいろ先手を打つことは重要ですが,なかなか難しいことでもあります。

2.The Ultimate Website Launch Checklist | Our Blog | Box UKhttp://www.boxuk.com/blog/the-ultimate-website-launch-checklist

Webサイトを立ち上げる際のチェックリストです。英文ですが書いてあるのはほとんど用語なので,日本語にしても英語がカタカナになるくらいの感じでしょう。

自分なりのこういうリストを持っているといいでしょうね。いざ作ろうとすると意外と思い浮かばなかったりするので,そのときのベースとしてもこのリストは使えそうです。

PDFもダウンロードできるようになっています。

図1 英BOX UKは有名なサイトのようです

図1 英BOX UKは有名なサイトのようです

3.40+ Useful & Handy Web Designer’s Web Services & Toolshttp://www.noupe.com/tools/40-useful-handy-web-designers-web-services-tools.html

Webデザイナーのための便利なWebサービスやツールの紹介です。

自分のサイトが落ちてないかを常にチェックするサービス,Webページのスクリーンショットを撮るツール,カラースキームを作れるサイト,各種ジェネレーターなどなど,役立ちそうなWebサービスが多数紹介されています。

Are My Sites Up (意訳:オレのサイト落ちてない?)」,「Down For Everyone Or Just Me (意訳:このサイト落ちてるのおいらの環境だけ?)」みたいな,サイト名がそのまま機能紹介になっているサイトってなんかいいですよね。

黄金比ネタに反応してしまうわたしは,数値を入れると黄金比で分割した値を計算してくれる「GoldenRatioCalculator」も気になりました。

4.マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(~HTML5・CSS3,IE8 それぞれの準備に向けて)- livedoor ディレクター Blog(ブログ)http://blog.livedoor.jp/ld_directors/archives/51169400.html

実際にコードを書く人はもちろんですが,ディレクターでも知っておいた方が良い(知っておいてほしい)HTML・CSS関連のお話です。

こういう,自分でいざ説明しようと思うとまとめるのが面倒なことを,「コレ読んどいて」と紹介できるようなサイトはいいですよね。

ただ,話が盛り上がってきたところであっけなく終わっている感はあるので,続編に期待したいです。

この記事に出てくるMOSe(Mozilla,Opera,Safari enhancement)や,Progressive Enhancement(「Adobe Edge: 2009年2月 クロスブラウザからProgressive Enhancementという制作コンセプトへ 」参照)のような考え方は,Webディレクターなら知っておいてほしいと思います。

5.42 Free Online Magazines for Designers | Graphicshttp://www.hongkiat.com/blog/42-free-online-magazines-for-designers/

デザイナーのためのフリーのオンラインマガジンが大量に紹介されています。

それぞれのサイトに行ってみると,見方がよく分からなかったり,ただのブログにリンクしてるだけだったりもしますが,それぞれのキャプチャー画像を眺めているだけでも,デザインのインスピレーションの素になりそうです。最近のデザインのトレンドもなんとなく分かってくる気もしますね。

図2 カッコイイキャプチャー画像が並んでいます

図2 カッコイイキャプチャー画像が並んでいます

以上,メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

先週のトピックスとしては,IETesterのバージョンアップやURLの正規化のためのcanonical属性は要チェックでしょう。Webページレイアウトのフレームワークも2種類取り上げました。

先週の気になるWebサービス

TinyChat.com - Create a free chatroomhttp://www.tinychat.com/

「TinyChat」は,使い捨てのチャットルームが簡単に作れるWebサービスです。

登録やログインの必要はなく,クリック1回でチャットルームのURLが生成されます。このURLを人に知らせてチャットするというわけ。日本語も通ります。

TwitterのアカウントでログインするとTwitterにチャットルームの案内が投稿されるそうで,この機能のおかげでTwitterユーザーの間で有名になったんだとか。

また,チャットのログをTwitterに流すか,テキストとして保存することもできるようです。

図3 すぐにチャットルームが作れるサイト

図3 すぐにチャットルームが作れるサイト

今週の気になるWebネタ

Mozilla,ブラウザ上で動くコードエディタ発表 - @IThttp://www.atmarkit.co.jp/news/200902/16/bespin.html

MozillaラボからWebブラウザ上で実行できるコードエディタ「Bespin」のアルファ版が公開されました。サーバ上に置いたファイルを直接編集できるエディタなのですが,まだまだ実験的なリリースで今のところ誰でもすぐに試せるというものでもないようです。

オンラインのツールではお決まりのリアルタイムなコラボレーション機能もウリのようなので,チームで制作する人には便利なのでしょう。

将来はBespinを使ってiPhone上からHTMLやCSSを編集できるようになったら面白いかも。

ところで気になるのが「Bespin」という名前ですが,「スターウォーズ」に登場する巨大ガス惑星の名前から取っているそうです。なるほど,クラウド上のものだからそれにちなんだ名前なんですね。

「ベスピン」と聞いて思い浮かぶのはやはり「べっぴん」。美しいコード=べっぴんなコードを書くためのエディタなのかしらと思ったりして。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

C/C++プログラマのためのDTrace入門

よくカーネルのチューニングや解析で活用されるDTraceですが,実はユーザプログラムの開発においても非常に有用です。連載ではC/C++プログラマやテストに関わる方向けにDTraceの使い方を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

検索エンジンはいかにして動くのか?

本連載では, 今や誰もが利用している検索エンジンの中身を,全体の仕組みやデータ構造,アルゴリズムから分散インデックスまで,最近の研究事例も交えて紹介します。

サイエンスに片思い

本連載では,サイエンスという学問を軸に,そこから広がる可能性やつながり,そしてWebの世界との関係について,前田邦宏氏がさまざまな取材を元に考察し,これからの可能性について展望します。

使ってみよう! Windows Live SDK/API

Windows Liveサービスの一部にはAPIやSDKとして提供されているものがあります。本連載では各API・SDKの紹介とそれらを利用したアプリケーションを開発していきます。

Lifelog~毎日保存したログから見えてくる個性

コンピュータを使って,日常のさまざまなことの記録(ログ)をとり,それを分析して活用することで,もう一段階上の「楽な生活」をめざす日々の研究報告です。

もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)

本連載では,実践サンプルとともに,jQueryを上手に活用してサイト制作の品質向上・効率化を実現するための実践テクニックを解説します。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス