ウェブDeBLOG|トライデントコンピュータ専門学校 Webデザイン学科

トライデントコンピュータ専門学校 Webデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅からユニモール地下街を歩いて3分です。 

2014.09.23 [火] 前期「Webサイト制作」発表会を開催します。

最終更新:2014.09.24学校生活授業
20141010Pre.gif

今年度前期授業の「Webサイト制作」の作品完成にともない、制作発表会を開催する予定です。
「Webサイト制作」授業では、Webディレクター志望の学生を中心にグループに分かれて、実際の企業・団体さまをクライアントとして企画・制作・実装・公開まで行う授業です。
6月に企画発表会を行い、やっと公開間近となりましたので、クライアント様をお招きして制作発表会を行います。さらに現役のクリエイターである非常勤講師の方々や、6月にお越しいただいた企業様にもお声を掛け、さら広くご覧いただけたらと考えています。

トライデントのWebデザイン学科の学生の制作発表会、専門学校生のWeb制作にご興味あり、参加希望の方は、Webデザイン学科講師にご連絡いただくか、下記フォームよりお申し込みください。

ただいま、絶賛制作中!
20140924_001.jpg 20140924_002.jpg

20140924_003.jpg 20140924_004.jpg

■クライアント企業・団体
  • 株式会社アイテムカンパニー 様
  • かっぱ商店街(笈瀬本通商店街) 様
  • 紅茶専門店 TEAS Liyn-an 様
  • ネイルサロンmaua 様


2014.09.22 [月] WCAN 2014 Autumnに参加してきました。

最終更新:2014.09.23セミナー・イベント
近ごろ朝晩が涼しくなって、秋の訪れを感じます。今年も秋のWCANは、3つの部屋で分かれて行われる3×4セッションタイプで、聴講者がそれぞれ選択して参加します。1年生も2回目の参加になりますので、そろそろ話している内容がわかるようになる時期ではないでしょうか。

wcan2014A.jpg

今回は、たまたま4セッション、全てがBルームでした。ルーム移動もなくゆったりとメモが取れましたので、ブログにまとめておきます。

wcan2014A001.jpg

セッション1

ボクらは誰でもセカイと未来を変えられる 〜+1スキルのご提案〜

デザイン工房ハラペコ 西岡 克真さん
WEBで培った技術はもはやそれだけにとどまらず、色んな要素と絡み合い世界にインパクトを与えられるスキルになりつつあります。 VRやプロジェクションマッピング等、最近トレンドのテクノロジーをおさらいしつつ、エンタメ系だけでなく、実用的な活用方法について世界の実例を交えてご紹介。
このセッションを通して、何かはじめたくなってもらえれば幸いです。
トライデントコンピュータ専門学校でも講師をお願いしている、西岡さんのセッションです。もともとFlashを利用したコンテンツ制作を中心に仕事されてきましたが、最近は新しい技術・表現分野にどんどん挑戦されていて、今年、名古屋駅近くの柳橋市場内にフィーバー柳橋をオープンされました。

wcan2014A002.jpg wcan2014A003.jpg

フィーバー柳橋を中心にして、“わくわく”を発信している西岡さんから、いま持っているWebのスキルを使って「始めちゃおう」「作っちゃおう」と具体的な事例とともに紹介されました。
会議のプレゼンにしか使わないプロジェクター(確かに)があるのであれば、使わないのはもったいない。何でもいい!何かを写してみればいい。何かに何かを。という事で、Tシャツに画像を投影するだけも、何かのヒントになるかも。
また、東京ゲームショウでも話題になっている“VRヘッドマウントディスプレイ”これらのデバイスなどを使った試作も早くから進められていて、実験的な場の創出(フィーバー柳橋、イベントなど)もされていて、これからもどんどん“わくわく”が見られそうです。

セッション2

Web制作を好きになる指導法 ー生徒と学ぶ3年間ー

名古屋市立工芸高等学校 加藤 ひとみさん
現在高校でWeb制作の指導をしています。将来はWeb業界で活躍する生徒を育てることを目標に取り組んでいます。
3年間継続して学習していく中で、Web制作の競技会や全国大会などにも挑戦しています。
Web制作を好きになり、継続して制作していくために、どんなことをさせているのか、これまで悩み考えながら生徒と一緒に学んできたことを紹介します。
競技大会で、いつもお世話になっている名古屋市工芸高校の加藤先生の話。学生時代から情報科の教師になられた経緯、競技大会に本気になったきっかけ、生徒への指導法など勉強になりました。

wcan2014A004.jpg wcan2014A005.jpg

