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

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

2020.11.20 [金] WCAN 2020 Frontend Special参加レポート

新型コロナウィルス拡大の影響で、年に4回開催されていたWCANもオンライン開催になりました。
前回のデザインスペシャルに続き、2回目のWCANスペシャル(フロントエンド)のオンライン開催に参加しました。
久しぶりに、セミナー参加レポートを書きたいと思います。

wcan2020_1114.jpg

今回は、Frontend Specialということで、HTML, CSS, JavaScriptを中心としたフロントエンドエンジニアという仕事(スキル)を俯瞰するようなセッションとなりました。
フロントエンド最前線というよりは、これから最前線に向かいたい人向けのセッションと感じました。

メインセッション1「フロントエンドエンジニアのロードマップと学習法」

ともすた合同会社 / 株式会社 H2O space たにぐち まことさん
代表取締役
ウェブの技術は進化を続け、「フロントエンドエンジニア」に求められる技術や知識も非常に幅広くなりました。フロントエンドエンジニアを目指す、仕事を続けるにはどんなロードマップを描けば良いのか。その学習法を紹介します。

YouTubeでは、ともすたチャンネルというWeb技術教育系の発信をされている、たにぐちさんのお話では、まさに現在のフロントエンド語られている技術を身につけるためのロードマップを基に、どんな知識や技術が必要なのが、ステップに沿っての解説でした。

wcan2020frontend_003.jpg

2019.12.24 [火] フェンシングのエペは、東京五輪金メダルを狙っている!!-Fencing Gold medal Challengeに参加してきた。

クリスマスイブです。名古屋駅周辺でもクリスマスソング♪が聞こえます。
講師のカワグチです。

先日、たまたま面白そうなセミナーを見つけて、参加してきました。

fencing2019-001.jpg

スポーツアナリティクス

スポーツの分野にデータ分析を取り入れて、体格などの差を補って世界と互角に渡り合っている競技の話をよく聞くようになりました。
バレーボールでは、試合中にタブレットを利用した戦術を行ったり、サッカーやバスケットボール、先日ワールドカップで盛り上がったラグビーなども、映像解析・データ分析を用いた練習や選手起用などが、テレビでも紹介されました。

このような、スポーツのデータ解析をする専門家を「スポーツアナリスト」と言い、日本スポーツアナリスト協会(JSAA)という団体もあります。
大きなカンファレンス「SAJ2020(スポーツアナリティクスジャパン2020)」が2020年2月1日(土)に開催されるそうです。

Webサイトの解析などは、Web制作にも欠かせない分野です。
スポーツ、それもフェンシングという個人競技の何を集計して、何を分析しているのかなどの話も聞けるということでしたので、興味津々です。
久しぶりのセミナー参加レポートになります。

株式会社LIGHTz

主催されていたのは、茨城県つくば市にある「株式会社LIGHTz」さんです。AI(人工知能)を開発している会社です。

fencing2019-002.jpg

すでに、バレーボールやサッカーではAIを活用した解析システムを開発されていて、クラブチームなどで実証実験を行っています。今後、AIがフェンシングにどのように活用されていくのか、社長の乙部さんが解説してくれました。

動素分析と動態解析

LIGHTzのスポーツアナリティクスでは、分析する対象によって動素分析(Motion Element Analytics)と動態解析(Motive Analytics)と呼んで区別しているそうです。
フェンシングでいうと、スコアや突かれた場所、構えや姿勢など目に見える情報が動素分析の対象となります。
動態解析の対象は、「相手の動きへの呼応」「移動距離/加速度」など試合の流れなど目に見えない情報です。感覚的な部分も多く、機械による測定と数値化による解析方法が研究されています。

動態解析とは、
選手の各動作、姿勢、その移行パターン等を時刻歴で可視化・分析、特徴づけすることで動素分析(Motion Element Analytics)だけでは見えてこなかった流れ(Behavior)を捉える手法
fencing2019-3.jpg

BrainModel®

これらの分析に加えて、動作が進行していく時に選手が何を視て、何を考え、どのような判断をしているのか「BrainModel®(ブレインモデル)」 という形式で、スペシャリストの考え方(頭脳!)を視覚化しています。

fencing2019_004.jpg

