アカウント
メニュー
engineer

未経験でもなれる!マークアップエンジニア

  • 更新日 : 2013/08/14

マークアップエンジニアとはWebサイトの制作において、WebデザイナーのデザインやWebプランナーの企画をもとに、HTMLを起こしていく仕事を担っています。
読みやすく印象に残る文書構造や、誰にでも見やすいユニバーサルデザインへの配慮、ユーサビリティやアクセサビリティといった使い勝手の良さなどに配慮しながら、作成していくのがポイントとなります。
Web系の仕事は即戦力が求められるため、経験者が優遇されがちですが、大量にサイト制作案件を抱える企業などではマークアップエンジニアのアルバイト採用や、未経験でもスキルがあれば可という企業もあるのです。
未経験イコール、スキルもないではなく、業務として働いた経験がないということであって、指示を受ければ1人で行えるだけのスキルは要求されます。
では、どういったスキルを身に着けておけばいいのでしょうか?
HTML、CSSといったWebサイト制作の基本となるスキルから、動的な動きを付けるのに欠かせないJavaScript、バナーの制作やトップ画面を飾る画像を制作するIllustratorやPhotoshop、サイト制作をスピーディーにしてくれるDreamweaverの知識や専用のアプリケーションの操作法を学ぶ必要があります。
マークアップエンジニアは技術的な要素はもとより、ユーザーが使いやすい画面を作り上げることが求められています。
デザインを元にしつつ、フォームは色をつけた方が見やすいなど、独自の工夫をWebデザイナーと相談しつつ行っていくのです。
そのため単に知識やスキルを学ぶにとどまらず、現場の感覚を伝授してくれる講師が居るスクールに通うのがよいでしょう。

engineerengineer

人気のエンジニア求人

【非公開求人】総合マーケティング支援企業でのフロントエンドエンジニア

MOREWORKSエージェント(株式会社みらいワークス)MOREWORKSエージェント(株式会社みらいワークス)

◆MOREWORSKエージェント非公開求人(正社員) ------------------------------------------------------------------- 新規案件が増加しており、Vue.js, React.jsを利用する機会が増えたので募集を行っています。現状はVue.js, Reactのエンジニアが不足している状況なので積極採用を行っています。 <仕事内容> 受託開発の会社としてクライアントのビジネスを高い技術力で開発を行い、成長と成功に導くフロントエンドエンジニアを募集します。数年単位で大人数のプロジェクトから、3ヶ月程度の少人数のプロジェクトまで色々な経験を積むことができます。 <開発環境> 開発言語 : HTML, CSS, JavaScript, TypeScript フロントエンド : React, Vue.js, Nuxt.js, Next.js, Tailwind CSS その他ツール :Bitbucket, jira, Slackなどクライアントに合わせて使用

  • 東京
  • 中途
  • 300万~600万

【非公開求人】上場デザインカンパニーでのフロントエンドエンジニア

MOREWORKSエージェント(株式会社みらいワークス)MOREWORKSエージェント(株式会社みらいワークス)