指導①
ウェブ配色の本を読んで、色が持つ印象に興味をもつ
ウェブサイトのトップページのキャプチャ100枚
その中からワイヤーフレーム30個
与えられたテーマに沿ったモックアップ10個
(花屋・学校・病院など)
1サイトにキャッチコピー10個
ロゴマークのデザイン案

指導②
Flash、Illustrator、Photoshopなどのツール使用法

指導③
一緒にサイト制作をしてみる。
例題を用いてサイトの制作。
その都度タグの説明をして、ノートに書く。
ノートの重要性(WEBノート)

指導④
ひとりでサイトを制作してみる。
→テーマを与えてサイトを制作する。
→モックアップを提出し、制作スタート。
わからないことは自分で調べる。
自分で解決する。

指導⑤
作品のプレゼンテーション
仲間と共有
→ダメ出しをもらって、技術を向上させる
→必ず自分のサイトを振り返る
まずは、意見を受け入れる。
→素直がいちばん

指導⑥
同じ課題で全く別のデザインでサイトを制作する
1つのデザインに偏らず、いろんな考えを養うため
先輩とペアになり、わからないところを教えてもらう

授業外の活動で、とても体系的に指導されています。結果がでているという事は、ウェブを好きになる部分と厳しく課題をクリアさせる部分のバランスが良いのだと感じました。

セッション3

ウェブデザインにおける動きの演出のついて

有限会社アップルップル 山田 拓生さん
ウェブデザインにおける動きの演出は今後ますます求められてくると思います。しかしながら、どのように動きをつけたらいいのかなど手探りな場面も多いと思います。現在ウェブサイトで使われている動きの演出をリサーチ・分析し、参加者の方と動きの演出について情報を共有できればと思います。
課題として「CSS、JSで動きの実装が求められるチーム内でのイメージの共有」をどうしたらゴール「ユーザーが楽しく使い続けてくれる動きのあるサイトが作れるようになる。」へ持ってこれるのか。考え方のポイントと実例を交えてのお話しでした。

wcan2014A006.jpg wcan2014A007.jpg

POINT1 UIアニメーション
演出のストックを増やそう。自然界の動きを理解しよう。

POINT2 インタラクション
フィードバックはルールを理解してもらうため。
動きをつけると促せるが、使いすぎるとストレスに。

POINT3 伝え方とテスト
早めにアウトプットして短いスパンでテスト。
時間をかけないようにツールを上手に使う。

以前からFlashでインタラクティブな動きを制作されていた山田さんの話は、とても楽しく勉強になりました。

セッション4

ニュースから読み取るこれからのデザイン

株式会社アクアリング 青山 敬司さん
デザインは問題解決のための手法であり、それはつまり今後の問題を読み取って行くことで先手が打っていけるということに他なりません。
今後、大きな社会問題(現象)となる「人口・労働力の減少」「市場の縮小」に対してWebや広告のあり方と、そこに関わるデザイナーがどう向き合い、どう仕事に関わっていくのか。 昨今の社会事情、ニュースをマーケターではなく、デザイナー視点で捉え、これからのデザインについて話しをします。
日頃から最新のトレンドや新しい技術などをインプットしているデザイナーの方も多いはず。でもあまりニュースを読んでいるデザイナーは少ないかも。流行の表現を仕事に取り入れる事も重要ですが、現在のニュースとそこから読み取れる今後の予想など、デザイナー視点での話でした。

wcan2014A009.jpg wcan2014A008.jpg

2050年、日本は超高齢化が進んでいきます。高齢者にとって便利な使いやすいデザインを今から模索していく必要がある。世界の主要な国に比べても20年ほど高齢化が進んでいる日本、逆に言うとそれだけ早めに色々なノウハウが蓄積されるということです。Webアクセシビリティの重要性は増していく。
成熟した社会になって、もう爆発的な市場の上昇はあり得ませんが、海外からの観光などに対してのホスピタリティの充実を図る。
■ホスピタリティの例
写真のアングル
 →キレイに撮りがち。
 →わかりやすく。
写真を多く。
 →指さしができるように。
ブックマークをしやすく。
 →Ajaxが全盛期で1ページの容量が大きくなっている。
 →回線が細いので。
 →CMSで入れば楽かも。

外国人が日本に来て不満な事で上位に上がってくる「英語表記が少ない」など、まだまだデザインで満足度をあげられる部分は、たくさんあるでしょう。円高や消費税、国際情勢などニュースを知っておく事で、アイデアの源泉、引き出しが増えます。学生も何がきっかけでも構わないので、ぜひニュースをチェックして欲しいですね。ちなみに年代別人口の表がでてくると、いつも気になる1966年(今年48歳)の出生数が極端に少ないのは、丙午(ひのえうま)だったからですね。次は2026年ですが、あと12年、さすがにその時はどうなんでしょうか。