この【スペシャリストの思考をAI(人工知能化)】する技術は、すでにORGENIUS®というバレーボールやサッカーの分析AIシステムとして、製品化されており、これらのAI分析システムをフェンシングに取り入れるプロジェクトの広報・発展が今回の趣旨のようです。

2018.09.24 [月] WCAN 2018/09/15「Web ページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」に参加してきました。

2018年9月15日(土)に開催された、WCAN 2018/09/15「Web ページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」に参加してきました。講師のカワグチです。
さて、久しくセミナー参加レポートを記事にしていなかったのですが、今回は、トライデントコンピュータ専門学校のWebサイトの高速化についても、ワークショップで題材にしていただいたので、書いてみようと思います。

WCAN 2018/09/15「Web ページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」

"Web ページの表示や動作は速いほうが良い"
… どのように調査、そして改善をすればいいのか
速い Web ページを維持するために何ができるか
本セミナーではこのようなテーマについて講義とワークショップを通し、次の日から現場で活かすための足がかりとなる考え方とノウハウをお伝えします。

wcan20180915_002.jpg

講師は、株式会社サイバーエージェントの佐藤歩さん、@ahomuとしても、フロントエンドエンジニア界隈やアクセシビリティ関連で活動されています。
今は、名古屋中心で働いて、東京と行き来しているのですが、もともと名古屋出身でトライデントコンピュータ専門学校にも業界研究授業などでお越しいただいています。

Webサイトを制作する上で、表示スピードはとても重要です。
あまりにも遅いと、どんな魅力的なコンテンツでも、直帰どころか1ページも見られずに閉じられたりします。
逆にWebページが速ければコンテンツを見てくれる可能性が高くなります。
今回は、技術評論社から発刊されている「超速! Webページ速度改善ガイド ── 使いやすさは「速さ」から始まる 」から、速度改善の基礎のエッセンスをわかりやすく解説していただきました。

wcan20180915_001.jpg

2014.08.23 [土] スパルタキャンプ【PHP編】2014名古屋開催されました。

実は、ECCコンピュータ専門学校との合同制作合宿の1日前から「スパルタキャンプ【PHP編】2014名古屋」がトライデントコンピュータ専門学校で始まっていました。スパルタキャンプとは一昨年、業界研究授業にもお越し頂いた家入一真さん肝いりの初心者向けプログラミング講座です。今回は参加希望多数のため抽選となりました。また会場は混乱を避けるため、参加者限定公開でキャンプ終了まで明かされないということでしたので、終了後の記事掲載になりました。

spartacamp_001.jpg

詳しくは、家入一真が仕掛けた“スパルタキャンプ・PHP編”|【Tech総研】で紹介されています。

spartacamp_002.jpg

皆さんと一緒に私もPHPを学びたかったのですが、残念ながら出たり入ったりで、ハンズオンには参加できなかったのですが、合間をみて覗かせて頂きました。この方が、講師の柏木さんです。参加者の方々もそうなのですが、皆さんとても若いです。
また、個人的に声や口調が、サイバーエージェントの佐藤くんにそっくりで、落ち着いた語り口や、解りやすく頭にすーっと入ってくる感じは、説得力があるなーと思っていました。

初心者向け、若い方対象ということで、それでも参加者は、全国各地から来られていて、留学経験者、フリーター、大学生、起業を目指している方、作りたいWebサービスがある方、Webデザイナーなど幅広い経験の方々ばかりでした。驚くのはそのモチベーションの高さです。「あぁ、これが本気で知識・技術を学ぼうとする姿勢」なんだと、とても感服していました。学生にもぜひ体感して欲しかったです。
また、最初の自己紹介でヒッチハイクで来ましたという方が、複数おられてびっくり。もしかして今の若い人には、交通手段のひとつとして定着しているのでしょうか。

さて、スパルタキャンプの冠どおりの非常にタイトなスケジュールです。
1日目 9:00〜19:00(昼休み1.5時間)
2日目 9:00〜19:00(昼休み1.5時間)
3日目 9:00〜19:00(昼休み1.5時間)

最初は「エディター」のダウンロードからということで、本当に初歩の初歩から始まります。ここから始めて3日間でどこまで吸収することができるのかが楽しみです。

spartacamp_004.jpg spartacamp_003.jpg

