【レポート】
Webデベロッパ初心者がおかしがちな10の誤ち
2010/07/21
![]() |
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers |
Craig Buckler氏が10 Common Mistakes Made by Novice Web Developers - SitePointにおいて、Webデベロッパ初心者が犯しがちな10の過ちを紹介している。Webデベロッパになったばかりのユーザにとって避けるべき項目として参考になる。初心者以外のWebデベロッパにとっても実践すべき改善点の資料ともいえるもので、興味深い。
- Webスタンダードを無視する。たとえば適切なDOCTYPEを記述しない、テーブルレイアウトやcenter指定を使うなど古いHTMLスキルを使ってしまう、span要素の中にh2要素を指定するなど誤った使い方をしてしまう、コードを検証しない、コードを検証してもバリデータがバグっていると無視する、など。
- WYSIWYGエディタを使いHTMLを学ぼうとしない。WYSIWYGエディタは視覚的に考えることを強要されることになる。テキストエディタを使いプレゼンテーションレイヤについてもっと考える必要がある。
- 要素を正しく使わない。HTMLの要素を学ぶとやたらとその機能を使いたがる。たとえばすべて構造をdivで区切ってそのすべてにidとclassを指定するといったケース。こうなってきたら一旦立ち止まってもう一度考えた方がいい。
- 直感に従った誤ったクラス名をつける。一見するとわかりやすいように見えるが、デザインがちょっと変わったときにその名前の問題がみえてくる。
- ブラウザ試験を後回しにする。最後にブラウザ試験を実施すると終わるべき作業も終わらなくなる。また、開発プロセスを通じて単一のブラウザでしかチェックしない、まともに表示されないブラウザの批判に始終して修正をしようとしない、またはハック的なひどい修正を実施するといったことも陥りがち。
- 移植性のないコーディングをする。固定したパス記述、データベースコネクションのハードコーディングなどを実施してしまい、環境が変わると動作しなくなる。
- 通信量を考慮しない。LANで開発している限り通信量が気になることは少ないため、この過ちに陥りがち。
- アクセサビリティがわかっていない。アクセサビリティはimageタグにalt属性を指定すればいいということではない。アクセサビリティは携帯、スクリーンリーダ、JavaScriptが使えないブラウザ、Flashプラグインが存在しないブラウザ、マウスのないシステムなど多種多様なデバイスをサポートすること。
- SEOを軽視している。サイトが立ち上がってからSEOに取り組めばいいと考えているが、SEOはほかの設計と同じようにプロジェクトのはじめの段階から取り組むもの。
- メンテナンスのことを考えていない。メンテナンスのためにサイトを数時間も落ちたままにする。ダウンタイムは一瞬で済むようにできる。
関連記事
- 【レポート】モバイルを目指すjQuery、3年以内の主要デバイス対応[2010/7/14]
- 【レポート】CanvasとSVG、どちらを選べばいいか[2010/7/9]
- 【レビュー】文字を回り込ませるCSSテクニック[2010/6/9]
- 【レビュー】Chromeの自動アップデートを停止させる方法[2010/6/2]
- 【レビュー】HTMLのidとclassでいい名前をつけるテクニック[2010/5/28]
- 【レビュー】HTML5の最小構成サンプルとその説明[2010/5/26]
- ブロードバンド時代もページサイズを気にかけるべきか[2010/4/9]
- 今使えるCSS3の書き方まとめサイト パート2[2010/4/2]
- Firefox人気のきっかけとなったアドオン、Chromeに登場[2010/3/26]
- ユーザに美しい驚きを与える404 Page Not Found[2010/3/19]
関連サイト
ヘッドライン
- ソニー、裏面照射型や大型CMOSイメージセンサなどの生産能力を増強[22:34 9/2]エレクトロニクス
- アジレント、バリアンの買収により日本法人を統合へ[20:27 9/2]エレクトロニクス
- OESF、組み込みシステム向けAndroidの第2弾を10月末に一般公開[20:07 9/2]エレクトロニクス
- NXP、自動車OEM各社のEMC要求に対応したCAN/LIN対応SBCデバイスを発表[18:42 9/2]エレクトロニクス
- Silicon Labs、USBタッチ・スクリーン・ブリッジICを発表[18:07 9/2]エレクトロニクス
- TI、大型スクリーン向け4K対応DLP Cinemaチップの出荷を開始[17:34 9/2]エレクトロニクス
- ルネサス、SIMD対応の演算器を搭載した次世代V850コアを開発[17:07 9/2]エレクトロニクス
- 【レポート】Firefox JavaScriptエンジン2基、Chromeの性能に迫る[14:46 9/2]JavaScript / CSS / HTML
- 【レビュー】Opera、SVGを高速化するバッファ機能[14:45 9/2]JavaScript / CSS / HTML
- iOS、OSシェア3位[14:32 9/2]システム管理










