アカウント
メニュー
engineer

コーダーの仕事内容と身に着けておきたいスキル

  • 更新日 : 2013/09/04

コーダーはWebプランナーが企画し、Webデザイナーがデザインしたサイトを実際にWeb上で見られるよう制作する業務を担当します。
パワーポイントで作られた企画書やPhotoshop等で作成されたデザイン原案をもとに、サイトを作り上げていく重要な役割を担っているといえるでしょう。
いずれはWebデザイナーとして活躍することを目指し、コーディングスキルのブラッシュアップや先輩デザイナーのデザインを学ぶ目的でコーダーをしている人もいますし、感性が必要なデザインよりコーディングのような論理的な作業のほうが自分に適しているとして、この仕事を選ぶ人もいるでしょう。
仕事内容としては納期に間に合うよう、Webページを1枚1枚起こしたり、それらの動線を関連づけたり、CSSでデザインをコントロールしたりといった作業を行っています。
コーダーの求人は知識とスキルさえあれば業界未経験でも採用されたり、新卒や第二新卒でもOKなケースも見られます。
では、どんなスキルを身に着けておけば、採用される可能性があるのでしょうか?
まず、基本となるHTMLコーディングのスキルは、最新のHTML5とCSS3をベースに習得しておきましょう。
ただし、Internet Explorer8などはHTML5をサポートしていないため、それ以外の対応についても学んでおく必要があります。
Illustrator、Photoshopでイラストや画像の編集を学び、Webページに動きを与えるJavaScriptの基本についても知っておきたいところです。
資格を取るならサイト制作に必須のHTMLとCSSに関する高い能力があることを証明できる、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万