WebサイトやWebサービスを企画・制作あるいは運営する立場に求められる、ビジネスの現場で必須のWebリテラシーを2日間集中で学習します。メールの利用やWebサイトの閲覧など、1ユーザーとしては日常的にインターネットに触れていても、Webサイト・Webサービスを提供する側に立った際には、もう一歩踏み込んだ知識が必要になります。インターネットまわりのビジネス環境、WebサイトやWebサービスが動く仕組み、サイトを制作・開発しない立場でも最低限押さえておくべき技術知識やWebプロジェクト工程の基本を、演習を通じ理解を深めながら習得できる講座です。

このトレーニングは、HTML4.01、XHTML、CSS2.1でのマークアップを理解している方を対象に、HTML5・CSS3・外部JavaScriptを使用したPCサイト及びスマートフォン用サイトの作り方を学習するトレーニングです。HTML4と5の違いや、廃止要素や新要素、マークアップの仕方やバリデーション、CSS3での新しいセレクタやプロパティ、アニメーションやトランスフォーム、テスト環境の構築やHTML5非対応ブラウザへの対応等を学習し、スマートフォン向けのサイトとして既存サイトのスマートフォンへの最適化、ユーザーエージェントによる振り分け、デバッグ、flashコンテンツの代替表示などを学習します。従来のマークアップを理解している方で、HTML5・CSS3の新しい部分やスマートフォンサイトの作り方を学習したい方はぜひご受講ください。 またcanvasなどAPIが絡む部分の理解は、本来JavaScriptの理解が必要となりますが、このトレーニングでは、既存ソースのコピーまたは外部ファイルを使用しますので、JavaScriptの理解は必要ありません。ただし、HTML5の新しい部分を十分に理解・活用するためにはJavaScriptの理解が必須になると考えてください。 なお、このトレーニングでは、HTML5の新要素に対応したAPI（JavaScript部分）に関する詳細はご説明しておりません。JavaScriptをこれから勉強される方は、JavaScriptの基礎知識のご受講をご検討ください。また、HTML5を勉強される前に、従来のHTML4.01/XHTMLによるマークアップを勉強される方は、HTML・XHTML・CSSの基礎知識を受講されてから、この講座をご受講ください。

This work is licensed under a Creative Commons Attribution 3.0 Unported License

HTML5やCSS3の登場、iPhone・iPadでのFLASHによる表現が非対応であること、また各種Webブラウザの高速化から、よりJavaScriptを使った表現が求められるようになってきています。 このトレーニングは、HTML/CSSでのマークアップを理解している方を対象に、JavsScriptの記述方法・読み方、仕組みを習得することを目的としています。 JavaScriptを使用すると、HTMLやCSSだけでは難しい、Webサイト全体に様々な機能や振る舞いを追加することが可能になります。JavaScriptは、Webブラウザやスマートフォンでの活用はもちろん、HTML5の新機能となるさまざまなAPIを扱う上で必要な知識になります。このトレーニングでは、まったくJavaScriptを使ったことがない、という方を対象に、主にWebブラウザと連動して使うJavaScriptの学習をメインに、どのようなことができるか？また、どんなことを覚えておけばいいかを知り、書いてあることが読めるようになり、今後、JavaScriptについて自分で調べていく力を身につけられるようにすることを目的にしています。 JavaScriptの学習は、初めてプログラム言語を学習する方にとって、やはりそれなりの学習と時間が必要になりますが、前提となる知識として、特にHTML/CSSでのタグ、属性、プロパティ、セレクタ、マークアップ等の理解が最低限必要となります。HTML/CSSの理解に不安がある方は、「HTML/XHTML/CSSの基礎知識」のご受講後に、このトレーニングをご検討いただけますようお願いいたします。

このトレーニングでは、Webサイトのプロトタイプを作成しながら、Fireworksの基本的な使い方と、Dreamweaverとの連携機能を学習します。CS5にバージョンアップし、ピクセルパーフェクト描画と新しいAdobeテキストエンジン、複合シェイプツールの搭載により、より正確で効率的なデザインが行えるようになりました。Fireworksは、Webグラフィックスのデザインや製作現場で生じる特定のニーズに応えたプロ向けの画像編集ツールです。Illustratorで扱うドロー（ベクトル）と、Photoshopで扱うペイント（ビットマップ）の両方の機能を持ち、ベクトルデータの柔軟性を利用しながら、べベル、グロー、ドロップシャドウなどのビットマップに適用するようなエフェクトを使用して、すばやく、簡単にWebサイトで使用するボタン、アニメーション、プロトタイプを作成することができます。また、作成・編集工程を自動化することで、頻繁に行われる更新や変更に迅速に対応でき、かつ、Dreamweaverのトレーシングイメージ（下絵）として活用するなど、HTMLエディタやその他のグラフィックソフトともスムーズに統合され、最適な制作環境を構築することができます。

