Webデザイン科

Web Design

デザイン視点を持ったエンジニアを育成。
便利なものを美しく、そして、より使いやすく。

身に付くスキル
コーディングスキル／デザインソフトスキル／ブランディング／ Web知識／英語力

目指す職業
webデザイナー／ UI・UXデザイナー／フロントエンドエンジニア／マークアップエンジニア

在校生PICKUP

Q.ニチデを選んだ理由は？

教えてくれる講師の人達が現役だったからです。講師の人達が仕事をしていて必要な部分や、実際に使っているソフトなどが分かるので、授業に無駄がないと思いました。

Q.ニチデに入って成長したこと、学んだことは？

ニチデに入学するまでプログラミングに触れたことがなかったので、最初はなにがなんだか分かりませんでした。でも、ある時から急にプログラミングの意味や組み立て方がある程度分かるようになったことです。

Q.作品制作の際意識していることポイントは？

企画書時点でのワイヤーフレームに1番時間をかけることです。作品のイメージを固めることできるので、作品を制作している時にブレないで作ることができる気がします。

Q.心に残った講師からのアドバイスは？

アドバイスではないですが、進級制作の企画書発表の時に、普段褒めてくれないグラフィックの先生から企画やコンセプトを褒めていただけたことがすごく嬉しかったです！

Q.将来の夢ややりたいことを教えてください。

将来の夢はアニメーターです。普段見ているだけのアニメを、今度は私が作り手となり、多くの人に面白さや感動を伝えたいです。最終的には自分が作りたいアニメを作れる様に動かし方を学び、実現できればと考えています。

OPENCAMPUS

学校説明会＋Webデザイン体験授業（2部：午後）

12:30～受付、13:00～学校説明、13:30～校舎見学、14:00～体験授業、15:30～相談会
【来校参加のみ／オンライン参加不可】

開催日	来校型	ONLINE
6/27-日
7/10-土
7/18-日
7/31-土

Webデザイン科授業内容ピックアップ

授業名Web基礎
課題

HTML、CSSでの制作を習得し、Webサイトを公開する。
課題の目的

Webに関わる基礎知識から学習し、静的なPCサイトの構築までを実践的に学習します。
STEP 1

Webサイト制作の基本
教科書をもとに座学と実践でWebサイトの基本を学習します。
STEP 2

HTMLについて
表示したい文章や素材をWebサイトを閲覧しているユーザーだけでなく、音声ソフトを利用しているユーザーやクローラー（Web上をクロールするロボット）にも意味や役割を同じように伝達するために、適切なタグを選んでマークアップできるよう学習します。
HTMLとは

HyperText Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略。ハイパーテキストを記述するためのマークアップ言語の1つ。

STEP 3

CSSについて
CSSの基本として、「さまざまな種類のセレクタ」「現場でよく使われるプロパティとプロパティ値」「簡単なCSSアニメーション」を学習します。流行にも触れながら、CSSの応用にも対応できる基礎力を身につけます。
CSSとは

Cascading Style Sheets（カスケーディング・スタイル・シート）の略。HTML や XML の要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。
STEP 4

コーディングの練習
前期

コーディングには欠かせないタイピングの練習と、HTMLやCSSを使って簡単な課題をコーディング。その日に学んだことを復習し知識を定着させます。
後期

有名なWebサイトを題材に、静的デザインをコーディング。練習の中で見えてきた「各自の苦手」や「理解が困難な部分」をピックアップし、再度学習に取り入れ理解を深めます。また、自身でデザインしたWebデザインをコーディングし、デザインしたものが形になるまでの全工程を学習します。

STEP 5

Webデザイン
ターゲットユーザーの行動心理に基づいた「広義のデザイン」をするため、ユーザーの行動心理を可視化。ユーザーの問題解決についてディスカッションをしながら、Webコンテンツの企画・ワイヤーフレーム作成・Webデザイン作成までの工程を現場で行われるミーティングに近い形でグループ学習します。

便利なものを美しく、
そして、より使いやすくする
ITエンジニアを育成する。
IT技術の発展が目覚ましい現代で、
今後求められてくることは、「使いやすさ」であるとnichideは考えています。
そして、使いやすさにはデザインの要素が必要不可欠です。
What's Design

デザインとは「問題を解決する手段」です。
”多くの人に来て欲しい”から、チラシやポスターがあったり、
”より知って欲しい”からWebサイトがあったり、
さらには目に見える物だけではなく行動をデザインしたりなど、
必ず「問題 = 課題」があるからこそデザインが存在します。
これはプログラミングの場合も同じで、便利なものであっても、
使いにくいのでは、課題を解決できず良いものとは言えません。
だからこそ「デザイン」の感性を持つことが大事になってきます。

POINT.1

何が学べるの？

