affiliate.ks-product

アフィ収入月10万円以下の初心者を対象に、アフィリエイト、SEO、セールスライティング、マーケティングなどネットで安定して稼ぐ方法を分かりやすくまとめています!関連書籍のレビューも書いています

HTMLコーダー(マークアップエンジニア)になる為に必要なスキルとは

      2014/01/20

WEBサイトの制作には様々なメンバーが関わっていますが、その中にHTMLコーダー(コーダー)という職種があります。いわば私の職業ですね。

類似する職種としてマークアップエンジニア、フロントエンドエンジニアがありますが、小規模の企業では同義と思って差し支えないでしょう。
同エンジニアとの違いを言うならば上流行程での設計業務を行うということでしょうか。
フロントエンドエンジニアに限っていえばHTMLよりもJavascriptの設計・開発をメインにやってるイメージですかね。
それもやはり企業の規模やスタイルによりけりだと思いますが。この記事ではコーダーで統一します。

さて、前置きはここまでにして本題に入りましょう。
コーダーになる為には一体何が必要か。

これも所属する企業によって求められるスキルは異なりますが、
とりあえずデザインからHTMLを作成できればコーダーであると言えるかもしれません。
2005年くらいまでならそれでも通用したかも知れませんが、
現在はツールの進化していることやblogで満足な顧客も多い為、以前のようなスキルでは厳しいかと思います。

一体何が必要か?(社会人として当たり前のスキルは除く)必要なスキルをまとめてみました。

  1. 案件のタイプごとに適した柔軟なコーディング
  2. HTML・CSSの正しい理解と既存のバグの把握
  3. プログラミングの基本的な知識
  4. デザインの基本的な知識やユーザビリティの知識
  5. 最新技術の習得

1.案件のタイプごとに適した柔軟なコーディング

サイトの規模や予算、納期など案件によって条件は様々です。
本来であればW3Cの仕様に則ってサイト作成するのが好ましいわけですが、
制作期間が1日も無いようなケースでは標準準拠な作りだと納期に間に合わなくなる可能性があるので、
スピードを重視した手法をとる場合もあります。
仕事である以上納期は最優先です。もちろん、可能な限り手をかけます。

また、デザインのテイストによっても最適なコーディング方法があります。
運用段階を視野に入れるとさらに変わってくるでしょう。

どのコーディング方法を採用するか判断するスキルがコーダーには求められます。

2.HTML・CSSの正しい理解と既存のバグの把握

プロである以上正しい知識は習得しておくべきでしょう。
間違った知識でもサイトは作成できますが、何か不具合が発生した際、原因となる箇所が多く存在することになる為解決に時間を要します。

また、現在のWEBブラウザ(特にIE)は多くのバグを抱えています。正しいコーディングをしても表示に不具合が出ることも少なくありません。
しかし、これらのバグのほとんどは既知の問題で色んなサイトで解決策が掲載されています。
新人コーダーが一番時間を要するのはここでしょう。バグの対処方法を知ってるか知らないかでコーディングに要する時間は大きく変わります。

3.プログラミングの基本的な知識

本業プログラマレベルまでとは言いませんが、基本知識はおさえておいたほうが良いでしょう。
JavaScriptの定番スクリプトであるロールオーバーやタブコンテンツなどは自前で作れるくらいの知識はあると良いです。
キーワードを言うならば「変数」「関数」「ループ(for while)」「分岐(if switch)」です。

ブログシステムであるMoveble TypeやWord Pressのテンプレート制作でもプログラムの基本概念は必要になってきますので覚えておいて損はないです。
Word Pressに関していえばPHPの知識が必要になりますね。
所属する企業にプログラマーがいれば必須では無いかも知れませんが、
プログラマーにHTMLの知識が無いと伝達ロスに繋がる為効率は落ちますね。

4.デザインの基本的な知識とユーザビリティの知識

コーディングはサイト作成の最終工程ある以上、ある程度デザイン狂いが無いか判断する知識が必要です。
また、デザイナーが各ページを細部までデザインするとは限らないため、ある程度コーダーの裁量で作業する部分も出てきます。
コーディングを外注するとデザインが変更(改悪)された状態で戻ってくるのは珍しい話ではありませんw

また、デザインの段階ではサイトの使い勝手が分からない部分もあるので、その辺の調整も必要です。

5.最新技術の習得

技術の移り変わりが激しい業界なので最新技術の習得は欠かせません。
最近のトレンドがHTML5(とそれに付随する技術)ということなので要チェック。
ちなみに世間でいわれてるHTML5云々は、HTML5そのものというよりはCSS3やそれらを制御するJavaScriptを言ってると思うんですよね。

と、こんな感じです。これからコーダーになろうと思っている方は参考にしてみてください。
いきなりここで挙げた全てを習得するのは大変なので、上記1、2をまず習得することから始めてみて下さい。

コーダーを目指す方にはこちらのコンテンツもオススメです。

また最初のうちは書籍による学習がオススメです。
評価の高いものを集めました。是非ご活用ください。

 - Web制作テクニック , , , , ,