XAMPPをダウンロードし、ApacheとMySQLを起動しlocalhostにファイルを置いていきます。どんどん進んでいくのですが、つまずきながらも、真剣にPCに向き合っています。
初日は演算子や、for文、if文などのプログラムの基礎、2日目にはクラスの継承など、そして最終日には、お問い合わせフォームまで作っちゃいました。
この人たち講座終了後、毎晩名古屋リバ邸で懇親会してるのに、恐るべし。

spartacamp_005.jpg

最終日講座終盤まで、熱くソースの解説をする柏木先生、凄すぎです。
主に懇親会の様子などは、Twitteのハッシュタグ#青空学区で紹介されていますので、興味のある方は、ぜひご覧ください。楽しそうですよ。

主催したお二人もお疲れさまでした!とても良い刺激になりました。無料でプログラムの講座を提供する事で、この講座から次々と講師を輩出していくも目的の一つという事で、学校に通わない勉強の方法としても面白い試みだと思います。


追記:今回、柏木さんのアシスタントとして来ていただいた村井さんがやってるサービス「プロゲート」。PHPの前にやはりHTMLの学習は必要だと思います。そんな時、効率よく独学ができて効果的だと思います。近々PHP版も公開されるそうです。

2013.06.29 [土] 「5T(ファイヴティー)特別トークイベント」とても良かったです。

昔から名古屋を拠点に活躍しているグラフィックデザイン事務所やWeb制作会社の社長さん達のトークイベント「5T(ファイヴティー)」が、今回は広告、グラフィック、イラスト、Webを学ぶ専門学校生向けに開催され、トライデントコンピュータ専門学校Webデザイン学科の学生と一緒に参加してきました。
参加校は、トライデントのほか、広告デザイン専門学校名古屋コミュニケーションアート専門学校名古屋デザイナー学院日本デザイン芸術学院です。

5T-EVENT_poster.jpg

5T0628_001.jpg 5T0628_004.jpg

まずは、株式会社バナナウォーカー2の加藤さんが、広告、グラフィックデザイン業界の職種と仕事の流れなどを解説され、実際のクライアントワークを実例に、CMやノベルティなどグラフィックデザイナーの枠に囚われない仕事内容を紹介してくださりました。

続いて、株式会社テリーファンクプロダクツの中井さんが、商業デザイン(クライアントワーク)と自社プロモーションについてノリノリで熱く話してくださりました。クライアントワークでは、どうしても制約が多く、自由に好き勝手できるわけではない。自社のプロモーションで面白いこと、笑えることをすることで、注目を集め、次の仕事や新たなクリエイティブにつながるなど、江頭2:50、温水洋一、エスパー伊藤などキャラクターの強い芸能人を使っての広告や製品制作など身振り手振りを交えながらお話いだだきました。
「だってこの仕事が好きなんだもん」名言です。

5T0628_003.jpg


トーク最後は、マザー株式会社の八十住さんがインターネットと使ったコミュニケーションの取り方、Web業界の進化と流れとマザーさんの実績を紹介されながら解説していただきました。

5T0628_002.jpg


締めは、3名のスピーカーの方が学生からの質問に答えるかたちのトークショーでした。
学生からは「デザイナーとしてやっておくべきこと」「面接で人物のどこをみているのか」「独立した経緯」など具体的な質問に、ココでは書けない内容を含めた本音トークは、爆笑の渦でした。
熱のある、想いが強い人、学校の勉強のほかにも趣味などを一生懸命やっている、そんな人が求められています。

5T0628_007.jpg

今回のイベントに参加できた学生はラッキーだったと思います。学生向けセミナーでは、ここ数年参加した中でもとても良い内容でした。なにしろスピーカーの方のバランスが良かったです。仕事としてのグラフィックデザインを真面目に語る加藤さん、とくかく面白うこと楽しいことをしようという中井さん、クリエイティブを超越した八十住さんのツッコミなど、学生にとっては将来に夢や楽しみを見られ、また現実的な勉強にもなり、裏側も聞けた気持ちの高ぶる内容だったのではないでしょうか。

5T0628_006.jpg 5T0628_005.jpg