このトレーニングは、Photoshop、Fireworks、FLASH、Dreamweaver等を使って、簡単なWebサイトを作成しながら、Webサイト制作の流れと、Webサイト制作に使用する各アプリケーションの役割、必要な言語を理解するトレーニングです。Webサイト制作を始めたくても、どこから手をつけていいか、何から勉強すればいいかわからない、という方を対象に、Webサイト作成の全体のワークフローを学習します。このトレーニングで使用するソフトウェア以外でも、Webサイト制作の基本的な考え方は同じです。本トレーニングを通じて作業の流れを確認していただき、実際に制作に入る手がかりとしていただければ幸いです。

「PHP」という名前は聞いたことがあるけれども、まだ触ったことがない、あるいはまだ学習し始めのプログラマーやデザイナーの方々を対象としています。 PHPの基礎構文を学びながらプログラムの動き方や仕組みを知って、Webアプリケーション構築の下準備をしましょう。

一般的な基本コースでは、演算子や制御構文を学ぶところまでで終わってしまいますが、この基礎編では、一通り基本を学んだ後に、最後に簡単なアンケートフォームを作成します。アンケートフォームは動的なWebサイト構築の基礎となもので、実際にサンプルを作ることでより理解度を高めることができます。

Web標準に準拠した正しいHTML+CSSコーディングのあり方と具体的な手法について、Webディレクターが把握しておくべき基礎知識を習得します。今後普及するWebブラウザ事情も踏まえ、Web標準に準拠したHTML＋CSSコーディングの重要性と効果を理解し、実際HTMLとCSSのどのような特徴を押さえて制作を進めていく必要があるのか、制作時のディレクションにおいて基盤となる知識を習得します。

PHPにはWeb開発に便利な関数が豊富に用意されており、簡単な掲示板や申込フォームであれば割と簡単に作成することができます。しかし、言語自体にオブジェクトの機能が本格的に導入されたのが最近であるため、オブジェクトの仕組みを使って効率的にプログラミングする方法がまだ普及しきっていない状態です。

この講座では、今までバラバラの関数と変数で管理していた機能群をオブジェクトにまとめたり、フレームワークを利用するうえで最低限知っておきたいオブジェクトの仕組みに対する知識を身に付けていきます。

このトレーニングは、InDesignの基本操作ができる方を対象にした、ePubコンテンツの作り方と、できあがったコンテンツを配信するまでの一連の流れを学習するトレーニングです。
iPhoneやiPadで閲覧する電子書籍用のデータをInDesignから作るには、従来のデータの作り方以外に押さえておくポイントがいくつかあります。また、InDesignから書き出した電子書籍用のepubファイルは、XHTML＋CSSファイルで構成されている圧縮ファイルで、きちんと閲覧できるデータに仕上げるには、書き出した圧縮ファイルを解凍する方法、XHTML＋CSSのソースコードの理解と修正方法、再圧縮までの一連のプロセスの理解が必要になります。このトレーニングでは、InDesignで作成したデータをepubで書き出し、ファイルを分解して再編集した後に、検品（ソースの校正）、配布まで、一連の流れとプロセスを学習していきます。なお、iTuneStoreで販売方法についてもご説明します。
皆さんの頭の中に描いている、いろいろな創作物、物語、ノウハウ、HowToを、画像や動画コンテンツとともに、電子書籍にして、配信してみませんか？

なお、InDesignの基本操作を学習される方は、「InDesignCS5の使い方・基本トレーニング」、HTML・XHTML・CSSの基礎知識を学習される方は、「HTML・XHTML・CSSの基礎知識」をご確認ください。

大規模なサイト構築・運用の現場では、一つのミスが命取りになりかねません。裏を返すと、そこにはより高度なサイト構築・運用ノウハウが蓄積されているとも言えます。
当講座では「大は小を兼ねる」との観点から、大規模サイトの構築・運用にあたって標準的に持つべき視点や実際の取り組み方を、提案に始まり、設計・実装・運用マネジメントの各段階に分けて解説します。サイトの目的・ターゲットを踏まえ、いかに戦略を現実の仕組みとしてWebサイトに落とし込むか、そのためにどのような構築・運用プロセスをもつのか、各段階での途中成果物・ドキュメント、関係者間のコミュニケーション、運用フェーズを見据えた仕込み作業のポイントなど、実際のサンプルをひも解きながら学習していきます。

