お問合せ先 無料見積もり

APRICOT DESIGN BLOG

コーダーのお仕事

UPDATE : 2019.11.27

CATEGORY : Tokutake Mami

こんにちはマミです!
アプリコットに入社して3年が過ぎ、4年目に突入しました。
ひょんなことからアプリコットデザインと出会い、コーダー未経験として入社いたしました。
私の職業はコーダーとゆう職業なんですが、いったい何をしている職業かご存じでしょうか?
ご存じない方に、『コーダーは何してるのか』ご紹介したいと思います!

サイト制作のはじまり

デザイナーさんがデザインを作り、それを基盤にWEB上に落とし込みをするのがコーダーの仕事です。
まず、HTMLとCSSでサイトを作ります。
HTMLとは、文章や画像、リンク先などを組み立てるコードの種類。
CSSとは、HTMLで組み立てたコードたちにデザインをつけるものです。
HTMLだけでは文字や画像がズラッと並んだだけのページが、cssを使うことで見やすいサイトになります。

サイトに動きをつける

画面をスクロールすると文字が浮かび上がって表示されたり、アイコンがゆらゆら揺れたりなど、サイトのイメージに合わせて動きをつけていきます。
デザイナーさんが作ったデザインを壊さないように、見ていて楽しくなるために欠かせないのが動きをつける作業です。

例えばサイトの読み込み時間中に表示されるローディング画面。
Bad Angelさん(https://bad-angel.jp/)はアイドルとYoutuberの会社さんです。
名前が『BAD』の『エンジェル』でインパクトを与えたかったので、文字がドンドンドンっとでてくるように表現しました。
MAKIRAさん(https://makira-hair.com/)は「都会的なコーディングを」とデザイナーさんからのオーダーでした。
都会に住んだことのない私ですが笑、サイトの流行にのって、SVG画像を使ってロゴをなぞるローディングにしました。

SEOを考える

サイトをUPしても検索にひっかからないと意味がないですよね・・・
そこでSEOのことも考えてコーディングしていかなければなりません。
正しくコーディングする、いらないコードを消す、サイトを軽くする・・・など、基本ルールを守ってコーディングするように心がけています。
デザインはSEOに関わる大きな部分なので、この文章いらないのにな・・・と思っても、とても重要な役割を果たしているかもしれません。

サイトスピードと戦う

サイトの読み込み時間が遅いと、サイトの閲覧数が減ってしまいます。
スマホはPCに比べて容量が小さいため、読み込みに時間がかかってしまいます・・・
サイトと葛藤しつつ、日々情報集めをして、サイトの向上を行っています。

つまりコーダーとは

サイト制作には欠かせない職業のコーダー。
いろんな技術を取り入れ、問題が起こっては勉強・・・が絶えないです。
たくさんのサイト制作に携わり、たくさんのお客様のご要望によって成長できたと思います。
お客様の悩みを解決できる、もっと成長したコーダーになれるように、5年目に向かって突っ走りたいとおもいます!

    営業マンゼロだから低コスト・高パフォーマンス!東京・長野(長野市、松本市)・金沢(石川県金沢市)でホームページ制作・WEB制作・ネットショップ制作を中心に、ブランディングに繋がるロゴ制作・チラシ・名刺・パンフレット・DM・ショップカード等の各種印刷物、看板・のぼりなどの販促物を制作しているデザイン事務所アプリコットデザイン。

    [長野オフィス-本社-]
    〒381-2246
    長野県長野市丹波島1-805

    [東京ブランチ]
    〒100-0004
    東京都千代田区大手町 2-6-1 朝日生命大手町ビル2F

    [松本ブランチ]
    〒390-0851
    長野県松本市大字島内4619-3 QuintetDoor 1階南室

    [金沢ベース]
    〒920-0831
    石川県金沢市東山1丁目10-1 103

    記事が気に入ったら「いいね」してね。(SNSとは連動してません)

    8+

    この記事を書いた人Who wrote this blog

    Tokutake Mami

    旅とおいしいものをこよなく愛するテキパキ系コーダー。気遣い半端ない。

    無料見積

    まずは無料でお見積もりを作成いたします。
    お気軽にお問い合わせください。

    無料見積もり

    お問合せ先

    クリックで
    事務所一覧が
    開きます

    tel.0120-622835

    営業時間/9:00〜18:00 
    定休日/土日祝日

    Copyright © 2020 APRICOT DESIGN All Rights Reserved.