Respect Blog リスペクトブログ

マーケティング・コンサルティング・サイト制作
ITベンチャー企業の社員がノウハウや
仕事の試みを毎週綴ります

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

フロントエンドエンジニアの大島です。
今回はコーディングについてご紹介します。

Webサイトの制作の最終工程がコーディングです。
様々な考えが盛り込まれたWebサイトの企画が、コーディングによって形となり世の中へと巣立っていきます。

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

「コーディング」という仕事があります。大まかな役割を説明すると次のようになります。

  • HTML、CSS、JavaScriptを書く
  • Webサイトをポチポチとクリック出来るようにする

ざっくり説明するとこの2つです。

コーディングに取り掛かる前には、Webサイトの企画とデザインデータの制作が必要です。このWebサイトの企画とデザインデータ制作は各部署の担当者が行うので、それをコーディングしてWebサイトにし、リンクをクリックできるようにします。これが「コーディング」です。

そしてコーディングを行う職業の人を「コーダー」と呼びます。

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

コーディングの役割を大まかに説明すると前章の「HTML、CSS、JavaScriptを書く」「Webサイトをポチポチとクリック出来るようにする」です。実際はこの2つの役割を達成するために、こんな細かいことをやっています。

  • デザインデータに基づいてコーディングする前に、仕様の確認を行う
  • Webサイトを公開するサーバーで利用できる技術を把握する
  • WordPressなどのCMSの導入を検討する
  • 主な技術としてHTML5、CSS3、jQuery、PHPを使う
  • Webサイト公開後の運用や保守も考慮して、メンテナンスしやすいサイト設計を行う
  • デモサイトなど、動きのわかるものを作成する
  • 技術的に新しいことや難しい事があるなら前もって勉強しておく
  • Webサイトをポチポチとクリック出来るようにする

ここ最近のJavaScript事情など他にも色々とあるのですが、大体これらのことをやっているコーダーが多いです。

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

時代の変化とともにWebサイトが複雑でかっこいいデザインになり、伴ってコーディングの内容も増えてきました。

目指しているものは「Webサイトをクリック出来るようにする」なのですが、それを達成するために例えば次のものが増えました。

  • 企画、デザイン、表現方法
  • コーディングに使う技術
  • PC・スマホ・タブレットなどWebサイトを表示する環境

時代とともにコーディングの内容が増える一方で、必要とされなくなった技術もたくさんあります。例えば、以前ならガラケーもありました。docomoやauだけの独自仕様とかもありました。あれはいったいなんだったんでしょうか。いままでありがとうございました。

昔は「トレンチコート レディース ロング トレンチコート ロング丈 コート アウター 大きいサイズ ライトアウター 暖かい 大きめ ゆZuPkiX」クオリティで、Webサイト制作者もユーザーも満足していましたが、今ではあまり見なくなりました。

今時は見える福袋ツーパンツスーツ メンズスーツ 2パンツ 紺 無地 レギュラーツーパンツスーツ パンツ2本 春夏 秋スーツ パンb6gYf7yが多いです。「仕事が増えてしまった」という、どことなくネガティブな言い方もできますがこれはWebサイトが「進化した」のです。

20年前のコーディングと現在のコーディング、どちらがいいかと言えば、マウスカーソルに星マーク★o*゜を追従させて喜んでいたころよりも現在のほうが圧倒的に面白いです。

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

「コーダー」という呼び名の職業が減ってきました。

「コーディング=コードを書くだけ」ではないからです。

最近ではWebサイトの最新技術を追い、最適な技術を選択して設計をしてWebサイトを作り上げるということも行います。

フロントエンドエンジニア

という呼び名になっています。コードを書くだけのコーダーではなく、「エンジニアだ!」ということです。技術的な検討やアドバイスをするため、Webサイトの企画段階から参加することもあります。

弊社の求人応募からも「コーダー」という呼び名は消滅しました。(もし残っていたらこっそり消しておこう)

ちなみに海外では「Coder」という呼び名はあまり通じず、「Web developer」という呼び名が多いです。

これは宣伝なのですが、弊社のグループ会社であるクロノドライブは『特別価格 ビジネスシューズ メンズ WE SUIT YOU 空気循環機能ラバーソール コインローファー ブラック ザ・スーツカンパニーOXuikZP』という本を出版しています。

フロントエンドエンジニアの心得や何を習得すればいいのかなど、脱コーダーのための1冊となっています。

MAISON RABIH KAYROUZ パイピングデザインセーター 34 コットン ブラック レディースウェア2IEDH9

コーディングを身の回りのものでわかりやすく説明すると、あなたが見ている「このWebサイト」は何処かにいるフロントエンドエンジニアがコーディングしたものです。

もしかして今スマホで見てますか? スマホの画面でも見やすい文字のサイズになってますよね?スマホでも見やすく表示出来るように、フロントエンドエンジニアが工夫してコーディングしました。

弊社の採用サイトは、もう見てくれましたか?これもフロントエンドエンジニアが(結構苦労して)コーディングしたものです。グリグリと動くでしょう。

Webの歴史と過程がいろいろとありましたが、Webサイトをクリック出来るように、今日もフロントエンドエンジニアがコーディングをしています。