Webデザイナー/コーダー/フロントエンドエンジニア育成研修

Web制作の現場では、Webサイトの「クオリティ」とともに「スピード」が重要視されます。常に新しい技術やトレンドが生まれる分野でもあるため、インターネット・アカデミーでは母体Web制作会社、そして日本の教育業界で唯一のW3Cメンバーといった特性をもとに、クリエイターの育成において他の追随を許さない実績と自信があります。

Webデザイナー/コーダー/フロントエンドエンジニア育成研修

Webデザイナー/コーダー/フロントエンドエンジニアの役割

Webデザイナー、コーダー、フロントエンドエンジニアの仕事はいずれもWebサイトやWebコンテンツ制作において欠かせない職種です。デザインはユーザーの使い勝手やブランディングに大きく影響を与えますし、コーダーやフロントエンドエンジニアは単にサイト構築ができるということだけでなく、最新のコーディングノウハウ、SEOやマーケティングといった幅広い知識を持つことで、よりサイト制作の成果が変わってきます。

Webデザイナー/コーダー/フロントエンドエンジニアに
求められるスキルセット

この職種に共通して求められるスキルセットは、HTML・CSSは必須で、さらにSEOを意識したマークアップスキル、JavaScriptを使ったインタラクティブなコンテンツ制作ができるスキル、UI/UXの知識があるとより成果の出るサイト制作がしやすくなります。また、プログラミングやサーバーなど、バックエンドと呼ばれる知識があればあるほど、システムと連携したWebの設計を考えられるようになるため、知識が豊富であるほど組織に重宝される人材となります。

Webデザイナー/コーダー/フロントエンドエンジニアを育成する
研修カリキュラム事例

HTML・CSS・JavaScript研修
特長 W3C標準の知識を教育業界唯一のW3Cメンバースクールで学ぶ
目次
  • Webの概要
  • ホームページの概要
  • HTMLの基本的なタグ
  • テーブル(表)
  • ハイパーリンク
  • 画像とWebにおける色指定
  • 動画
  • 音声
  • フォームとは
  • フォームのパーツ(基本)
  • フォームのパーツ(応用)
  • HTMLの変遷
  • セマンティック・コーディング
  • Web制作フロー
  • 画像の書き出し
  • HTMLのコードチェック
  • CSSとは
  • CSSのルール
  • セレクター
  • フォント、テキストのスタイリング
  • 疑似クラス
  • CSSレイアウト
  • デザインのプロパティ
  • 背景とボーダー画像
  • その他スタイル指定
  • Dreamweaver
  • コーディングに入る前
  • HTMLコードの記述
  • CSSコーディング
  • 開発者ツール
  • CSS演習
  • サーバーへのアップロード
  • メディアクエリ
  • Webフォント
  • 疑似要素
  • グラデーション
  • trasnsformプロパティー
  • トランジション・アニメーション
  • JavaScriptの概要と書式
  • JavaScriptの命令
  • 変数・演算子
  • 条件・ループ
  • 関数とイベント
  • DOMの仕様と要素ノードの操作
  • 属性ノードとテキストノード
  • Googleマップの導入
  • jQueryの基本
  • jQueryにおけるイベント処理
  • jQueryの実践
  • jQueryプラグインの利用
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 24時間 (2時間×12回)
日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談
W3C公式HTML5研修
特長 日本唯一のW3C公式講座でHTML5活用のテクニックを学ぶ
目次
  • セマンティックス
  • HTML5実践
  • CSS3実践
  • 各種API実践
  • Cache
  • Canvas
  • DeviceMotion
  • Drag and Drop
  • Geolocation
  • IndexedDB
  • MicroDataDOM
  • requestAnimationFrame
  • WebWorkers
  • WebStorage
  • 資格取得対策
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 12時間 (2時間×6回)
日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談
Webサイト制作実践研修
特長 母体Web制作会社のノウハウとテクニックを体系化
目次
  • Webサイト制作フロー
  • 企画
  • デザインカンプの下準備
  • デザインカンプの作成
  • スライス
  • コーディング準備
  • HTMLのマークアップ
  • CSSの設定
  • CSSコーディング実践
  • CSS3
  • JavaScriptの組み込み
  • テンプレート
  • ソースコードの検証
  • HTML5実践
  • スマートフォンの特徴
  • レスポンシブWebデザインの企画
  • スマートフォンサイトのワークフローと設計
  • デザインカンプ
  • Media Queries
  • 未対応ブラウザへの対策
  • ベースコーディング
  • CSS3とベンダープレフィックス
  • レスポンシブ対応
  • Webの高速化
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 24時間 (2時間×12回)
日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談
Webアプリ制作実践研修
特長 Mozilla Japan監修カリキュラムで効率の良いアプリ開発を習得
目次
  • コンセプト設計
  • 画面設計
  • 環境準備
  • JavaScript
  • データベース連携
  • セキュリティ対策
  • サンプルプログラム
  • プレゼンテーション
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 12時間 (2時間×6回)
日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談
グラフィックソフト(Photoshop・Illustrator)研修
特長 門外不出のWeb制作会社のデザインテクニックを学ぶ
目次 基本操作 / オブジェクト / パス / ブレンド / メッシュ / レイヤー / イラスト実践 / 保存・書出し / 基本操作 / 色調補正 / レタッチ / フィルタ / レイヤー / チャンネル / ベクトル画像 / Webデザイン実践 / ユーザビリティ / 保存・書出し
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 24時間 (2時間×12回) 日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談
UI/UX研修
特長 成果が出せるWebサイトの設計・デザインで競合に勝つ
目次 良いデザインとは / UIとUX / 色彩 / タイポグラフィ / ゴール設定とユーザー / 情報設計 / ワイヤーフレーム作成 / アクセシビリティ / ユーザビリティ / スマートフォンとPCの違い / マルチデバイス対応のためのデザイン / サイトを構成する要素 / レイアウトパターン / ナビゲーション / 効果検証、分析 / フォーム / 代表的なUIパーツ / スマホサイトに特化したUIパーツ
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 8時間 (2時間×4回) 日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談

