未経験でもなれる!マークアップエンジニア
- 更新日 : 2013/08/14
マークアップエンジニアとはWebサイトの制作において、WebデザイナーのデザインやWebプランナーの企画をもとに、HTMLを起こしていく仕事を担っています。
読みやすく印象に残る文書構造や、誰にでも見やすいユニバーサルデザインへの配慮、ユーサビリティやアクセサビリティといった使い勝手の良さなどに配慮しながら、作成していくのがポイントとなります。
Web系の仕事は即戦力が求められるため、経験者が優遇されがちですが、大量にサイト制作案件を抱える企業などではマークアップエンジニアのアルバイト採用や、未経験でもスキルがあれば可という企業もあるのです。
未経験イコール、スキルもないではなく、業務として働いた経験がないということであって、指示を受ければ1人で行えるだけのスキルは要求されます。
では、どういったスキルを身に着けておけばいいのでしょうか?
HTML、CSSといったWebサイト制作の基本となるスキルから、動的な動きを付けるのに欠かせないJavaScript、バナーの制作やトップ画面を飾る画像を制作するIllustratorやPhotoshop、サイト制作をスピーディーにしてくれるDreamweaverの知識や専用のアプリケーションの操作法を学ぶ必要があります。
マークアップエンジニアは技術的な要素はもとより、ユーザーが使いやすい画面を作り上げることが求められています。
デザインを元にしつつ、フォームは色をつけた方が見やすいなど、独自の工夫をWebデザイナーと相談しつつ行っていくのです。
そのため単に知識やスキルを学ぶにとどまらず、現場の感覚を伝授してくれる講師が居るスクールに通うのがよいでしょう。
人気のエンジニア求人
【コーダー】Webデザイン/プログラミング(フロントエンド)に挑戦したい方歓迎!
弊社ではファッション・ビューティーの領域に中心に、どうすれば商品が売れるのか、ユーザーにアプローチできるのかを、マーケティングやブランディングから手掛けWebサイトを構築しています。 現在組織再編成の真っ最中の弊社では、さらなる人材強化のため、多くのクリエイターを募集しています。 その中で今回募集するコーダーには、ディレクターやデザイナーと協力し、デザインカンプをもとにコーディングをお任せします。 加えて、将来的には自身でデザインを行ったり、プログラミングなども習得していただきたいと思っています。 ※いきなりデザインやプログラミングを丸投げすることなは無いので安心して下さい。 これからリスタートを切る企業だからこそ、クリエイターひとりひとりが持てる裁量が多く、自分のスキルを伸ばしたい人にとって、非常に成長しやすい環境が整っています。 また組織編成のフェーズに差し掛かってるからこそ、実務業務以外にも「こんな会社にしたい」、「こんな制度があったら良い」など、多くの意見を発信できる方を歓迎しています。
- 福岡
- 中途 / 契約
- 350万~550万
【クリエイティブな仕事ができる。仲間と共に成長したい。】中途フロントエンドエンジニア募集
私たちセルインタラクティブは、お客さんと同じ目線に立って 企画提案・デザイン・開発の全てを自分たちで手がけ、お客さんと一緒にアイデアを形にするクリエイティブカンパニーです。 すべての仕事において共通している思いは、 “価値を見つけ、つくり、高め、つなげる。そして、ファンを増やす。” ということ。 お客さんの依頼や問題の根本から見つめて最適なクリエイティブで解決することで、 最終的にはお客さんのファン・私たちのファンを、一人でも多く増やしていくことを目指しています。 中小企業〜大手企業のWebサイト制作をはじめ、展示施設のインタラクティブコンテンツなど、 若い会社でありながら徐々に領域を広げ、広くデジタル分野の開発に携わっていただけます。 最終過程で制作物に動きをつけ、ディレクターやデザイナーが作り上げたものに手触りを与えていく仕事となるので、クオリティを追求することができるポジションです。 基本は、ディレクターやデザイナーとともに協力しながら、アイデアを具現化し、 フロントエンド領域を中心にご担当いただきます。 職域を限定せず、企画やデザインの知識や経験を得ていきたい方は、特に大歓迎です。 ■業務内容 ・フロントエンド実装 上記の他にも、あなた自身のスキルや、興味、経験、志向を業務に活かしていただけます。 ・WebGL開発 ・モーショングラフィック ・3DCG 等
- 神奈川
- 中途
- 350万~700万
より良いものを作るために、職種を超えてチャレンジし続けるフロントエンドエンジニア募集
フォーデジットのエンジニアは、コードを書くためにコードを書きません。 クライアント、社内のエンジニア・UXデザイナー・デザイナー、海外オフィスのメンバーと共にプロジェクトを進めるなかで、チーム全体で描いた理想の体験を実現するために、技術の観点から必要なものを設計し、作り上げていきます。 クライアントの要望が固まっていない段階でプロジェクト依頼をいただくことが多いのですが、テクニカルコンサルタントはプロジェクトの上流から参画し、クライアントと打ち合わせを重ねながら、技術の観点を軸に実現性を検討し、技術選定を行います。 また、コアな部分や難易度が高いものを実装し、チームを率いていきます。 今回の募集ポジションであるフロントエンドエンジニアは、実装設計・実装業務がメインになりますが、ゆくゆくはテクニカルコンサルタントとしてプロジェクトに関わります。 【開発環境】 開発環境はプロジェクト毎に都度最適な技術選定を行うため、現在よく使っているものをピックアップいたします。 フロントエンド以外の技術選定/検証等を行うこともあります(XR、ネイティブアプリ、AWS、GCP 等)。 言語: - TypeScript / JavaScript - CSS(SCSS / PostCSS利用) ライブラリー: - React / Vue.js / Vanilla JS 開発環境: - npm / Yarn - Webpack / NextJS - Lintツール系(ESLint、Stylelint、Prettier) - CI/CDツール(Github Actions, Circle CI, Netlify, AWS code deploy) - Storybook - Github 設計思想: - Atomic Designのコンポーネント切り分け - BEMのCSSクラス命名規則
- 東京
- 中途
- 500万~700万