WSSのロゴ

CURRICULUM

『今』必要な技術・知識の習得

WSSでは『今』必要な技術・知識を皆さんに学習して頂くために、
業界のトレンドに合わせて、より良いものへ進化させております。

WSSで学べること

Programming

Webサイトの構築に必要なHTML・CSS、
Javascript・jQuery、RWD(レスポンシブウェブデザ
イン)、Sass(scss)・Gitなどの導入方法まで学習
します。レスポンシブに対応したコーディングまで
しっかりとお伝えしています。

Design & Layout

デザインは「センス」が必要だと思われがちですが、
デザインのセオリーを押さえておくことで誰でもデザ
イン力を向上・磨くことが可能です。基礎をしっかり
学ぶことで、より良いレイアウトを組むことができる
ようになります。

学習するソフト&ツール

VSCodeのロゴ

Visual Studio Code

Microsoftが開発した世界で最も使用されて
いるプログラミングエディタです。コードを
記述する際に使うソフトは様々ありますが、
当校ではVisual Studio Codeを使用します。
拡張機能が豊富で、自分好みにカスタマイズ
できます。

Adobe Photoshop CCのロゴ

Adobe Photoshop CC

Photoshopは世界で最も有名な画像編集ソ
フトです。写真を加工・合成したり、美しい
グラフィックを作ったりと様々なことができ
ます。画像編集ソフトとしても、グラフィッ
クツールとしても、多くのプロが愛用するソ
フトです。

Adobe XDのロゴ

Adobe XD

Webサイトやモバイルアプリ、音声デバイス
のUI/UXのためのデザインツールです。ワイ
ヤーフレーム、デザインカンプ、プロトタイ
プを作成し、クライアントや制作チームへの
共有を一つのアプリで実現するソフトです。

Figmaのロゴ

Figma

XDと同じくUI/UXのためのデザインツールで
すが、Figmaはブラウザ上で作業できるのが
特徴。近年ではXDからFigmaに移行する会
社も多くなりました。2022年7月に日本語版
がリリースされ、注目を集めています。

CMS( Word Press )のロゴ

CMS( Word Press )

CMSとはコンテンツ・マネジメント・システ
ム(コンテンツ管理システム)の略で、専門
知識がない人も、Webサイトの作成・更新・
運営ができるシステムのこと。その中でも特
に人気の高いWold Pressを学習します。

Chatworkのロゴ

Chatwork

コミュニケーション効率化が図れるビジネス
チャットツールです。本校では講師への連絡
や生徒同士のやり取りは、主にchatworkで
行います。メール等と比べて、気軽に会話が
できるメリットがあります。

Quipのロゴ

Quip

データ管理を組織で共有できるドキュメント
共有ツールです。Quipは、プロジェクトな
どでグループを作成して、オンラインによる
データ管理ができます。

学習スケジュール

独学では身に付けにくいデザインの基本から、Webサイトを制作する上での基礎技術、
実際にWeb現場で利用されている知識・技術まで学習します。
実践的な課題に取り組むことで、構成力・発想力・デザイン力が蓄積されます。

1ヶ月目

Web知識講習

Webサイト制作に必要なソフトや画像の仕組み、基本的なパソコンの
使用方法など、6ヶ月間学習する内容の基礎の部分を学習します。
また、クラウドツールも使用しますので、今まで触れた事がない方で
も毎日使用することで、覚える事ができます。

HTML・CSS基礎実習

Webサイトを制作する時に使用するHTML(HTML Living
Standard)やCSS(CSS3)など、基礎的な技術・知識をハンズオン
形式で学習します。Webサイトを制作する基礎となる大事な部分で
す。授業後半には、これまで学習した内容を用いた自己紹介サイトも
制作します。

HTML・CSS実装写真

2ヶ月目

Webデザイン基礎実習

Adobe Photoshop CCを使用し、基本的な操作や使い方、画像編集・
写真加工を学習します。Photoshopは、Webサイトの作成には欠かせ
ないソフトです。また、UI/UXデザインツールであるAdobe XDの基本
操作も学び、Webデザイン制作実習に繋げます。

Webデザイン制作実習

Webデザイン基礎実習で学んだことをベースに、デザインの基本知識
なども身に付けていきます。デザインについても触れながら、Webサ
イト制作時に必要となるワイヤーフレームの作成方法・デザイン
カンプの制作など、実践的に学習していきます。

ワイヤーフレーム作成イメージ写真

3ヶ月目

CSS設計

WSSでは、命名規則の一種であるBEM(ベム)を取り入れてコーディ
ングが効率的にできるようCSS設計を学びます。BEMを使うと、
HTMLを見ただけでスタイルが予測しやすくなり、長期的なメンテナ
ンス性が高くなったりと、開発スピードを上げることができます。

コーポレートWebサイト実習

これまで学習した内容を用いて、グループワークを行います。学校側
が模擬的に案件を依頼し、グループ毎に一つのWebサイトを企画から
デザイン・コーディングまで手がけ、プレゼンを行います。様々な問
題点を解決しながら、技術・知識共に更にレベルアップしていきま
す。

グループワーク作業写真

4ヶ月目

JS実習

JavaScript(jQuery)を利用してホームページに動く要素(スライド
ショーなど)やWebアプリケーションを追加する方法を、基本から応
用まで実践的に制作しながら学習します。アニメーションなど動的な
要素を加えることができるので、デザイン表現を広げることができま
す。

Sass(SCSS)

Sass(SCSS)という拡張言語(メタ言語)の導入方法・基本的な使
い方など学習します。Sass(SCSS)とは、CSSを効率よくコーディン
グするための拡張言語(メタ言語)です。ファイルを複数に分割する
ことができるので、チームや管理・運営業務に重宝します。

コーディング作業写真

5ヶ月目

レスポンシブWebデザイン基礎実習

スマートフォンやタブレットなど、さまざまな端末に対応したマルチ
デバイスなWebサイト制作を学習します。レスポンシブWebデザイン
基礎実習では、マルチデバイスの特性を理解し、メディアクエリ・ブ
レイクポイントなど基本を学習し、技術と知識を習得します。

レスポンシブWebデザイン制作実習

就職活動に必須アイテムと なっているポートフォリオ(作品集)サイ
トを、レスポンシブとなるよう(マルチデバイス対応)設計・制作し
ます。学んできたことをアピールできる作品でもあるので、技術を最
大限に活かせるよう、コンセプトからデザイン・コーディングまで仕
上げていきます。

レスポンシブWebデザイン作業写真

6ヶ月目

Webサイト企画・デザイン実習

実際にある企業またはお店のWebサイトを、模擬的な案件として制作
します。企画・デザインからコーディングまで行うことで、仕事に近
い感覚で流れを理解することができます。Webサイト企画・デザイン
実習では、企画・情報設計、デザインカンプなど制作します。

Webサイト制作実習

Webサイト制作実習では、Webサイト企画・デザイン実習内で制作し
たデザインカンプをもとにコーディング作業に取り組みます。6ヶ月
間の集大成でもありますので、訓練終了までに、完成させることを目
指します。成果物は就職活動で使用できます。

Webサイト作成写真

資格取得

Webクリエイター能力試験試験

エキスパート級合格率98%

HTML5対応<エキスパート>

本校にて認定機関サーティファイ主催のWebクリエイター能力認定試験も受験可能です。
HTML・CSSに関する基本的な知識や簡単なWeb作成能力など、Web業界では必須となる技能を測定する試験です。
試験に関しましては 自身のスキルをアピールできる資格として多くの方々に受験いただいています。

Webクリエイター能力認定試験
サーティファイ公式サイト