【ビジネスの、表側の仕事・裏側の仕事】
マーケティング→営業→ディレクション→デザイン→ライティング・動画制作→コーディング→システム開発→サーバ管理
ビジネスの：表側の仕事→ ～～～ →裏側の仕事
表側の仕事と 裏側の仕事、どちらが自分に向いているのか・・・考えてみてください。
【WEB制作系の就職先パターン】
【パターン1】一般企業のインハウス部門
■自社製品の販促など、インハウス部門の主な仕事：市場分析・ライバル分析・自社site分析→PDCA改善に伴うクリエイティブ制作。
SNS運用は自社で行う会社もあるが、広告運用や 必要なシステム開発は、自社運用・開発でなく 外注する会社が多い。
※自社の業界ノウハウは 深く身に付くが、自社案件しか経験しないので、多種多様なスキルは得にくい。
■必要なスキル：マーケティング、営業、ディレクション、デザイン、ライティング（コーディング・システム開発は、外注の会社が多い）
→ビジネスの表側の仕事メイン
【パターン2】ECサイト運営
■EC機能は、ASPサービス（BASE、Shopify、～）と 大手モール（楽天、Yahoo!、～）利用が多い。
販促のクリエイティブは制作するが「EC機能の制限内で、やりたい施策をいかに実現するか」という制約もある。
SNS運用は 自社で行う会社もあるが、広告運用・必要なシステム開発は、自社開発でなく 外注する会社が多い。
ASPや 大手ECモール以外にも、自社ドメインでのECサイト構築を行う場合など。
※ECに特化したスキルが得られる。
■必要なスキル：マーケティング、ディレクション、デザイン、ライティング、商品撮影、ECで使う程度のコーディング
ECモールに商品dataをインポートする為のCSVを書き出すのに必要なExcel関数・VBA・Pythonのスキル等。
→ビジネスの表側の仕事メイン
【パターン3】マーケティング・コンサル会社、広告代理店
■一般企業やECサイト運営会社への、コンサル・マーケティング支援を請け負う。
※多種多様なジャンルのマーケティング案件を行うので、マーケティングの幅広いスキルが着く。
■必要なスキル：マーケティング（市場分析・ライバル分析・お客様site分析→PDCA改善）、ディレクション
※マーケティング以外の業務（広告・SNS運用代行、デザイン、ライティング、動画制作、コーディング）は、外注する事も多い。
→ビジネスの表側の仕事メイン
【パターン4】WEB制作会社（当社のような）
■一般企業やECサイト運営会社からの制作を請け負う。マーケティング会社・広告代理店からの依頼も多い（特にLP案件）制作業務に特化している。
※多種多様なジャンルの案件をこなせるので、幅広い制作スキルが着く。反面、ビジネスの表側の経験は あまり出来ない。
■必要なスキル：ディレクション、デザイン、コーディング。簡単なシステム開発は 自社で行うが、本格的なシステム開発は 外注する会社が多い。
→ビジネスの裏側の仕事メイン
【パターン5】システム開発会社
コーダーではなく、プログラマーがメインになる。下記の コーダーでは最も難度の高いCMSカスタマイズ等が、プログラマーだと 最も簡単な作業になる。
コーダーが出来ない、バックエンド言語でのシステム開発（汎用CMSでは実現できない独自要件のシステム開発や、
EC決済機能の開発など）、データベース設計、オブジェクト指向・MVCモデルでのプログラム等が 主な作業となる。
コーダーの上位職種（ステップアップ）になり、コーダーより給料も高く、スキルがあれば 引く手あまた。
→ビジネスの裏側の仕事メイン
【WEB制作会社のスキルセット】
（■マーケティング） ■ディレクション ■デザイン （■動画制作）
■コーディング
・HTML：セマンティック（SEOライク）なマークアップ。とデザインカンプの再現度を両立する。
両立するためのコーディング方法：
1.デザインカンプを全く意識せずに、セマンティックなマークアップ（最適なタグを使う）を行う。
2.作ったマークアップ構造を 出来るだけ崩さずに、デザインカンプの再現度を追求する。
どうしても再現できない箇所のみ、マークアップ構造を 妥協して崩す。
・CSS：大規模なsiteだと、CSSが20万行～など、どこに何が記述されているのか分からないほど・・・大規模になってしまう。。
それでも・・・同じ定義をしない。同一部品は、一つにまとめて定義する。色違いやサイズ違いなどは、引数で変更できるように定義する。
作った部品定義は、他サイトにも 横展開できるようにしておく。詳細度を下げる。
どのメンバーがコーディングしても、同じ書き方に統一する。同じ書き方をしているので、メンバーが入れ替わっても メンテナンスし易い。
複数人での、同時コーディングが可能な方法を取る。
「これらの条件を 全て満たすコーディングをしてください」・・・もし、その方法を自分で考える（車輪の再発明）なら・・・無理難題ですよね？
★★★CSS設計が、最も重要です★★★ 当社ではFLOCSSを採用しています。
■Git：作業履歴の管理
DTP寄りの制作会社や 技術レベルの低い会社以外は、データを GitHub（コード・プログラム専用のクラウド）に保存している。
・メリット：本番サイトdataのBackupにもなる。いつ誰が何を行ったかが 1文字単位まで履歴が残るので、問題発生時の調査が出来る。
過去の作業が追えるので、メンバーが入れ替わっても 引き継ぎやすい。1案件を作業分担して、後でマージ（合体）する事が出来る。
リモートと社内や、お休みのメンバーの作業代行が やり易い。
本番サイト更新をメインbranchで まめに行いながら、大きな改修を 別branchで平行して進めて、後でマージ（合体）するといった事も出来る。
■CMS（主にワードプレス）の利用
・数百ページのsiteがあったとします。ヘッダーの更新作業があります。もし静的コーディングのsiteであれば、何ヶ所更新しますか？→全ページ数分になります・・・
数百ページの更新でも、一ヶ所更新すれば 全ページに反映したいですよね？
・お客様のご要望例：不動産の店舗検索（地域・取り扱い内容・カテゴリー等での、複合条件で検索できるようにしたい）を実装したい。
店舗情報は、自分達で CMSで登録できるようにしたい。※他の事例でも、ご要望内容は無限にあるので・・・これは、ほんの一例です。
・お客様のご要望を、どうやって実現しますか？ 更に、制作費は最小限にする（車輪の再発明はしない）プログラマーが居らず コーダーしか居なくても、
お客様の システム面のご要望を実現したい。バグの少ない、実績ある方法を取りたい＝調べれば ノウハウが豊富な方法を採用したい。セキュリティを考慮したい。
お客様が操作に慣れている管理画面を提供したい。 全てを実現するには・・・どうしますか？＝CMSをカスタマイズする。
■ローカル（自分のPC）での開発環境の構築
CMSは、PHP等のバックエンド言語で出来ている。JSは ブラウザだけで動くが、バックエンド言語で作られたCMSは ブラウザだけでは動かない。
CMSのカスタマイズを 自分のローカルPCで行うための、動作環境を 作る必要がある。
※新規のCMS案件だと、動作環境を作れば すぐに作業できるが、既存CMSのリニューアル等では、既存dataのexport→import等も必要になる。
更に、画像やPDF・動画データ等は 扱いが難しく、データ移行に かなりノウハウが必要になる場合もある。
（古いワードプレスsiteから 新しいワードプレスsiteへのリニューアル案件や、別CMSからワードプレスへの 乗り換え案内など）
また、構築したローカル環境とGitと連携させて、作業履歴管理が出来るようにもしておく。
（番外編）今はAIで「正解」は、すぐに生成できます。正解は、世の中に溢れています・・・「正解にはもう、人は魅力を感じません。。」
更に、価格で勝負しない＝価格以外の魅力をアピールする。※大企業は、豊富な資金力で 商品開発力・大量生産ができるので、価格勝負では・・・勝ち目が無い。。
こだわり・歴史・想いなどをアピールすると・・・魅力になる＆価値が生まれる＆差別化できる。
【当社が募集しているコーダー】
【当社が募集しているコーダー】アルバイト：時給
下記の 社員に近いレベルに到達できるまでは、1年程度アルバイトで経験を積んで、その後に社員登用。
※このレベルでは、雇って貰える会社を探すのが難しい。。
【当社が募集しているコーダー】アルバイトのレベル
■デザインソフト操作
コーディングで使うレベルの基礎操作（職業訓練レベルでOK）
■コーディング（HTML、CSS、jQueryでOK）
技術難度が高い実装は、出来なくてOK：難しい実装部分のみ、社員がやります。
スピード：社員の 0.7人前ぐらいが、まずは目標になる。
大手ポータルsite（例：～～市場や～～トラベルなど）内のLPは、当社のようなWEB制作会社が だいたい制作しています。
そのLPを、セマンティック（SEOライク）なマークアップと、デザインカンプの再現度を両立して、3～5営業日程度（LPの長さによる）でコーディング。
■大事な事
コーディングに関しては、技術難度の高い実装は、1～2年は経験を積まないと 出来るようにならないので・・・そこまで求めません（求めても出来ないので）
ですが スピードは、そこまで年数を要さなくても、上記LPが 3～5営業日程度で実装できるようにはなれます。（頑張る気があれば）
ですので、スピードは追求してください。
【当社が募集しているコーダー】社員：月給＆ボーナス
【当社が募集しているコーダー】社員のレベル
～半年程度で、下記の 社員に近いレベルまで到達できる見込みのある方。
※ここまでスキルが着くと・・・手に職レベルです。どこでも就職・転職できます！
■デザインソフト操作
コーディングで使うレベルの操作（デザインソフトのスキルは、それほど求められません）
■コーディング（HTML、CSS、いったんjQueryでOK）
・スピード：上記アルバイトレベル（0.7人前）に対して、1人前のスピード。
・技術難度の高い実装
例：ＭＶスライダーの各スライドごとに、異なるアニメーションを実装。
例：CSVやJSON、Google Apps Scriptを使って スプレッドシートの店舗dataを直接読み込んで表示し、検索機能を実装（JS）
お客様のご要望例：ポータルsite内に LPを設置したい。ポータルsite内なので CMS（バックエンド言語）は設置不可だが、以下の機能がほしい（JSのみで実現してほしい）
・店舗情報は エクセル管理しているので、その店舗データを更新した時に LPに反映したい。店舗の検索機能がほしい。
・現在地から、何百メートル以内の店舗を表示する機能もほしい。現在地から行きたい店舗への、経路表示機能もほしい（GoogleマップAPI）
お客様のご要望例：多言語siteを作りたい。
ご提案例：一番簡単で安価な方法ですと、GTranslate無料版を利用すれば、比較的安価に構築できます。
ですが、日本語pageに Google翻訳を掛けるだけになりますので、当該言語の国へのSEO効果はありません。
当該言語の国へのSEO効果も持たせるには、1.多言語pageをコーディングする 2.GTranslate有料版を使って サブドメイン型かサブディレクトリ型にする方法もあります。
■ワードプレス
・自作テーマが作れる
・実現したい要件に対して、実現方法の提案＆実装工数が見積もれる。
1.営業やディレクターが お客様の予算や納期・ご要望をヒアリング→会社に持ち帰る。
2.コーダーが、実現可能な方法の選別と、掛かる予定工数を見積もる（経験の無い技術の場合は、調査する）
3.営業やディレクターが、お客様にご提案する→受注→制作
お客様のご要望例：～～地域の飲食店を紹介するsiteを作りたい。店舗の検索機能がほしい。店舗情報は、CMSで登録できるようにしたい。
CMSで登録した情報を、site内の あらゆる最適な場所に表示したい（WPであれば、カスタムタクソノミー・カスタム投稿・カスタムフィールド等を駆使する）
【まとめ（自分探し）】
・ビジネスの 表側の仕事と 裏側の仕事、自分には どちらが向いているのか？
・自分は、どのパターンの会社が向いているのか？
自分には 何が向くのか、何を目指すのか、どのスキルが どれくらい出来れば通用するのか、少し見えて来ましたでしょうか・・・？？
現場で求められる 実務レベルのスキルや、WEB業界のご紹介でした。それでは皆様、就職活動を頑張ってください！