ということで、あっという間の4セッションでした。毎回、秋は講演者はもちろんですが、参加者個人専用のスケジュールとアンケートセットを受付でもらえたり、各ルームの司会など運営のみなさんの準備が大変だと思うのです。本当にありがとうございます!

2014.09.08 [月] 学生に薦めているWebデザインギャラリー

Webデザインの勉強には、良いサイトをたくさん観るということが重要です。学生用にWebデザインギャラリーのリンクを書き溜めていたのですが、改めて確認すると閉鎖されているサイトもいくつかありましたので、整理して公開しようと思います。
有名なところは網羅してあると思いますが「ココが無いぞ!」ということであれば、教えてください。

【国内】

MUUUUU.ORG

http://muuuuu.org/
MUUUUUORG_2014.jpg

ズロック

http://www.zzrock.net/
zurock_2014.jpg

4dd

http://4db.cc/
4db_2014.jpg

S5-Style

http://bm.s5-style.com/
S5Style2014.jpg

81-web.com

http://81-web.com
81webcom_2014.jpg

straightline bookmark

http://bm.straightline.jp/
straightline bookmark_2014

AnotherBookmark™

http://www.anotherbookmark.com/
AnotherBookmark™_2014

I/O 3000

http://io3000.com
I O 3000 _2014

現代デザイン

http://gendaidesign.com/ gndaiDesign_2014.jpg

Web Design Clip

http://www.webdesignclip.com
Web Design Clip_2014

デザイケ -Design Iketeru-

http://design-iketeru.azu-mi.com/
Design Iketeru_2014

Semitransparent Design™

http://www.semitransparentdesign.com/
Semitransparent Design™_2014

bookma! v3

http://bookma.org/
bookma_v3_2014.jpg

iPhone Design box

http://design.web-hon.com/
iPhoneDesignBOx_2014.jpg

.SG_BOOKMARK

http://bookmark.dot-sg.com/
SG_BOOKMARK_2014.jpg

Responsive Web Design JP

http://responsive-jp.com/
Responsive Web Design JP_2014

Japan Web Design Gallery

http://japan.2-wg.com/
JapanWebDesignGallery.jpg

webukuro

http://webukuro.net/
webukuro_2014.jpg

Webデザインクリップ

http://webdesignmatome.com
WEBDesignClip_2014.jpg

WHO DID IT?

http://whodidit.jp/
WHO DID IT_2014

『いま,見ておきたいウェブサイト』

http://gihyo.jp/design/serial/01/website-pickup
gihyojp _2014

Good Design Web

http://gooddesignweb.com/
GoodDesignWeb.jpg

BANNER LINKS

http://nonamedesign.info/banner/
20150526_001.jpg

【海外】

Admire The Web

http://www.admiretheweb.com/
Admire The Web_2014

siteInspire

http://www.siteinspire.com/websites
All Websites_2014

Awwwards

http://www.awwwards.com
Awwwards_2014s.jpg

TheFWA

http://www.thefwa.com
FWA_2014.jpg

Best Web Gallery

http://bestwebgallery.com
Best Web Gallery_2014

Best Website Gallery

http://bestwebsite.gallery/
Best Website Gallery_2014

CSS Design Yorkshire - Gallery of CSS Websites

http://css-design-yorkshire.com/
CSS Design Yorkshire_2014

cssmania

http://www.cssmania.com/
CSSMania_2014.jpg

Design Licks

http://www.designlicks.com
Design Licks_2014

Flat UI

http://flatui.com/
Flat UI_2014

Flatdsgn

http://flatdsgn.com/
FlatDSGN_2014.jpg

httpster.net

http://httpster.net/
httpsternet_2014.jpg

Land-book

http://land-book.com/
Land book_2014

One Page Love

http://onepagelove.com/
One Page Love_2014

siiimple

http://www.siiimple.com
siiimple _2014

Media Queries

http://mediaqueri.es/
2015MediaQueries.jpg

Unmatched Style | Gallery

http://unmatchedstyle.com
Unmatched Style_2014

We Love WP

http://welovewp.com/
WordPress Gallery_2014

CSS Design Awards

http://www.cssdesignawards.com/ cssAword.jpg

LAPA - Landing Pages Collection

http://lapa.ninja/
LAPA2015.jpg

2014.09.02 [火] 特別授業「CSS3 Animation」

最終更新:2018.10.18Webサイト制作Tips

