Webデザイン + 科

Class Concept.

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

• 授業名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サイトがあったり、
  さらには目に見える物だけではなく行動をデザインしたりなど、
  必ず「問題 = 課題」があるからこそデザインが存在します。
  これはプログラミングの場合も同じで、便利なものであっても、
  使いにくいのでは、課題を解決できず良いものとは言えません。
  だからこそ「デザイン」の感性を持つことが大事になってきます。
  Web Design＋科の「＋」は、そういったデザインの感性も学ぶことができる、
  ＋αの意味合いも含んでいます。

• POINT.1

  何が学べるの？

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

• POINT.2

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

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

• POINT.3

  どうやって学ぶの？

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

• 2年間の学びのステップ

  1年次

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

• arrow_downward

• 2年次

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