デザイン視点を持ったアプリ開発やWeb構築が可能なエンジニアの育成。様々な分野で、マルチな活躍ができる人材を育成します。
POINT.2

なぜエンジニアにデザイン視点が必要なの？

デザイン性を求めるほど複雑なプログラムになり、プログラムの簡略化を求めればデザインを妥協することになります。それなら初めからデザイン視点を持つプログラマーが企画／設計／開発すればいいのです。
POINT.3

どうやって学ぶの？

２年という限られた期間で技術を身につけるために、「体験」し、「知」って「理解」することで、別な「応用」をしてみる。という逆の学習方法を選択しました。
2年間の学びのステップ

1年次

・パソコンの構造知識を身につける。
・情報リテラシーについて理解を深める。
・プログラム言語に慣れる。
・Webサイトの構造について理解を深める。
・ユーザー視点を意識したデザイン能力を磨く。
・英語のリスニング力を高め、文法の理解を深める。
・データベースの基礎知識を身につける。
arrow_downward
2年次

・オリジナルWebサイトを制作する。
・データベースについて理解を深める。
・Webアプリケーションを使った動的なサービスを制作する。
・作品を数多く制作し、ポートフォリオサイトを制作する。
・日常会話ができる英語力を身につける。

OPENCAMPUS

学校説明会＋Webデザイン体験授業（2部：午後）

12:30～受付、13:00～学校説明、13:30～校舎見学、14:00～体験授業、15:30～相談会
【来校参加のみ／オンライン参加不可】

開催日	来校型	ONLINE
6/27-日
7/10-土
7/18-日
7/31-土

その他のカリキュラム

プログラミング

アプリ開発の基礎から応用まで。

スマートフォン／Mac用アプリケーション／サーバ連携アプリケーション開発の習得と応用を学習します。
デザイン

デザインスキルも身につける。

デザインの基礎から学び、UX／UIデザインに必要な各種ソフトウェアの操作を習得します。
コンピュータ基礎

基本的な使い方から学ぶ。

コンピュータの概念や使い方を習得し、スキルの向上を目指します。
英会話

外国人講師が本格指導。

グローバルな業界の動向にも対応するため、外国人講師と日常会話から「聞く力」を養い、「話す力」につなげることで英会話を習得します。
Web基礎

概念の理解。

Webに関わる基礎知識から学習し、静的サイトの構築とマルチデバイスに対応したレスポンシブWebサイトを制作する知識と技術を身につけます。
制作実習

Trial and errorを繰り返し行う。

月ごとに企画立案／設計／実装までを行うことで実践して理解を深めます。
コンピュータ応用

基礎構造の理解。

サーバとネットワークの基礎を理解し、構築と運用方法までの習得を目指します。
情報リテラシー

ネットの世界を正しく理解する。

インターネットと社会の関わり方などを学習します。
Web応用

より深いWeb構築方法の習得。

ブログやショッピングカート等、サーバと連携した動的サイトの構築までを実践します。

学生作品

それぞれの作品をクリックすると拡大表示されます

▲1日の感情を記録するアプリ。ダイアリー機能のほか、感情に合わせた「今日の名言」が表示される

▲目的地を設定し、近づいたらお知らせするアプリを制作

▲スマートフォン向けのティザーサイト。ドット絵で親しみやすい雰囲気にまとめた。（ゲームの紹介サイト）

▲制作したサイトで餃子を注文するところまで、一連の動きを体験できる。コンセプトボードも展示することで企画意図が伝わりやすいように工夫されている。

▲寿司屋の注文サイト。LINEから注文できるシステムを開発した。

▲童話の世界をテーマにした間違い探しのサイト。

Another works

▲ゲーム開発ソフト「unity」を自身で勉強し、講師のアドバイスを受けながら制作した、２D全方位シューティングゲームアプリ「ハムシューティング」。可愛らしいハムスターのキャラクターが主人公のシューティングゲームを開発した。

▲世界各国から集めたベッドや睡眠に関する品物のネット販売を行う「ベット専門通販サイト」の企画書。画面遷移図で表示される順序や関連性を可視化し、ワイヤーフレームでサイトの構成をイメージしやすくした。

他の科も見てみる

デジタルアニメ科

ゲームCG科

コミックイラスト科

小説科

雑貨デザイン科

マンガ科

写真映像科

グラフィックデザイン科

イラストレーション科

OPENCAMPUS

学校説明会＋Webデザイン体験授業（2部：午後）

12:30～受付、13:00～学校説明、13:30～校舎見学、14:00～体験授業、15:30～相談会
【来校参加のみ／オンライン参加不可】

開催日	来校型	ONLINE
6/27-日
7/10-土
7/18-日
7/31-土

1:1トークイベント予約在校生作品イラスト講座

ニチデの資料請求

nichideの想いが詰まった、パンフレット。