すでに「書く技術」の基本を備えている方を対象にした、“Web媒体に特化した”ライティング技術を習得するための講座です。「Webページに掲載する文章をいかに構成し、いかに記述・表現するか」は、そのサイトの目的達成に多大な影響を及ぼします。検索エンジンの動向も数年前とは大きく変化しており、古いSEO対策手法を講じていては、効果が出ないばかりか裏目に出るおそれもあります。
当講座では基本的な「書く技術」や「Webの媒体特性」を冒頭で確認し、「Webならではの効果が上がるライティング技術」を掘り下げていきます。検索エンジンの最新事情、キーワード戦略、SEOの要件と具体的手法を押さえ、今の時代にあったライティングスキルを習得。
また、目的別、ターゲット別、コンテンツ種別等でさまざまな演習に取り組み、受講者の発表と講師のフィードバックに比重をおくため、唯一の解がないライティング表現において多様な実践ノウハウを持ち帰ることができます。

刻々と状況が変わってゆくWebの世界で、迅速かつ安定的にサイトを構築・カスタマイズしていくための手段の一つとして、フレームワークの採用という選択肢が考えられます。

本講座では、CakePHPフレームワークという比較的導入コストが低く、かつ最も普及しているソフトウェアを学習の題材として取り上げます。
CakePHPを使い最終的にブログシステムを作成することを目標として、ハンズオン形式で実際にプログラムを書きながらフレームワーク開発の基本を学ぶことができます。

このトレーニングは、初めてDreamweaverの使い方を覚えるための基本トレーニングです。前バージョンから比べてより簡単になったサイト定義、拡張されたCSSスターターレイアウトで、Webの経験に不慣れな方でも適切な構造でデザインを組むことが可能になりました。このトレーニングでは、PhotoshopやFlashで作成したデータを使って、Webサイトを作成する一連のプロセスを習得します。Webサイト作成の手順と準備を理解し、CSSルールからdivタグ、AI・PS・FLムービーの挿入、リンクの設定、アクセシビリティ、テーブルの基本、フォーム、各種書式の設定、スタイルシート、ロールオーバー、アップロードと、一通りWebサイト作成に必要な手順と機能をご紹介いたします。このトレーニングでは、これからCS4を使う方も対象にしています。これからCS4を使う方もふるってご参加ください。

この講習では、FLASHを使って、サウンドとムービーを合わせたアニメーションを作成します。シェイプ作成の基本から、描画オブジェクト、プリミティブオブジェクト、キーフレームアニメーションとトゥイーンアニメーション、インバースキネマティック、マスク、フィルタ、3Dアニメーションの作成と、AI・PSとの連携、強化されたテキストエンジンによって実現可能となったリッチタイポグラフィ、サウンド・ムービーの取り込みを行い、Webで使用するためのパブリッシュおよびムービーへの書き出しまで行います。サウンドは、普段使用している音楽CDからサウンドを取り込み、MP3に変換してFLASHで活用します。ムービーも、普段使っているデジタルカメラから取り込んだムービーをFLVに変換して使用する方法をご紹介します。

"この講習は、主に、Webサイトにアップする画像の作成と、既存画像の編集加工を中心としたAdobe Photoshop CS5 EXTENDEDのトレーニングです。バナー、ボタン、タイトル、Web上で使用するテキスト、パターンや地紋などの作成と、商品画像の編集加工と合成、色調補正など、Webにアップして使用することを目的としたトレーニングです。 このトレーニングでは、Adobe Photoshop CS5 EXTENDEDを使用しますが、CS4やCS3など、過去のバージョンでもオペレーション可能なカリキュラムになっておりますので、CS4やCS3を使用する方もふるってご参加ください。"

「ペルソナ」という言葉、サイト設計における時代のキーワードのように見聞きして気になってはいるものの、実務に持ち込んで活用するまでには至っていない。そんな方に向け、『ペルソナ作って、それからどうするの？』の著者、棚橋弘季氏がその意義や活用方法を解説。「ペルソナ」を導入する価値や具体的手法はもとより、その土台をなす“ユーザー中心”の考え方や設計プロセス、「ペルソナ作って、それからどうするか」までを直接指南。ワークショップを通じて、実務における実際の“頭”と“手”の動かし方を学習します。

「PHPの基本はわかったし、簡単なアンケートフォームや掲示板は作れるようになったけど、もっと華のあるサイトが創りたい！」 そんな意欲的な方にお勧めなのが実践Web API講座になります。

本講座では、PHPからWebAPIを利用する方法や代表的なウェブサイトのWebAPI仕様について学び、最終的に複数のサービスを組み合わせたアプリケーションの作成を行います。

Web APIについて学ぶことで、GoogleやAmazon、Twitter等の有名なサイトの機能や情報を、ご自分のサイトあるいは運営するサイトのコンテンツの一部として活用、コンテンツの充実、集客アップやに繋げていくことを目的としています。