夏休みも残りわずかとなり、暑さもずいぶんと和らいできました。そんな中、特別授業ということで初心者向けにCSS3のAnimationの授業を行いました。
初心者向けといいながら、かなりイレギュラーな部分を題材にしたのですが、資料としていろいろとまとめましたので、書いておこうと思います。

AOspecial-01.jpg

まずは、HTML, CSS, JavaScriptの役割と、HTMLの書き方とCSSとの関係を理解してもらいます。
ここ1年ぐらい、高校生や初心者向けの講座では、CodePenを利用しています。
アプリケーションの使い方やファイルの設定など、コーディングすること以外の準備が必要なくjQueryなどライブラリの読み込みも簡単に設定ができ、コードを書き換えると自動でリロードもしてくれます。今回も最初からCodePenで書いていきます。

Green

Blue

Red

CSSでは、HTMLのタグとセレクタの関係、クラスで個別に設定ができるという事を説明します。
p{
  font-size: 50px;
  font-weignt: bold;
}
.green {
  color: green;
}
.blue......

書き込むとすぐに、文字の大きさが変わったり、各単語に色が塗り分けられたりと、関係性がわかりやすいと思います。
さて、ここからHTMLの文字にCSSでアニメーションをつけていきます。 あまり調べてなかったのですが、CSS3のアニメーションでは、意外と設定次第でいろいろな事ができるようです。
参考:Animate.css Just-add-water CSS animations

CSSアニメーション

比較的簡単な、「Slide Up」「Slide Down」「Fade In」「Bounce」を作りながら各プロパティと動きの説明し、プロジェクターで投影しながら一緒にコーディングして動かしていきます。最終的には、テキストを画像に換えて、ボタンで動くようにしました。

See the Pen oJkjK by tridentwebdesign (@tridentwebdesign) on CodePen.

キャラクターはFirefoxのマスコットキャラクター「フォクすけ」を利用させてもらいました。
今回は「Bounce(バウンド)」で説明します。 最初に、HTMLを書きます。classも設定しておきます。

Bounce
そしてCSSは、アニメーションの設定をします。
.bounce{
     visibility: visible;
     animation-name: bounce;
     -webkit-animation-name: bounce;	
     animation-duration: 1.6s;	
     -webkit-animation-duration: 1.6s;
     animation-timing-function: ease;	
     -webkit-animation-timing-function: ease;	
     transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;	
}

要素(テキスト)が動きますので、動いた場所に他の要素が入ってこないようにvisivility : visibleを設定します。次に

  • アニメーションの名前 animation-name
  • アニメーション一回の時間 animation-duration
  • アニメーションのタイミング・進行の動き animation-timing-function
  • 要素の基準点 transform-origin
を設定します。

animation-name 設定するアニメーションに名前を付けましょう。今回はそのまま“bounce”と言う名前にします。 animation-duration 要素にキーフレームアニメーションを適用する場合の、 アニメーション一回分の時間の長さを指定します。初期値は0(=動かない)で、マイナスの値を入れても0と認識されますので必ず設定します。単位はs(=秒)となります。今回は、“1.6s”といれます。

animation-timing-function

始点と終点間の変化の仕方を調整する事ができます。これを一般的には、イージングとよびアニメーション作成ソフトでは、ベジェ曲線で表されます。以下の図のような4つのコントロールポイント(P0、P1、P2、P3)で定義されます。
P0は始点、P3は終点なので固定となりますので、P1のX1,Y1、P2のX2,Y2を設定する事で、変化の仕方を変更する事ができます。細かい設定は、下記の記事に紹介されているジェネレーターを利用すると便利です。

AOspecial-02.jpg

参考:【便利】timing-functionのシミュレーター|しばさんのおはなし

一般的な変化の仕方については、下記の値が準備されています。

説  明
easecubic-bezier(0.25, 0.1, 0.25, 1) に等しい関数です。
linearcubic-bezier(0, 0, 1, 1) に等しい関数です。
ease-incubic-bezier(0.42, 0, 1, 1) に等しい関数です。
ease-outcubic-bezier(0, 0, 0.58, 1) に等しい関数です。
ease-in-outcubic-bezier(0.42, 0, 0.58, 1) に等しい関数です。
step-startsteps(1, start) に等しい関数です。
step-endsteps(1, end) に等しい関数です。
steps(数値, [,start | end ] )2つのパラメータでステップ関数を指定します。
cubic-bezier(数値, 数値, 数値, 数値)3次ベジェ曲線(cubic-bezier)を指定します。
数値は曲線パラメータ2点の座標で (x1, y1, x2, y2) です。