トークショー終了後は、スピーカーの方との交流や他校の学生との名刺交換など、有意義な時間が過ごせました。
貴重な時間をご用意していただいた5T(ファイヴティー)の皆さま、ありがとうございました。
次回も楽しみにしております。

5T(ファイヴティー)Facebookページ

2012.11.25 [日] JSクリニックに参加してきました。

書くのが遅くなってしまいましたが、ベースキャンプ名古屋で行われた張山さん主催の「JSクリニック vol.1」に参加してきました。
参加者がJavaScriptを使用した案件でのお悩みなどを、ドクターハリーさんが解説してくれるという勉強会です。

今回は、マウスオーバーなどもできる画像を使ったチェックボックスを診断してもらいました。
自分で検索で探してきたプラグインを使用して制作をしたのですが、Internet EXPlorerでは、<label>の子要素に画像を入れられないので、それを回避しようとしてあるのですが、Internet EXPlorer9だとダブルクリックしか反応しないという怪現象が起きます。
「[jQuery]個別の画像をラジオボタンやチェックボックスにするプラグイン」RuputerFan

さらに、それを回避するためにIE9以上の場合のみ変更のスクリプトを記入しました。

$(function () {
    if ($.browser.msie && $.browser.version > 8) {
        $('label > img').click(function () {
            $('#'+$(this).parent().attr('for') ).focus().click();
        });
    }
});

回避の回避でちょっと嫌な感じだったので「もっとわかりやすいプログラム」にしたいというのが希望でした。
解説していただいた内容を、復習のため自分で再度作り直してみたので、忘備録として書いておきます。

まず、htmlはlabelを使用せずpで画像をマークアップします。
checkboxも使いません。

東海三県の画像をクリックして送信

愛知県

岐阜県

三重県





CSSは各ボタンの位置をpositionで配置してあります。

div#mainArea p img{position:absolute;
 }
#aichiButton{left: 140px;	
		  top: 251px;
		  z-index: 3;
}
#gifuButton{left: 80px;	
		 top: 50px;
		 z-index: 2;
}
#mieButton{left: 1px;	
		 top: 282px;
		 z-index: 1;	
}
div#mainArea form{position:absolute;
			  left: 200px;
			  top: 550px;
}

見た目の処理と値を送る処理を別にします。まずはhover(マウスを乗せると画像が切り替わる)の処理です。

jQuery(function($) {
// Initialization
$.lm = {
	init: function() {
		for (func in $.lm) {
			if ($.lm[func].init)
				$.lm[func].init();
		}
	}
};

// Image hover
$.lm.hover = {
	init: function() {
		$('.hover')
			.live('mouseover', this.enter)
			.live('mouseout', this.exit)
			.live('focus', this.enter)
			.live('blur', this.exit)
			.each(this.preload);
	},

	preload: function() {
		this.preloaded = new Image; //Imageクラスを使用して HTMLImageElement を作成
		this.preloaded.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_o$2");
	},

	enter: function() {
		if (!this.src.match(/^(.+)_o(\.[a-z]+)$/) && !this.src.match(/^(.+)_a(\.[a-z]+)$/)){
			this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_o$2");
		}
	},

	exit: function() {
		if (this.src.match(/^(.+)_o(\.[a-z]+)$/)){
			this.src = this.src.replace(/^(.+)_o(\.[a-z]+)$/, "$1$2");
		} else {
			this.src = this.src.replace(/^(.+)_a(\.[a-z]+)$/, "$1$2");
		}
	}
};

/* onload ***********************************************/
$.lm.init();

});

画像イメージについて(HTMLImageElement)は、JavaScript プログラミング講座
カプセル化 については、jQueryをmootoolsなどの他のライブラリと干渉しないようにする方法まとめ(5509)
正規表現に関しては、 「webデザイナのタメのかんたん正規表現。
jQueryでの使い方と読み方」(がんばるデザイナ tuts!php,html5,photoshopとかがんばってみる)
にわかりやすく解説されています(感動!!)。

次にクリックされた値をvalueに当てはめます。

var img = new Image();
img.src = "img/aichi_s.gif";