◆MOREWORSKエージェント非公開求人(正社員) ------------------------------------------------------------------- クライアントワークを手掛けるデザイン部門に所属し、多様な業界のクライアントに対してデザインパートナーとして課題解決・価値創造に貢献していただきます。Webアプリケーション開発において、デザイナーと共に表現と品質にこだわった開発をお任せします。クライアントのビジネスやサービスを深く理解し、抱えている課題を技術で解決に導きます。指示通りに開発するだけでなく、より良いプロダクトにするための提案を歓迎します。 【プロジェクトでの動き方】 ・各案件には、UIデザイナー、UXデザイナー、プロジェクトマネージャーなど、職能ごとのチームから必要なメンバーがアサインされます。 ・プロジェクトのキックオフからクライアントと直接コミュニケーションを取り、目的を共有しながらプロジェクトを進行します。 ・実装フェーズだけでなく、コンセプト設計、UX調査、UI設計といった上流のデザインフェーズからデザイナーと伴走します。 ・エンジニアがユーザーインタビューに同席したり、UIデザインへフィードバックしたりと、デザインプロセスに深く関わることが可能です。 【開発文化】 ・デザインチームのエンジニアリングへの理解が深く、デザイナーとエンジニアが密に連携して開発を行っています。 ・今後はさらに、機能のアイディア出しなど、価値創造の段階からエンジニアが関わる体制を強化していきたいと考えています。 ・チームで協力してプロダクトをデザインするという文化が根付いています。 <募集背景> ユーザーにとって価値のあるデジタルプロダクトを実現するためには、デザインとエンジニアリングの両方の視点が不可欠です。デザイナーとエンジニアの共創によって、優れたデジタルプロダクトを創出し、その価値を実証していきたいと考えています。 その体制強化のため、下記のような取り組みを推進できる新たなメンバーを募集します。 ・フロントエンド領域での新しい技術への挑戦 ・デザイナーとの協業による、細部にまでこだわった作り込み ・コードの品質や生産性向上への取り組み ・外部パートナーと協力体制を構築し、品質の高いものづくりができる体制の整備 ・当社エンジニア組織の市場における存在感の向上 <期待する役割> ・テクニカルディレクターとして、デザインとエンジニアリングを繋ぎ、プロジェクトを成功に導く ・テックリードとして、最適な技術選定、アーキテクチャ設計、機能実装を主導する ・外部の開発パートナーと協力し、チームの課題解決やプロダクトの品質向上に貢献する ・テックブログやイベント登壇などを通じて定期的な情報発信を行い、当社エンジニア組織のプレゼンス向上に貢献する ・業務時間の一部を活用して、技術的な挑戦や自主的なものづくりを行う <開発環境> プロジェクトごとに最適な技術・ツールを採用しています。 当社が推奨している主な技術スタックは以下の通りです。 ・React / Next.js / TypeScript / TailwindCSS / ESLint / Prettier / Figma <チーム・組織について> エンジニアチームは、クライアントワークを手掛ける部門に所属しています。チームは現在10名前後のエンジニアで構成されており、全員が中途入社のメンバーで、30〜40代が中心です。デザイナー出身のエンジニアも在籍するなど、チーム全体としてデザインへの関心が高い組織です。

  • 東京
  • 中途
  • 600万~750万

新しい視点でビジネス&社会を前進、サービスをグロースさせるエンジニア募集!

RaNa design associates, inc.RaNa design associates, inc.

ラナグラムは、3つの企業と2つのスペシャリストチームで構成されるラナユナイテッドグループの独立採算制事業部です。 「データ可視化」を主軸に、ウェブアプリケーション・サイネージ・インスタレーションなど様々なプロジェクトにおいて、企業や社会が抱えている課題を分析し、それを解決するために必要な提案を行い、システムやサービスを提供します。 クライアントと連携し、機能面のアップデートはもちろん、デザインに関する細かい要望をすり合わせながら、常にブラッシュアップを行います。予め決まった内容を進めるのみならず、自主的に提案した内容をクライアントと協議しながら進めていくスタイルの為、本当に必要なものを開発することができます。ぜひ一緒に世の中を変えてみませんか? 一例 ▼ウェブアプリケーション 現在は主に下記のサービスに注力しています。 ①全国の放送局で利用されるニュース番組作成のためのデータ可視化プラットフォーム ②鉄道会社の運行&災害情報可視化システム ③自治体向けの避難訓練シミュレーター ▼デジタルサイネージ・インスタレーション NECグループ九州支社総合エントランスに常設する、ビデオインスタレーション。このインスタレーションのモーショングラフィックスおよび映像生成アプリケーションを開発。 ▼その他(自社サービス) グループを跨いだプロジェクトとして、様々な課題解決のために、自社で企画開発し運営しているサービスもあります。初期段階ではプロトタイプの作成を行い、有用性が確認できた際にはサービス化を目指すこともあり、希望があれば参画することもできます。 ①O2Wall(オフィス向けサイネージシステム) https://www.o2wall.com ②FACEWALL(オンライン社員名簿サービス) https://facewall.jp ※その他、詳細事例は下記をご覧ください。 ▼ラナグラム https://www.ranagram.com ▼ラナユナイテッド https://www.ranaunited.com

  • 東京
  • 中途
  • 350万~600万