アカウント
メニュー
engineer

HTMLコーダーからマークアップエンジニアになる方法

  • 更新日 : 2014/01/14

HTMLコーダーという仕事は、主にHTMLを使ったページの量産を行う作業を担当します。
CSSの知識はそれなりにあっても、あまり得意ではないレベルかもしれません。
そのため、CSS設計などは任せてもらえない職場もあるでしょう。
HTMLコーダーのレベルというのは、WebデザイナーがPhotoshopなどで作成した絵をもとに、HTMLを起こして、Webブラウザで表示できるという位置づけにあります。
もちろん、それ以上のスキルを持って働いている方もいるかもしれません。
ですが、一般的にはそのレベルでも働けるという意味です。
ですが、マークアップエンジニアにはHTMLについて、Web標準に準拠した精度の高いものをよりスピーディーに作成することが求められます。
また、CSSの知識や仕様の理解もしっかり心得ており、CSS設計も担当できるようにならなければなりません。
さらにJavaScriptを使った動的なインターフェイスが実装できれば、なお良いでしょう。
つまり、マークアップエンジニアとして働きたいなら、現在のHTMLやCSS、JavaScriptといった知識やスキルをより高める必要があります。
Dreamweaverを使えばコーディングができるというのではなく、1つ1つのルールをきっちり理解し直しましょう。
特に自己流というのは一番いけません。
それは、後々の保守作業や動的サイトなどサーバサイドの技術を使う際に影響してしまうからです。
Web標準をしっかり守ったコードは保守性に優れ、動的サイトにも対応できますが、ただブラウザで表示できるレベルではスムーズな運用ができなくなります。

engineerengineer

人気のエンジニア求人

【コーダー】Webデザイン/プログラミング(フロントエンド)に挑戦したい方歓迎!

anicecompany inc.anicecompany inc.

弊社ではファッション・ビューティーの領域に中心に、どうすれば商品が売れるのか、ユーザーにアプローチできるのかを、マーケティングやブランディングから手掛けWebサイトを構築しています。 現在組織再編成の真っ最中の弊社では、さらなる人材強化のため、多くのクリエイターを募集しています。 その中で今回募集するコーダーには、ディレクターやデザイナーと協力し、デザインカンプをもとにコーディングをお任せします。 加えて、将来的には自身でデザインを行ったり、プログラミングなども習得していただきたいと思っています。 ※いきなりデザインやプログラミングを丸投げすることなは無いので安心して下さい。 これからリスタートを切る企業だからこそ、クリエイターひとりひとりが持てる裁量が多く、自分のスキルを伸ばしたい人にとって、非常に成長しやすい環境が整っています。 また組織編成のフェーズに差し掛かってるからこそ、実務業務以外にも「こんな会社にしたい」、「こんな制度があったら良い」など、多くの意見を発信できる方を歓迎しています。

  • 福岡
  • 中途 / 契約
  • 350万~550万

【未経験OK】ファッションやカルチャー案件多数!好きを仕事にしたいフロントエンジニア募集

RIDE Inc.RIDE Inc.

HTML・CSS・JavaScriptを使ったWebサイトのフロントエンド制作・開発、メディアやECサイトの構築をお任せします。 RIDE Inc.が手がける案件は、ブランドサイト、ファッションECサイト、世界観を重視したWebメディアなど表現力が求められるサイトが多く、フロントエンドエンジニアとしての技術力はもちろん、クリエイターとしての表現力も活かすことが可能です。 社内のディレクター、エディター、エンジニア、デザイナーをはじめ、社外のクリエイターとも協力しながらプロジェクトごとにチームを組んで進行していきます。互いの強みや専門技術を活かしたチームプレイが当社の強みです。 <具体的な業務内容> ・コーディング開発・設計 ・プランニング段階での演出や技術的提案 ・GCPを用いたシステム開発 など <開発環境> [言語]HTML (Pug) 、CSS (SCSS) 、JavaScript (Babel) 、PHP、Liquid etc [CMS]WordPress、MT etc [パッケージ]npm、Yarn、Gulp、Grunt etc [フレームワーク]React (Next.js) 、Vue (Nuxt.js) [インフラ・ミドルウェア] AWS、Vercel etc [開発環境]Docker、Vagrant etc [バージョン管理]Bitbucket [コミュニケーションツール]Slack、Zoom、Google <制作実績> 事例は弊社サイトの「Projects」よりご確認ください。 https://www.rmd.co.jp/projects/ <RIDEのエンジニアのここが面白い!> ① 新しい技術を取り入れやすい …デザイナーやディレクターとの距離が近いことに加えて、エンジニアが早い段階からプロジェクトに携われるため、演出や基本設計に関わるものまで、新しい技術やさまざまな知見を活かした提案が可能です。 ② コミュニケーションの円滑さ …デザイナーやディレクターの技術理解度が高く、共通言語でコミュニケーションできるため、細かなニュアンスを伝えたり制作背景の説明など意思疎通がスムーズ。コミュニケーションでヤキモキすることなく、チームクリエイティブを追求することができます。 ③ キャリアパスの多様性 …職域にとらわれず、より良いクリエイティブを追求するために日々必要な知識を習得しているクリエイターが多いのが特徴。また、会社全体がそういった姿勢を歓迎する社風です。エンジニアリング × ビジネス、エンジニアリング × デザインなど、エンジニアのスキルに個人の強みを掛け合わせ、能力を発揮できる環境があります。 ④ ゼロから制作する力が身につく 当社では新規制作案件が多く、設計・開発環境の構築から始めることがほとんど。そのため、ゼロからフロントエンドを開発する力が身につきやすく、既存の手法にとらわれない構築も可能です。

  • 東京
  • 中途 / 契約 / バイト
  • 300万~550万