Menu
お問い合わせはこちら

【HPの内製化に成功！】自社HPの改修を学びながら、外注費０円を達成

HTML/CSS JavaScript jQuery Laravel PHP WordPress

【HPの内製化に成功！】自社HPの改修を学びながら、外注費０円を達成

お問い合わせはこちら

こちらの研修をベースとして貴社向けのカスタマイズも可能です。
まずはお気軽に問い合わせください。

また、侍の法人研修は45,000名以上の指導実績から確立した独自メソッドにもとづき、貴社の抱える課題や目的にあわせてオーダーメイドでカリキュラムを作成。短期間で最大の効果を出す最適なプランをご提案します。

DX推進やIT課題の解決にお悩みの方は、お気軽にご相談ください。⇒サービス紹介資料の無料ダウンロードはこちら

目次

会社について

  • 東海地区・九州地区・関東地区を中心に、エコキュート・ガス給湯器・エアコン等の販売・施工を行っている。電子部品・電気機器メーカー

受講部署・社員について

  • 20代後半、大卒
  • 自社HPの保守運用、将来的には作成（完全内製化）を目標に採用をされた中途社員の方。
  • 前職でCOBOLエンジニア（3年経験あり）、しかしWEBは未経験。

課題感

  1. 社内にWeb関連スキルを持つ人材が不在
    • ホームページの管理や更新ができる社員がいない。
    • 内製化のために採用されたものの、具体的な技術サポートや相談ができる人材が社内におらず、進行が困難。
  2. Web関連の全業務を外注中
    • 現在、Webサイトの修正やアップデートなどすべての作業を外部の業者に依頼している。
      • これにより、コストが高くつく上に、小さな修正でも時間がかかってしまう。
  3. スピーディな対応を希望
    • 社内で迅速に対応できる体制を整えることで、運用の効率化を図りたい。

SAMURAI受講の決め手

  1. 柔軟性のあるオンライン受講が可能
    • 業務との両立がしやすく、学習時間を自由に設定できるため、効率的に学ぶことが可能。
  2. カスタマイズ可能なカリキュラム
    • 受講期間中に興味や必要に応じて追加学習が可能であったこと。
  3. 専門の講師がサポート
    • Web分野の初学者でも、固定の専門家がついて具体的な指導を受けられることが魅力だった。
  4. オーダーメイドの学習内容
    • 自社のホームページ内製化に必要なスキルや知識を重点的に学べる。他社の一律なカリキュラムと異なり、自社に特化した学習が可能。

研修のゴール

  • 自社HPの内製化と外注費用を軽減させること。

成果

導入前の状況

  • 　デザインが古く、真っ黄色の背景に赤い文字が使用されていた。
  • 　商品が縦一列に並べられた非効率なレイアウト。
  • 　すべてを外注しており、簡単な修正も時間がかかる状況。
  • 　保守運用で月額約10万円の費用が発生。

導入後の状況

  • 　新しいホームページのアドレス：https://www.chunichisetsubi.com/
  • 　デザインの刷新と、商品ごとにページが分けられ、1年運用後に更にバージョンアップしている。
  • 　問い合わせフォームを設置、ユーザー視点に立ったデザインへの変更。
  • 　知識が受講した社員に蓄積され、社内ですぐに修正・更新が可能に。
  • 　HP制作と保守運用のスキルを内製化したため、ランニングコストが0円に削減された。

カリキュラム

自社HPのリニューアルと保守運用を目指す24週間のWeb制作カリキュラムです。HTML、CSSから始め、WordPressの導入、JavaScript、jQuery、PHPとMySQLの学習を経て、Photoshopを用いたデザインスキルを身につけ、最終的には実際のサイト制作に取り組みます。

学習
HTML/CSSローカル開発環境
  • HTML/CSSのローカル環境構築を完了させる。
学習
WordPress（基本）
  • WordPressでのサイト制作の方法を身につける。
学習
HTML/CSS
  • 静的な（DBを利用しない）Webサイト構築の方法を身につける。
STEP
JavaScript / jQuery
  • 少しリッチな Web ページ・Web サイトを作る場合には必需品とも言える技術である JavaScript/JQuery を学習し、Web ページに動きを追加する方法を身につける。
STEP
PHP
  • PHPの基礎文法について解説ができる。またPHP/HTML/CSS/JavaScriptを使い、Webアプリケーション（動的なページ）を作成できるようになる。
STEP
WordPress（応用）
  • WordPressの内部構造を理解し、必要なページや機能の追加などのカスタマイズの仕方を身につける。また、プログラミングが必要な箇所とそうでない箇所違いを理解する。
STEP
デザイン
  • バナー制作を通じてPhotoshopの基本操作を習得する。またLPの設計・デザインができるようになる。
  • デザインにおける原則（配置・カラー・タイポグラフィ）を理解し目的に合ったツールを選定・準備できる。またWeb制作におけるデザイン知識を身につける。
STEP
ポートフォリオサイトの制作 オリジナルサイト制作
  • ポートフォリオサイトを完成させる
  • ポートフォリオサイトに収録するオリジナルアプリを完成させる
STEP
Laravel
  • Laravelを使い、CRUDアプリを作成できる。またMVCについて解説することができる
STEP
Git/GitHub
  • 主流のバージョン管理ツールであるGitの基礎コマンドを使える（add commit push pull checkout branchなど）。作成したポートフォリオなどをGitHubに公開できる。
STEP
オリジナルアプリ開発
  • 企画、要件定義、機能設計、画面遷移図、ER図、コーディングを完了させ、オリジナルアプリを完成させる。

習得スキル

HTML /CSS /JavaScript /jQuery /PHP /Laravel /WordPress /Photoshop

利用サービス

伴走型オーダーメイド研修（エキスパートコース）

インタビュー記事はこちら

HTML/CSS JavaScript jQuery Laravel PHP WordPress
目次