関連研修事例

各業界のリーディングカンパニーに選ばれ続けてきた実績が、何よりのインターネット・アカデミークオリティの証明です。

NTTコミュニケーションズ(株)先端IPアーキテクチャセンタ 担当課長
大津谷亮祐 様
研修内容チームでのアプリケーション開発研修

「W3Cメンバー」というつながりで、研修を依頼

今回はWeb技術の初心者から経験者まで、スキルレベルに差がありましたが、どの層も満足できるように内容を工夫していただけたのがありがたかったですね。例えば、初心者が試行錯誤している間に経験者が時間を余らせないよう、上級者向けの課題を用意してくださり、双方が時間を有効活用できるような研修内容になっていました。その結果、経験者はもちろん、初心者でも3日間でWebアプリケーションが作れるまでになり、Webプログラムの魅力を大いに感じてもらうことができ、私としても非常に満足しています。

インタビューを見る
(株)日本デザインセンター色部デザイン研究室
グラフィックデザイナー/アートディレクター
色部義昭 様
研修内容全社員を対象としたWeb制作のリテラシー研修

現状の悩みにフォーカスし、
研修内容をカスタマイズして実施することができた

NDCはこれまで、紙媒体をベースとしたヴィジュアル・コミュニケーション提案を中心に承ってきたので、コンピュータの仕組みやIT業界の現状を専門的に理解できる人材が限られていました。その状況に合わせ、研修ではコンピュータの基礎から応用まで体系的にWeb制作の技能面を教えて頂きました。また、200名近くの全社員を対象とした研修の実施にあたり、柔軟に日程を組むことができたことも大きなポイントでした。

インタビューを見る
(株)博報堂アイ・スタジオ人材開発室 室長
廣岡マヒコ 様
研修内容内定者全員を対象としたプログラミング研修

「Webに特化して教えているからこそ、
Webの技術に対しての先進性がある」と感じました

実際に研修を受けた内定者からは「楽しかった!」という声を多く聞きました。私としては、これが一番の成果だと考えています。研修の内容は、PHPの基礎を学ぶというものだったので、元々プログラムに触れたことのない人にとっては未知の世界だったと思います。それでも、素直に「楽しい」と感じられたことで、技術に対する好奇心が芽生えたように思います。実際に研修後、「この部分をこうしたらどうなるのか」「このような時はどう書けばいいのか」などと、受講者同士が活発に意見交換していました。

インタビューを見る
楽天カード(株)海外事業統括部
海外事業企画グループ
林 様 / 許 様 / 畔 様
研修内容英語によるWebサイト制作研修

英語での研修対応、そして社内での評判が決め手に

3年前に、楽天カードでの新卒の研修を依頼させていただいたことがあり、当時の担当者に話を聞いたところ、インターネット・アカデミーがお勧めと言っていたので、他の選択肢はあまり検討していませんでした。また、楽天グループでは社内の公用語が英語ということもあり、英語でのIT研修も対応しているというインターネット・アカデミーの特色も決め手の一つです。質問も日本語、英語どちらでも対応してくれる点が大変魅力でした。

インタビューを見る
カシオ計算機(株)ディレクター
山本幸司 様
研修内容新サービスを担う社員に向けたWebスキルアップ研修

インストラクターが現役のクリエイターで、
実際の制作現場の情報をすぐに還元してくれるのも魅力的

研修を振り返ると、私自身はもちろん他の社員も、楽しみながらWebの技術を学べたようです。インターネット・アカデミーの研修は教え方が体系化されていて、とても分かりやすかったですし、実践の部分に比重を置いたカリキュラムとなるようカスタマイズしていただきましたので、非常に有意義なものとなりました。この研修をきっかけに、今後はWebサイトや社内システムも、内製化を視野に入れていきたいと考えています。

インタビューを見る

法人向けIT研修のご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

御社のご要望に合わせて最適な研修プランを無料でご提案いたします。研修のご相談やお見積もり依頼等も承っておりますので、ぜひお気軽にお問い合わせください。

2020年春の研修はお席が埋まりやすいため、新卒研修・助成金利用をご検討の方はお早めにお問い合わせください。

研修プランのすべてが自由自在

  • 1.カリキュラム

    カリキュラム

    「学習内容をカスタマイズしたい」「習熟度にあわせた実習課題を出してほしい」「自社サイトやシステムを内製化したい」などお申し付け下さい。

  • 2.スケジュール

    スケジュール

    「次年度の新卒研修の予定を組みたい」「若手・中堅社員向けに今すぐ始めたい」等、日程や時間帯まで、御社の希望に合わせた受講スケジュールをご提案。

  • 3.受講料

    受講料

    受講人数や研修内容など、御社のご要望を踏まえてお見積をお出しします。ご予算に合わせたご提案も可能ですのでまずはご相談下さい。

  • 1.情報の入力
  • 2.内容の確認
  • 3.送信完了
会社名必須
部署名必須
お名前必須
ふりがな必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
問い合わせ種別
   
ご希望の研修内容 (複数選択可)








お問い合わせ内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

プライバシー保護のため暗号化通信を使用しています。
このページの上へ