transform-origin

要素の変形の原点を指定します。指定の方法は、変形前の要素の左上位置(0,0)から右下方向への距離をパーセント(X%, Y%)、距離(X, Y)、もしくはキーワード(水平方向〔left・center・right〕垂直方向〔top・center・bottom〕)で指定します。
中心の下を動かして上に延びるようにしたかったので(50%, 100%)に設定しました。
続けて、animation-name: bounceのキーフレームを設定します。キーフレームとは時間上のあるポイントをマークしたもので、そのポイントでの空間上の位置や、不透明度、オーディオボリュームなどの値を指定します。CSSでは、パーセントで定義します。

AOspecial-03.jpg
@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

transform:translate() で、移動する方向(XorY)と距離を設定します。
transform:scale() で要素の拡大する方向(XorY)と割合を設定します。バウンドするアニメーションになりますので、縮んでから伸びて着地でまた、縮むように要素の大きさや移動を調整します。こちらも@keyframesのジェネレーターなんかもありますので、複雑な動きなどはこちらで確認するといいでしょう。
ベンダープレフィックスを入れる事で、一部対応のブラウザでも表示する事ができます。

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}

bounceの文字を画像に変えて、簡単なJavaScriptでクリックイベントにして終了です。

さて、今回、アニメーションの設定をしてると気になった事が、CSSの小数点は何桁まで認識されるのでしょうか? とGoogle先生に聞いてみたら、しっかりと調べられている方がいらっしゃいました。
CSS の小数点以下の数値を各ブラウザはどのように解釈するか | Unformed Building

かなり細かい設定まで可能のようです。
ということは、その気になれば超大作アニメーションも。。。

検索フォーム
#NoHeartNoSNS

ハートがなけりゃSNSじゃない!

プロフィール

担当:Webデザイン学科

名古屋駅から歩いて6分、トライデントコンピュータ専門学校のWebデザイン学科を紹介します。

トライデントロゴ

質問などはLINEでどうぞ。

