エックスアイコン

インスタグラムアイコン

TOPへ戻る

コース内容
Course

PC・スマホサイトデザイン科

WSSは未経験の方でも安心して学びをスタートできるよう、丁寧にサポートする環境を整えています。
一つ一つの基礎から応用、実践的な内容へと段階を踏んで
学べるカリキュラムを提供します。

指導している写真

3つの特徴

Features.1

「今」の時代に求められている
最新の知識・技術が学べる

HTML、CSS、JavaScriptなど、Web制作の基礎となる技術を最新のトレンドに基づいて学習します。独学では身に付きにくいデザインの基本から、実際にWeb現場で利用されている知識・技術まで学習します。 進化の早いWeb業界に合わせた、「今」必要な技術と知識を学習できます。

Features.2

専任講師によるカリキュラム

各科目の専任講師が、現場視点で直接指導します。業界で求められる技術を、具体的な事例や実務を意識した授業を通じて効率的に学ぶことができます。 短期間で多くを習得する詰め込み式カリキュラムですが、講師が現場感覚で構築した授業内容だからこそ、より実践的なスキルを身につけることができます。

Features.3

少人数制クラス

少人数制の授業で、クラス全体のペースを管理し、全員が学びについていける環境を作り出します。 授業中の質問や、受講生同士の意見交換もしやすいです。また、講師が全体の進捗を把握しやすい点も魅力で、少人数だからこそ、一人ひとりが学びの中心となれる場を提供しています。

授業で使うツール・ソフト

使用機材 15インチ ノートパソコン
OSWindows11

HTMLのアイコン

HTML LS
Webサイトを制作する
ためのテキスト情報を
識別する言語

CSSのアイコン

CSS3
Webサイトのデザインや
スタイルを指定する言語

Sassのアイコン

Sass
CSSをより効率的に
書けるよう開発された
メタ言語

Visual Studio Codeのアイコン

Visual Studio Code
Microsoft社の提供する開発用エディタ
拡張性が高い

Java Scriptのアイコン

Java Script
Webブラウザ上で動作しWebサイトに動きを加えられる

jQueryのアイコン

jQuery
JavaScriptを簡潔に
書けるよう開発された
ツール

Photoshopのアイコン

Adobe Photoshop
写真やデザインの作成等に使用される画像編集ソフト

Figmaのアイコン

Figma
ブラウザでデザインを
作成・共有できる無料のツール

Xdのアイコン

Adobe Xd
サイトやアプリなどの
デザインを制作できる
ソフト

カリキュラム
Curriculum

授業を受ける男の人

HTMLのアイコン

CSSのアイコン

VSCodeのアイコン

Photoshopのアイコン

1、2か月目
基礎を固める

Webサイトの制作に必要な基礎技術を学びます。
コーディングソフトはVisual Studio Code
デザインソフトはPhotoshopを使用。
初心者でも分かりやすいよう、基本的なパソコンの使用方法を含め、丁寧な指導を心がけています。

この期間では主にバナー制作や、HTML・CSSを
使った自己紹介サイトなどを制作します。

3、4か月目
実践的にスキルを伸ばす

FigmaやXDを用いてWebサイトのデザインについて
学んでいきます。
また、より効率的にサイトを作るためのSassやjQueryなどを使い、現場に近いWebサイトの知識・技術を深めていきます。

コーディング画面

Figmaのアイコン

Xdのアイコン

Sassのアイコン

JavaScriptのアイコン

jQueryのアイコン

5、6か月目
成長を形にする

レスポンシブ

ポートフォリオ

どのデバイスでも使いやすいWebサイト設計を可能にするレスポンシブについて学びます。
また、カリキュラムの集大成としてポートフォリオを制作します。
ポートフォリオとは自分の作品をまとめたサイトのことで、就職・転職活動において選考の判断基準にもなります。
6か月間で学んだスキルを活かしながら内容を充実させていきます。

学びが動き出す、一日のストーリー

授業を受ける生徒達

弁当を食べる女性

パソコンでデザインする女性

指導する講師

10:00
授業開始

今日は座学からスタート。Photoshopの操作や最新機能を学ぶ。

11:50
お昼休憩

過ごし方は自由。
読書をしたり、お喋りしたり、お散歩でリフレッシュ。

12:40
午後の授業

課題でバナーを制作。
写真やフォントを選ぶのが楽しい!

15:40
課題の発表

作ったバナーを発表。
講師からの講評が参考になった!

16:30
授業終了

おつかれさまでした。
放課後は17:30まで
講師に質問できる!

アイディアをつなぐグループワーク
Group work

実際の現場を想定したグループワークを通じて、Web制作に欠かせないチームでの協働スキルを学びます。
受講生が4~5人のチームを組み、一つのプロジェクトを企画から制作まで手掛けることで、コミュニケーション能力や
役割分担の重要性、プロジェクトを進行する力を実践的に身につけます。
また、チームで協力し合うことにより、個人のデザイン・コーディング技術も高まります。

ヒアリング

打ち合わせの様子

講師がクライアント側となり、案件について説明します。
クライアントへのヒアリング内容をもとにコンセプトや伝えたいことの方向性を決めていきます。

デザインの制作

コンセプトを軸にWebサイトの構想やコンテンツを考えていきます。その後メインカラーや写真、フォント等を選び、デザインカンプを作成します。

グループワークの様子

コーディング・動作の確認

コーディングの指導

チームでコーディングのルールを決めて、それをもとに分担してコードを記述していきます。
また、Webサイト上で実際に動くか動作の確認をします。

プレゼンテーション

完成した制作物を、コンペ形式で発表します。
各チームのプレゼンテーション後、クライアントである
講師陣が講評します。

プレゼンテーションの様子

もっとWSSについて知りたい!
説明会の応募はこちら

WSSでステップアップ!

6ヶ月の学びを終えたその先に広がるのは、新しい景色。
これまで積み上げてきた知識や努力が、あなたをどんどんと押し上げていく。
自分の力を信じて、次の一歩を踏み出しましょう!
時には迷ったり、立ち止まったりすることもあるかもしれません。
でも大丈夫。その一歩一歩が、あなたのなりたい姿を形作っていきます。

グラフを駆け上がる女性

資格

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

本校にて認定機関サーティファイ主催のWebクリエイター能力認定試験も受験可能です。
就職活動では自身のスキルをアピールできる資格として多くの方々に受験いただいています。

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