この講座は、皆さんの身近にある、「ブログ」を取り上げて、授業を進めていきます。ブログには、「ログイン(セッション)→データの入力→データベースへの登録→データの反映」という、Webアプリケーションを実務レベルで構築する上で、必要な知識が凝縮されています。ブログを通して、データベースと連動したアプリケーション構築、オブジェクト指向の基本概念、セッション、Smarty、必要なセキュリティ対策など、PHPアプリケーション構築の、「核」となる部分を学んでいきます。

ブログのシステム構築までこなす事ができれば、後は、どのようなシステムに対しても、この「核」となる部分を、必要に応じてカスタマイズしていくだけです。

PHPは他言語と比べても、決してセキュリティに弱い言語ではありません。しかし、それでもセキュリティ問題が生まれるのは、PHPはしっかりとしたスクリプトでなくてもアプリケーションが動作してしまい、ずさんな構造のサイトが多く出てきているからです。このような問題が脆弱性など、セキュリティ問題に直結します。

世界中の人々に対して公開するWebシステムは、動作するだけでは不十分であり、セキュアなプログラミングが求められます。一度でもセキュリティ問題が起こってしまうと、顧客との信頼関係が、脆くも崩れ去ります。そのようなリスクを極力軽減するために、実務でWebシステムを構築する為のセキュリティへの考え方や、セキュアな構造、コーディング手法などを学びます。

Webデザインを行う場合、Adobe Dreamweaverなどのビジュアルエディタを使用し、直接HTMLを記述しないことも増えてきていますが、実際の現場ではHTMLを直接記述して修正することが多いのが現状です。アプリケーションの使い方と並行して、HTML等のコードの知識は必要になります。この講習では、最低限、HTML・XHTML・CSSが読めるようになり、自分で調べられる力を身につけることを目的としたトレーニングです。

「マーケティング」と「Webマーケティング」は別物。しかしながら、過去「マーケティング」を学ぼうとして、アフィリエイト、ブログ活用、バナー広告、SEO、アクセス解析に代表されるWebマーケティングの知識習得に終始してしまった方は少なくないのではないでしょうか。
　「企業のマーケティング活動の一環として、Webをいかに活用しうるか」という俯瞰的視点に立ってWebサイトを生み育てていく上では、「Web」が冠されない「マーケティング」そのものの基礎知識と実践スキルが欠かせません。
　当講座では、マーケティングの基礎知識や考え方を解説。さらに実例紹介や段階的な演習を通じ、Webサイト構築・運用の現場で実践するための頭の動かし方、企画書・提案への落とし込み方を体験的に学びます。企画書作成、提案力を身につけたい方にオススメの講座です。

Webサイト構築・運営の現場では、「IA(Information Architecture)」「情報アーキテクチャ」という言葉に関心が高まっています。しかし、実際何をどう考え、どうアウトプットすることが情報アーキテクチャ上の理論に適っていることなのか、それがサイト自体や業務プロセスの改善・向上にいかに貢献しうるのか、“現場での活用”という意味では今一歩踏み出しきれていないのが現状ではないでしょうか。当講座では、Webサイト構築・運用の観点から「情報アーキテクチャ」の概念・アプローチ方法を確認した上で、各種トレーニング課題を通じてIAの頭の動かし方、アウトプット方法を実践学習します。個々のアウトプットに対し講師がフィードバックを行い、知識習得のみならずIAのスキル習得を目的とした講座です。

フルCSSのサイト制作って、それなりに理解しているつもりだし、実際に作ってみたこともあるけど、実際の制作現場で求められる実装スキルを十分身につけられているか？と問われると、大いに不安あり。そんな方に向け、『Web標準の教科書』の益子貴寛氏が実務家のためのCSSテクニックを余すことなく伝授します。現在定番のレイアウトパターンからCSSハック、お役立ちTIPSまで、CSSの実践ノウハウを習得できます。

デザイン理論についてきちんと学んだ経験がなくなんとなくやってきてしまった、うまく説明ができずクライアントの好き嫌いに翻弄されることもしばしば…という方に最適な講座。「画面構成」「テキスト」「グラフィック」「配色」の4軸からデザインの基礎を理解した上で、実務を想定した大小のエクササイズを通して制作実務での活用方法とクリエイティブディレクションの勘所を学びます。

本講座では、仕様が安定しており表現力の豊かな第3世代携帯に限定して学習を進めることで、簡潔かつ最短で、XHTMLの活用を始めとした携帯開発の基本を学習することができます。
絵文字(3キャリア対応)対応のサイトを作成し、手を動かしながら、より効率的な携帯サイトの開発法を習得していきます。