Instagram
Webデザイン学科実績
〈プレゼン〉
WCAN 2016 Springに参加してきました。
WCAN 2015 Winterに参加しました。
建設業入職者増加プロジェクトの発表会に参加
WCAN 2015 Summerに参加してきました。
WCAN 2013 Winterに参加
WCAN(秋)に参加しました。
無事、発表が終わりました【WordFes Nagoya 2013】
WCAN 2013 Summerに参加してきました。
WCAN 2011 Winter LT&LOGO
学生がライトニングトークで話しました。
〈進級展〉
2020年度 1年生進級制作展(オンライン)終了しました。
2019年度 1年生進級制作展終了しました。
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
〈コンテスト〉
第4回専門学校HTML5作品アワード入賞2つ!
信州未来アプリコンテスト0 [ゼロ] 2020 NTTドコモ長野支店賞受賞!
第3回専門学校HTML5作品アワード入賞!
信州未来アプリコンテスト0 [ゼロ] 2019 KDDI賞受賞!
第5回 ソレコン☆ポスコン特別賞受賞
「第1回 専門学校 HTML5作品アワード」技術賞を受賞しました!
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
〈Webサイト制作〉
ニシヤマナガヤ内「未完美術館」Webサイト公開
ミス・ユニバース・ジャパン岐阜大会公式Webサイトを作成しました。
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
〈技能五輪全国大会〉
第56回技能五輪全国大会(ウェブデザイン職種)敢闘賞受賞!
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
〈若年者ものづくり競技大会〉
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種若年者ものづくり競技大会Webサイトウェブデザインポートフォリオ名古屋映画ECCコンピュータ専門学校2013学生ブログWebデザインJavaScriptWinter20091年生進級展Webサイト制作WordPress技能五輪全国大会2011卒展卒業制作展アクアリングオープンキャンパスCSSかっぱ商店街礒田優入学式Wordpressa-blogNagoyaWebcms矢野りん合同企業展ライトニングトーク2014石黒雄介アクセス解析Summerウェブデザイン技能競技大会体験入学CGイラスト学科AutumnWeb制作会社面白法人カヤック若年者ものづくり大会卒業制作瀬川大勝テンプレート作成夏休み夏季閉館日閉館日ホームページ・ビルダーHCDプレゼンテーション大阪2010第48回技能五輪全国大会inminiAdobeココストアJapan就職活動jQueryFlashHTML5ウェブデザイン技能競技会html52015杉本拓也佐藤歩2012フォトアルバム田中睦翔学生インタビューGIO東京研修モリサワ名古屋駅あいちカレーラーメンコンテストIIJ企業訪問Springアンティー・ファクトリープロジェクトセントレアBananaAd愛知県NEXTラーメン上村水月99eagleマールCSS3ウェブデザイン技能検定ブログパーツCOMMUNICATION学生情報デザインフォーラム情報デザインWebワークショップGoogle人間中心設計トライデント祭りGridLayoutWebアプリ北濱大輔制作合宿display:grid2018専門学校2020株式会社スタメンエイチーム水野怜美グリッドレイアウトWebデザインギャラリーgifアニメ水野裕太CentOSYahoo!JapanUXサイバーエージェント成田篤紀Webクリエイター能力認定試験林田実樹Plugin堀尾真衣forメ~テレAnalytics卒業式ビジュアルエディタWEBサイト制作者のためのHCDの理解in名古屋トライデント名商連会社訪問中日ドラゴンズナゴヤドーム戸田芳裕知多みるくCSSNiteLikeBoxイラストマップ岩手県レイアウトウェブアクセシビリティWordFes作品集塚本碧真鍋大度コミュニケーションデザインワークショップ名古屋市科学館阿部淳也ポートフォリオサイトFICC静岡ゴールデンウィークカリキュラムDTPWORLD情報デザイン基礎Webリテラシーアサココ!ディプロス導入授業WordCampStoreApple2008たにぐちまこと鷹野雅弘茂森仙直グループ制作企業課題豊田市美術館F-siteウェブDeBLOGモンキーワークスワークショップカメラトライデント合同企業展写真結果発表iPhoneMarkup名古屋開府400年祭jbstyleCMS空気人形SEO笈瀬本通り産学協同ECMAScript学習進級展ES6ES20152017出張講座株式会社LIGドラマ初期設定謹賀新年サーティファイWebデザイナー沖縄Runstant久保怜也アプリコンテスト進級制作展YearNewZoomオンライン授業松井友奈5T(ファイヴティー)Happyあけましておめでとう鈴木優太信州アプリコンテスト[ゼロ]日本総合ビジネス専門学校松本渚新年冬休み熊谷佳紀桝田草一legend要素fieldset要素label要素愛知県選手団Adventtextarea要素input要素たこ焼きForum幕張メッセCalendar和みAWARD卒業研究制作展スマートフォンoption要素form要素particle飯田淳介まぼろしマークアップエンジニアアップルップルフロントエンドエンジニアoutput要素うぇーぶcanvasHTMLselect要素長屋めぐみNTTドコモ東海1年生作品展スマホアプリ中級編名古屋サイト改善研究会小林信次増田悟中部国際空港株式会社カメラワークブラザー工業株式会社株式会社アクアリングCODEポスターデザイン・コンペティションプチ・フレーズ三蔵みの治商店石井研二Twitter商店サイト制作Ultimate名チャリ愛知商業高校GA名駅経済新聞キルターズフェスティバル2011放課後のプレアデス笈瀬本通商店街名古屋市中村区FLAVER3.0SUBARUGAINAXキルト展グラフィクデザイン日本の四季中部国際空港FLV8341-3:2010Lazy大西健太田中稚妃呂横浜デジタルアーツLoadSlimbox2XJISウェブリテラシー協会GoogleAnalytics知多半島松坂屋美術館スタジオジブリ・レイアウト展愛知県立芸術大学プロ野球unoplus技能五輪予選ビジュアルデベロップメント伊藤頼子プロトコル分析WEBサイト制作者のためのHCDの理解ポートピア名古屋フナ犬ナゴヤ武将都市名古屋おもてなし武将隊武豊アニメーションフェスティバル道頓堀新世界ネスカフェゴールドブレンド大沢たかお求人YORKE.IAAndrioidITCIRCUS柴乃櫂人広島弁WEBサイト制作者のためのHCD(人間中心設計)の理解チタハン10CODE名古屋クリエイターフットサル笈瀬本通名古屋グランパスiPhone4シナリオ金シャチ商店街名古屋メディアボンドアクセシビリティサーバー商店街タロヲペルソナ1→10design細川太郎ポスターデザイン・コンペディション神戸国際展示場Facebookページベースキャンプ名古屋SHOWGAMESVGIllustratorJQuery第50回結果長野TOKYO東京ゲームショウ2012イマジンカップNHNStationFutureTeamBloosum第7回若年者ものづくり競技大会尾花大輔Bloom*Block張山大祐画像をチェックボタンにするbyinspiredRhizomatiks田代豊PerfumePARTYTAFFWebデザイン演習あいちトリエンナーレ2013そこにいない。展プレゼンThree.jsFacebookたこ焼きパーティWeb制作合宿MuseみんなのICT佐藤ねじ木下健太郎就職東京docomoドコモMagnum北岡弘至伊達千代DTPの勉強部屋JAPANWORLDCUP3みつけもの恵那市岩村プロジェクションマッピングバルサマンablogcmsKtaistyleCustomSmilies絵文字円JOY!mapぬいぐるみのラパン卒業制作・研究発表会2011トライデントカレッジUntitled!!!!!!!!英国王のスピーチ愛知淑徳大学ドラゴンゲートロゴマークメールマガジンOhanaゲーム大賞アマチュア部門静岡県ツインメッセ静岡2011年度迎春敢闘賞東京ゲームショウ神戸5月11日GoogleロゴGATEDRAGONマーサ・グレアムライアン・ウッドワード鈴木プラネタリウム卒業・修了制作展WCAN×CSSNiteTokyoCOMPLETECHILDRENADVENTLabuatUTZOOMGENOウィルスワークスコーポレーション「ヤノベケンジ-ウルトラ」展BlogVIIFANTASY第51回技能五輪全国大会西村真里子プレゼン演習ActionScript基礎広告批評TAFF'09FINALアートアニメーション武豊町セキュリティデコクレインターネットスキル認定普及協会ライブペイント黒い太陽ウルトラ展国家検定西田幸司旭食品サンプル製作所食品サンプルActionScriptヱヴァンゲリヲン新劇場版:破ヤノベケンジカスタマイズセミナーゲーム日本ファルコム□□□switch山村浩二音楽ファルコム音楽フリー宣言CALENDARUNIQLO荒俣宏HTML+CSS基礎造形基礎SagmeisterStefanW+KTokyo(+CRUZ)QubibiHelveticaデザインのへそSIGGRAPHXRAY2008WinterWebDirectionEast'08ArtlessNamTHEWEBウェブデザイン部門カンファレンスCONTEST01丹下紘希HPデザインデザインコンテストASIAVideopuppetry中村勇吾佐藤可士和SakaeNightTEXTUREサムライデッサンDesignCS4CollegeFLEXアンドリュー・ワイエスデザイン鳥取砂丘鳥取愛知県美術館PHPFLASHMAXデザイナーのためのプログラミング入門学科富岡聡イラストコンテストデュエル・マスターズ長谷川恭久スーパーエレメンツヨウイチ情報デザイン教育勉強会ペルソナ&シナリオ法浅野智おかだよういちペルソナ/シナリオ法山崎デザイン事務所コピーライティングCREAMごはんとFlashマークアップ演習マクロマリオネットFITCロゴ公募小野裕子#infoedu教育勉強会クリ博就職フェスタ3校合同発表会SalsaWasThereThenウェブリテラシー協会第一回セミナー夢プロジェクト2009・成果報告会福みつ餃子浜松IA2010キックオフセミナーAndNIKE会社見学鎌倉日本電子専門学校横浜デジタルアーツ専門学校森川眞行箱根合宿慶華飯店新横浜ラーメン博物館横浜中華街映画のオープニング閉会式アニメーションMozorama後期入賞escalatoranimationLPO第4回アックゼロヨン・アワードCG・イラストコンテストモーション演習ガンダムグラフィックデザインコマ撮りアニメ電信柱エレミの恋ウサビッチカナバングラフィックスソバットシアターCMS特集今井佳子アイディグラフィックス学生参加ギレン総帥UNIQLOCKHCDプロセスブランディングAutuminカラーdotFesKyotoゆるキャラFlash-GameswonderflストリートビューJAPANインターネットクリエイティブアワード東京ゲームショウ2009人喰いの大鷲トリコ是枝裕和監督ナゴヤデザインウィーク2009大富豪スコアシートPHP勉強会Yahoo!世界のCMフェスティバルITホワイトボックスWCAN46職業実践専門課程冨田伴成イークリエイト藤井英一JIHYE新城高校青山高校OculusVRカルタ東京ゲームショウ2018出前授業HEOホ・ジヘWorld)toWWW(Welcome友章北川パーヤンWebデザインスペシャルデー韓国脆弱性なんと読む?期末テストGO第56回株式会社サイバーエージェントあけおめ平成31年メーカー・ブランド牧野史門UIデザイン2020新卒線の群生Figmaツールコーヒー用品前川元成srcsetsourcepicture沖縄県第56回技能五輪全国大会EC事業NextDoor斉藤洸貴cyma堀川志維ProxyWCAN2017Springv4.0.1SyntaxHighlighter学校ターミナル鈴木雄太スタジオディテイルズ服部友厚佐藤洋介お母さんの二度見展マイクロソフト芸大料理Instagramインスタグラム美大NodeListWebプログラミング初級講座appendChild()HTMLCollection山川綾那株式会社エイチーム堀川友章安藤志維Contentsof関口浩之フォントおじさん安藤NCF2017ミス・ユニバース・ジャパン岐阜大会TableTOCノートPC貸与尾鷲高校衣台高校梅澤朝樹夏休みの課題スクラップブックAWARDS出身高校D3.js株式会社MTG企業見学中村享介海老江優太Frontend株式会社メイクリーニシヤマナガヤ未完美術館松本健太業界研究授業2022名古屋市名東区小林健人小林隼大rememパラサイト2020アカデミー賞vwvh福田将也信州未来アプリコンテスト後期集中授業神谷友理恵令和3年穂刈謙亮中島優美鈴木英心原田ゆいイロコトエンタメ特別企画『謎解き~7つの学科の謎を解け~』2021山本智香子杉山知央ノマドランド2021アカデミー賞ReDesigner田口和磨第4回専門学校HTML5作品アワード2021年Studentグッドパッチ東京電子専門学校神戸電子専門学校TypeScript企業賞第3回専門学校HTML5作品アワードソレコン☆ポスコン2019茜音髙橋コンテスト茂森落合祐介杉浦麻紀ライフスタイル仙直株式会社アンティー・ファクトリーPhotoshopCS6CBCTBSわたし、定時に帰ります。新入生オリエンテーションLIGSTUDIO祐司髙橋茜音信州アプリコンテストゼロ足立丈也、平子卓哉、増田隼也ICS池田泰延MILKメンバーズマイクロインタラクションフロントエンド株式会社COTSOriginalTshirt.st進級制作三瓶エペフェンシングmarkereatスポーツアナリティクス株式会社LIGHTz2019年令和2年classes醐りょう加藤ひとみ西岡克真AnimationAO山田拓生青山敬司ネイルサロンマウア授業アイチータ結団式特別授業青空学区丸高アロチ本家和歌山中華そば熊野三山丸田屋岩出本店名古屋市営地下鉄柏木祥太スパルタキャンプアイテムカンパニー紅茶専門店Liyn-anインターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りWF1でBLOG新入生HighlighterSyntaxCrayon2015年度NCF2014新年のご挨拶datalist要素keygen要素optgroup要素type属性button要素第52回技能五輪全国大会親孝行麺の匠オリエンタル大門坂那智の大滝モテ声ボーダーlist-itemdisplaylist-style-typeHTML5スマートアプリ&クリエイティブコンテストKDDIトライデント合同企業説明会10日でおぼえるLinuxサーバー入門教室最優秀賞ジョルテNTTドコモ東海支社NCF2013麺屋ココイチフジ家55さかなや晴れやか麺やOKカレーラーメン美術大学芸術大学高橋雅人F81教室GWD名古屋マークアップ勉強会tableテーブル宇野剛志マカベン熊野古道本州最南端串本八鬼山石原愛実ランチparseFloat()parseInt()Designergoogle備忘録栗山聡一中村健太道家陽介concrete5森田霞木村哲朗カークスヴィルIA/UXプラクティス平野秀幸坂本貴史沼田啓助河地芳明JSBinCodePenプログラムクイズAO入試制作実績津田直明Web制作のおしごと懇親会合宿合同制作WebディレクターWebプログラマー2016原一浩坂本邦夫JSFiddlePlunkerMonaca学生作品集ジムナストコロン日清食品グループ情報系学園祭いな世驛麺通り再進学タカガールサイト水曜日のカンパネラ駅麺通り涼麺jsdo.itCodeplyクイズIndependenceプラネタリアンResurgenceDay:合同制作合宿専門士3DCG東京コスモクリスマス熊﨑彩松田洋樹CGスペシャリスト岡田陽一FlexibleBoxFlexbox味仙第53回ワクワク建設タウンScrollmagic八木智章竹中民男夏麺フェアScrollMagicVelocity.js建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティDmm.comUXデザインワイヤーフレーム仕事UIバイドゥうぇ~~~~~~~ぶウェブアートデザイナー学位出席率レスポンシブWebデザイン平野健太郎ポートフォリオアイデア帳PlatformKaizenアクティビティシナリオ源賢司グロースハックグロースハッカー採用担当者の心に響く高校14嵐が如く

メールフォーム

名前:
メールアドレス:
件名:
本文:

東京コスモ
トライデントコンピュータ専門学校
教務課のびのび日記
オフィス川口
Pagetop