jQuery(function($){
	// 初期化
	$("#aichi").val(""); //id="aichi"のvalueを無しにする
	$("#aichiButton").click(changeCheckbox); //clickした時に関数changeCheckboxを動かす
	$("#gifu").val("");
	$("#gifuButton").click(changeCheckbox);
	$("#mie").val("");
	$("#mieButton").click(changeCheckbox);
	
	function changeCheckbox(){
		var id = $(this).attr("id").replace("Button", ""); //変数idは.attrでクリックしたオブジェクトのidを取得し.replaceでButtonを消したもの
		var province = $(this).attr("alt"); //変数provinceはクリックしたimgのaltを取得したもの
		if($("#" + id).val() == ""){ //valueの値が無しだったら
			$(this).removeClass("hover"); //まずマウスオーバー処理を止める
			if($(this).attr("src").indexOf("_o.gif") != -1){ //hover画像であれば
				$(this).attr("src", $(this).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1_s$2")); //select画像に入れ替える※正規表現
			} else { //通常画像であっても
				$(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_s$2")); //select画像に入れ替える※正規表現
			}
			$("#" + id).val(province); //そしてvalueに変数provinceで取得した県名を入れる
		} else { //何らかの原因でvalueの値が入っていたら
			$(this).attr("src", $(this).attr("src").replace(/^(.+)_s(\.[a-z]+)$/, "$1$2")); //通常画像にして ※正規表現
			$(this).addClass("hover"); //後からマウスオーバー処理を止める
			$("#" + id).val(""); //valueの値を無しにする
		}
	}
});

実際の動きは→ここ

いろいろと調べてコメントの記入をしていたら、ちょっと見づらくなってしまいましたが、コードとしてはわかりやすくなりました。張山さん、クリニック後のフォローもしていただいて、ありがとうございました。2回目も楽しみにしています!
コードの表示に「HIGHLIGHT.JS」を適用させていたら結構時間がかかってしまいました(言い訳)

検索フォーム
#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
学生がライトニングトークで話しました。
〈進級展〉
2021年度1年生「進級制作展」終了しました。
2020年度 1年生進級制作展(オンライン)終了しました。
2019年度 1年生進級制作展終了しました。
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
〈コンテスト〉
第5回「専門学校HTML5作品アワード」入選
第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回技能五輪
〈若年者ものづくり競技大会〉
第16回若年者ものづくり競技大会 敢闘賞受賞!
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種Webサイト若年者ものづくり競技大会ウェブデザインポートフォリオ名古屋ECCコンピュータ専門学校2013映画学生ブログJavaScriptWebデザイン1年生進級展2009WinterWordPressWebサイト制作卒展CSS技能五輪全国大会卒業制作展2011アクアリングかっぱ商店街オープンキャンパス入学式合同企業展礒田優WordpressNagoya矢野りんWeba-blogライトニングトーク2014cms石黒雄介閉館日アクセス解析Summerウェブデザイン技能競技大会体験入学面白法人カヤック就職活動CGイラスト学科若年者ものづくり大会Web制作会社夏季閉館日Autumn卒業制作夏休み瀬川大勝ホームページ・ビルダーテンプレート作成HCDプレゼンテーション大阪2010ウェブデザイン技能競技会第48回技能五輪全国大会inminiAdobeココストアJapan2012FlashHTML5jQuery佐藤歩杉本拓也学生インタビューフォトアルバム東京研修進級制作展html5Webアプリ2015名古屋駅あいちカレーラーメンコンテストモリサワGIO田中睦翔IIJ上村水月99eagleアンティー・ファクトリーSpringBananaAd企業訪問専門学校CentOSプロジェクト卒業研究制作展COMMUNICATIONNEXTラーメン学生マールCSS3ウェブデザイン技能検定ブログパーツ水野裕太情報デザインフォーラムGoogle愛知県人間中心設計情報デザインWebワークショップセントレア北濱大輔エイチーム株式会社スタメン2018鈴木優太グリッドレイアウト冬休みあけましておめでとう2020gifアニメYearNewHappydisplay:grid新年Yahoo!Japan林田実樹WebデザインギャラリーGridLayoutUX成田篤紀Webクリエイター能力認定試験制作合宿水野怜美トライデント祭りサイバーエージェント産学協同堀尾真衣PluginforAnalyticsビジュアルエディタメ~テレWEBサイト制作者のためのHCDの理解in名古屋名商連会社訪問トライデント中日ドラゴンズナゴヤドーム戸田芳裕知多みるくCSSNiteBoxLike岩手県塚本碧イラストマップレイアウト作品集ウェブアクセシビリティ真鍋大度FICCコミュニケーションデザインワークショップ名古屋市科学館阿部淳也ポートフォリオサイト敢闘賞静岡ゴールデンウィークCMSDTPWORLD情報デザイン基礎Webリテラシーアサココ!ディプロス導入授業WordCampStoreApple2008WordFes鷹野雅弘茂森仙直グループ制作企業課題豊田市美術館F-siteウェブDeBLOGモンキーワークスワークショップカメラトライデント合同企業展写真結果発表iPhoneMarkup名古屋開府400年祭jbstyleカリキュラム空気人形SEO笈瀬本通り卒業式ECMAScript学習進級展ES6ES20152017出張講座株式会社LIGドラマ初期設定謹賀新年熊谷佳紀サーティファイWebデザイナー沖縄Runstant久保怜也アプリコンテスト東京電子専門学校神戸電子専門学校2022鈴木英心中島優美2021たにぐちまこと後期集中授業松井友奈イークリエイト信州アプリコンテスト[ゼロ]日本総合ビジネス専門学校松本渚オンライン授業Zoom幕張メッセ桝田草一label要素form要素たこ焼きfieldset要素legend要素input要素愛知県選手団displayスマートフォン飯田淳介Advent5T(ファイヴティー)CalendarAWARD和みtextarea要素Forumcanvasフロントエンドエンジニアうぇーぶparticleマークアップエンジニアアップルップルoption要素1年生作品展まぼろしHTMLoutput要素長屋めぐみselect要素スマホアプリNTTドコモ東海放課後のプレアデスキルターズフェスティバル2011笈瀬本通商店街愛知県立芸術大学名古屋市中村区キルト展中部国際空港日本の四季GAINAXSUBARUSlimbox2Load卒業・修了制作展Lazy大西健太ウェブリテラシー協会JISFLV8341-3:2010XFLAVER3.0JAPANWORLDCUP3Magnum北岡弘至伊達千代バルサマンプロジェクションマッピング愛知淑徳大学田中稚妃呂みつけもの恵那市岩村DTPの勉強部屋ablogcmsぬいぐるみのラパンKtaistyleCustomSmilies絵文字卒業制作・研究発表会2011英国王のスピーチトライデントカレッジUntitled!!!!!!!!円JOY!map柴乃櫂人WEBサイト制作者のためのHCD(人間中心設計)の理解AndrioidITCIRCUSドラゴンゲートチタハン10名古屋グランパスポスターデザイン・コンペディションCODE名古屋クリエイターフットサル笈瀬本通広島弁iPhone4商店街金シャチ商店街名古屋メディアボンドアクセシビリティタロヲ細川太郎シナリオペルソナ1→10designグラフィクデザインTwitter中部国際空港株式会社CODEポスターデザイン・コンペティション小林信次増田悟ブラザー工業株式会社株式会社アクアリングGoogleAnalytics石井研二カメラワーク名古屋サイト改善研究会中級編商店サイト制作プチ・フレーズ三蔵みの治商店UltimateGA名駅経済新聞名チャリ愛知商業高校横浜デジタルアーツGAMEPARTYPerfumebyinspiredそこにいない。展あいちトリエンナーレ2013晴れやか嵐が如く第51回技能五輪全国大会Webデザイン演習Rhizomatiks田代豊佐藤ねじみんなのICTFacebookたこ焼きパーティ東京就職プレゼンThree.js木下健太郎さかなやフジ家55ジョルテKDDIHTML5スマートアプリ&クリエイティブコンテストモテ声ボーダー最優秀賞10日でおぼえるLinuxサーバー入門教室サーバーF81教室トライデント合同企業説明会list-itemlist-style-type高橋雅人カレーラーメン麺やOK麺屋ココイチ芸術大学美術大学NTTドコモ東海支社NCF2013卒業展Web制作合宿MuseロゴマークメールマガジンOhanaゲーム大賞アマチュア部門静岡県ツインメッセ静岡docomoドコモ2011年度迎春東京ゲームショウ神戸マーサ・グレアム5月11日GoogleロゴGATEライアン・ウッドワードプラネタリウム神戸国際展示場鈴木FutureStation長野IllustratorSVGFacebookページ結果第50回画像をチェックボタンにする張山大祐JQueryベースキャンプ名古屋SHOWBloosumTeamイマジンカップNHNBloom*Block尾花大輔TOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会DRAGONデコクレ西田幸司国家検定インターネットスキル認定普及協会ライブペイントヱヴァンゲリヲン新劇場版:破ActionScript富岡聡学科旭食品サンプル製作所食品サンプル黒い太陽ウルトラ展ファルコム音楽フリー宣言音楽ゲーム日本ファルコム荒俣宏UNIQLOヤノベケンジカスタマイズセミナーCALENDARカナバングラフィックスウサビッチanimationescalatorアニメーションMozoramaモーション演習CG・イラストコンテストUNIQLOCKギレン総帥LPO第4回アックゼロヨン・アワード後期入賞CMS特集ソバットシアターコマ撮りアニメ電信柱エレミの恋学生参加アイディグラフィックスガンダムグラフィックデザイン今井佳子□□□switch山村浩二サムライTEXTURE中村勇吾佐藤可士和CS4DesignActionScript基礎HTML+CSS基礎造形基礎デッサンSakaeNightPHP愛知県美術館アンドリュー・ワイエスデザインデザイナーのためのプログラミング入門MAXCollegeFLEXFLASHプレゼン演習西村真里子BlogUTZOOMLabuatTokyo「ヤノベケンジ-ウルトラ」展ワークスコーポレーションGWDセキュリティGENOウィルスCOMPLETECHILDREN武豊町TAFF'09広告批評WCAN×CSSNiteアートアニメーションFINALADVENTVIIFANTASYナゴヤデザインウィーク2009是枝裕和監督夢プロジェクト2009・成果報告会ウェブリテラシー協会第一回セミナーSalsaWasIA2010キックオフセミナー浜松TAFFWCAN46福みつ餃子ThereThen箱根合宿森川眞行会社見学鎌倉横浜中華街新横浜ラーメン博物館AndNIKE慶華飯店武豊アニメーションフェスティバル名古屋おもてなし武将隊技能五輪予選unoplus松坂屋美術館スタジオジブリ・レイアウト展WEBサイト制作者のためのHCDの理解プロトコル分析YORKE.ビジュアルデベロップメント伊藤頼子知多半島プロ野球新世界道頓堀ナゴヤ武将都市求人大沢たかおポートピア名古屋フナ犬ネスカフェゴールドブレンド日本電子専門学校横浜デジタルアーツ専門学校KyotodotFesHCDプロセスブランディングwonderflFlash-Gamesマクロマリオネット映画のオープニング閉会式ゆるキャラAutuminカラーPHP勉強会大富豪スコアシート東京ゲームショウ2009人喰いの大鷲トリコITホワイトボックス世界のCMフェスティバルストリートビューJAPANインターネットクリエイティブアワードYahoo!マークアップ演習ごはんとFlashペルソナ/シナリオ法情報デザイン教育勉強会ヨウイチイラストコンテストおかだよういち浅野智3校合同発表会クリ博就職フェスタペルソナ&シナリオ法デュエル・マスターズ長谷川恭久教育勉強会ロゴ公募FITCCREAM#infoedu小野裕子スーパーエレメンツ山崎デザイン事務所コピーライティングIACodeply牧野史門株式会社サイバーエージェントあけおめ平成31年UIデザインツール株式会社MTG2020新卒線の群生Figmaメーカー・ブランドコーヒー用品第56回技能五輪全国大会srcsetsourcepictureEC事業cyma前川元成NextDoor斉藤洸貴企業見学新入生オリエンテーションコンテストソレコン☆ポスコン2019茜音茂森仙直落合祐介杉浦麻紀ライフスタイル髙橋株式会社アンティー・ファクトリーLIGCBCTBSわたし、定時に帰ります。STUDIO髙橋茜音PhotoshopCS6祐司沖縄県第56回堀川友章安藤志維Contentsof関口浩之フォントおじさん志維安藤NCF2017ミス・ユニバース・ジャパン岐阜大会TableTOCノートPC貸与尾鷲高校衣台高校梅澤朝樹夏休みの課題スクラップブックAWARDS出身高校D3.js堀川友章青山高校新城高校冨田伴成藤井英一出前授業東京ゲームショウ2018GOOculusVRカルタJIHYEHEO北川パーヤンWorld)toWWW(WelcomeWebデザインスペシャルデー期末テストホ・ジヘ韓国脆弱性なんと読む?信州アプリコンテストゼロ足立丈也、平子卓哉、増田隼也contents特別企画『謎解き~7つの学科の謎を解け~』山本智香子杉山知央後藤拓也2023@useSass第5回専門学校HTML5作品アワード2022年エンタメイロコトグッドパッチStudentReDesigner田口和磨TypeScript2021アカデミー賞穂刈謙亮原田ゆいノマドランド@import@mixinPhotoshopトライデントコンピュータ専門学校Webデザイン学科フ学生ポートフォリオドライブ・マイ・カーモリサワトライデントコンピュータ専門学校Webデザイ夏休み夏季閉館日2022安藤さん風呂谷さん株式会社アビリブあいのうたコーダ印刷CSS23年卒@includeHOPTERTECH2022アカデミー賞WebサイトマネーフォワードSCHOOL第4回専門学校HTML5作品アワード2021年ICS池田泰延MILKメンバーズマイクロインタラクションフロントエンド第3回専門学校HTML5作品アワード株式会社COTSOriginalTshirt.st進級制作三瓶エペフェンシングmarkereatスポーツアナリティクス株式会社LIGHTz2019年令和2年classes企業賞2020アカデミー賞未完美術館ニシヤマナガヤ中村享介海老江優太名古屋市名東区業界研究授業令和3年神谷友理恵松本健太Frontend株式会社メイクリーvwrememパラサイトvh信州未来アプリコンテスト小林健人小林隼大福田将也株式会社エイチーム山川綾那WF1でBLOGインターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る新入生2015年度森田霞HighlighterSyntaxCrayon名古屋駅麺通りNCF2014button要素datalist要素keygen要素optgroup要素第52回技能五輪全国大会オリエンタル新年のご挨拶親孝行麺の匠木村哲朗夏麺フェア松田洋樹3DCG東京コスモクリスマスCGスペシャリスト味仙岡田陽一FlexibleBoxFlexbox熊﨑彩第53回ScrollMagicScrollmagic八木智章竹中民男Velocity.jsWebアクセシビリティワクワク建設タウン建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイtype属性紅茶専門店Liyn-anマカベン名古屋マークアップ勉強会tableテーブル熊野古道八鬼山大門坂那智の大滝本州最南端串本宇野剛志石原愛実備忘録parseFloat()parseInt()Designer栗山聡一concrete5ランチ中村健太道家陽介熊野三山和歌山中華そば青山敬司山田拓生加藤ひとみ西岡克真結団式アイチータアイテムカンパニーネイルサロンマウア授業AnimationAO岩出本店丸田屋丸高アロチ本家スパルタキャンプ柏木祥太特別授業青空学区名古屋市営地下鉄Dmm.comUXデザインMonaca学生作品集ジムナストコロン日清食品グループ情報系学園祭いな世驛麺通り再進学タカガールサイト水曜日のカンパネラ駅麺通り涼麺jsdo.itPlunkerクイズIndependenceプラネタリアンResurgenceDay:醐りょうインスタグラム学校ProxyWCAN2017Springv4.0.1ターミナル佐藤洋介鈴木雄太スタジオディテイルズ服部友厚SyntaxHighlighterお母さんの二度見展美大芸大料理InstagramNodeListHTMLCollectionマイクロソフトWebプログラミング初級講座appendChild()JSFiddleJSBinワイヤーフレーム仕事UIバイドゥうぇ~~~~~~~ぶウェブアートデザイナー学位出席率職業実践専門課程レスポンシブWebデザイン平野健太郎ポートフォリオアイデア帳PlatformKaizenアクティビティシナリオ源賢司グロースハックグロースハッカー採用担当者の心に響く高校14専門士合同制作合宿カークスヴィルIA/UXプラクティス平野秀幸坂本貴史沼田啓助河地芳明CodePenプログラムクイズAO入試制作実績津田直明Web制作のおしごと懇親会合宿合同制作WebディレクターWebプログラマー2016原一浩坂本邦夫google

メールフォーム

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

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