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

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

2014.02.27 [木] 教室のPCの配置を変えました。

新年度を迎えるにあたり、Webデザイン学科実習室のPCの配置を変更しました。ついでに、長い間使い道のなかった机や椅子の廃棄などを行うなど、大掃除を決行して見違えるような教室になりました。

f81_002.jpg

PCの向きも全台前向きからディスカッションがしやすい島形に移動し、さらにグループ制作のブレーンストーミングやワークショップ形式の授業のために、ホワイトボードを4台配置しました。後方には、普段授業で利用する前方のプロジェクターとは別に、プロジェクターを配置してグループでの画面検討やプレゼンの練習などに利用できればと考えています。制作中心の授業であれば、中央をホワイトボードで区切って前後で違う授業なってのも可能かもしれません。

レイアウト変更見取り図

また、教室の中央と後方には、グラフィック制作物やポートフォリオの仕上げに利用できるように、カッターマットを敷いた作業台があります。

F81教室後ろから

古い雑誌や、もう数年使っていなかった備品なども処分して、ロッカーの中に収納しました。授業の内容や制作手法がだんだんと変化してきていますので、臨機応変に対応できるような環境づくりが重要です。↓以前の教室と比べて、うん、綺麗です。

F81教室昔

やっと、これからPCのアップデートやデータの整理などを行っていけます。春から、新入生や新2年生達がこの教室で、どんな使い方をしてくれるのか、どんな良いものを制作をしてくれるのかと、とても楽しみです。

2014.02.20 [木] トライデント合同企業説明会2014

2月20日(木)に名古屋国際会議場で「2014年度トライデント合同企業説明会」が行われました。専門学校トライデント(外国語・ホテル専門学校ビューティ・ブライダル専門学校スポーツ医療看護専門学校コンピュータ専門学校デザイン専門学校)の各校対象企業が合同での企業説明のブースを設置しています。

trident_kigyo2014_001.jpg

毎年この時期に開催され、おかげさまで110社以上の企業に参加していただきました。学生にとっては、志望業界企業の方の話が一度に聞けるということ、就職活動のスタートとしてなど真剣に話を聞いたりメモをとったりしていました。また企業にとっても、Webデザイン学科ばかりでなく、IT系、ゲーム系の学生や、デザイン専門学校など系列校の学生とも話ができるので、メリットは双方にあると思います。

今回、Webデザイン学科の対象企業(Web制作会社など)の参加が学科創設以来はじめて増えました。来年度も11月に参加企業を募集しますので、ご興味のある採用担当者の方は、ぜひご連絡ください。

企業説明会の看板 企業説明会会場の様子

すでに就職活動は始まっていますが、本格的に頑張っていきましょう。

2014.02.20 [木] サーバーを構築してa-blog cmsをインストールした ④(最終)

表題のネタで、なが〜く引っ張ってきましたが、いよいよa-blog cmsのインストールです。acmsフォルダ内のindex.phpにブラウザでアクセスすれば、setup画面が出てくる。。。はず。。。ん!?真っ白です。

white2014.jpg

ここで、かなりハマりました。ionCubeを疑ってみたり、php.iniを書き直したり、httpd.confを編集し直したり、iptablesを初期化したり、まさかMySQLなのか?と。

ここまで、すんなり進めたように書いていますが、ポートを閉じてしまってサーバーに入れなくなったり、削除してはいけないファイルを消して設定が全部消えたり、MySQLコマンドから抜けれなくなったり、OSの初期化は何度やったかわかりません。そんなこんなで週末の丸二日作業し続けた訳ですが、もう、いろいろ頑張ってダメでしたので、ベースキャンプ名古屋に聞きに行くことにしました。

basecamp2014.jpg

ベースキャンプ名古屋は、トライデントコンピュータ専門学校の近くにあるコワーキングスペースで、a-blog cmsを作っているアップルップルさんが運営をされています。わからなくなったら気軽に聞きに行けるのがいいですね。

さて、どうやらionCubeは動いているようです。エンジニアの伊藤君に見てもらったら、MySQLがconnectしてなく、ライブラリが入っていないのが原因っぽいということで、
# yum install php-mysql
# service httpd restart
php-mysqlをインストールして再起動をします。
再び、ブラウザで接続するとセットアップ画面が表示されました。

a-blogcms2_setup.jpg

あとは、表示された順序でセットアップを進めればいいので、簡単です。
必要なファイル・フォルダのパーミッション(アクセス権)を変更し、データベース設定のため、MySQLでデータベースを作ります。
# mysql -u root -p
Enter password:
mysql> create database データベース名;
htaccess.txtを.htaccessに変えて、テーマの選択、setupフォルダの名前を変更して完了です。

a-blogcms2_sample.jpg

おーっ!苦労が報われました。

今回、IIJ GIOのVPS(バーチャル・プライベート・サーバ)はLAMPプランを利用しているので、パッケージはある程度インストールされていましたが、OSのインストールから必要なVPSだったら、もっと大変だったかもしれません。
でも、サーバーを構築してWebサイトを制作する上でも、サーバー内で何が動いていて、どんな設定があるのかを知ることができてとても勉強になりました。

centospage001.jpg centospage002.jpg

参考にした本。開いたり、閉じたり、付せんを貼ったり、ペンで印をつけたり、ページを折ったりと大活躍してくれました。これだけ試行錯誤できるのは、長期休暇中だからだったりします。学生にもいろいろと挑戦してもらいたいです。

今後は、制作したWebサイトにa-blog cmsを組み込んだり、サーバー側のセキュリティが甘いので、また調べて修正していきたいと思います。こちらでも紹介できればと思います。

→サーバーを構築してa-blog cmsをインストールした ①
→サーバーを構築してa-blog cmsをインストールした ②
→サーバーを構築してa-blog cmsをインストールした ③

2014.02.19 [水] サーバーを構築してa-blog cmsをインストールした ③

はい、3回目の記事です。前回までの設定でFTPクライアントでファイルをアップロードできるようになりましたので、いよいよa-blog cmsをインストールしたいと思います。でも、まだまだ“黒い画面”ターミナルはガツガツ使っていきます(黒くないけど)。

a-blogcms2.jpg

a-blog cmsは昨年末に2.0がリリースされましたので、早速ダウンロードしてインストールしたいと思います。ライトライセンスは無料で利用できます。
ダウンロードページから2.0.1.1(2/19現在)をダウンロードします。
acms2011install.zipを解凍し、フォルダ内のablogcmsをFTPでサーバーにアップロードします。ドキュメントルートは前回vsftpd.confで/var/www/htmlに設定してありますので、接続して表示されたディレクトリでOKです。フォルダ名はacmsに変更しました。

この後は、新規インストールの手順を見ながら進めて行くことになります。リンクページは1.x系のものですが、基本は一緒です。2.x系はinstallパッケージがなくなりました。

動作環境を確認します。
PHP5.1.6〜5.4.x
マルチバイト文字列関数が使用可能な事(mbstring)、Zlib関数が使用可能な事、PCRE関数が使用可能な事、その他標準的関数
MySQL5.0以降
WebサーバーApache (IISでは動作しません)
必要なライブラリ・その他ionCubeローダー
GD(グラフィックライブラリ)
.htaccessの利用許可(AllowOverride)
URLの書き換え(RewriteEngine)

上から順に確認していきましょう。ターミナルにphp -vを打ち込みEnterを押します。
# php -v
PHP 5.1.6 (cli) (built: Dec 10 2013 22:08:48)
Copyright (c) 1997-2006 The PHP Group
Zend Engine v2.1.0, Copyright (c) 1998-2006 Zend Technologies
5.1.6ですので大丈夫です。次はMySQLです。
# mysql --version
mysql Ver 14.12 Distrib 5.0.95, for redhat-linux-gnu (x86_64) using readline 5.1
5.0.95ですのでMySQLもOKです。Webサーバーは、
# httpd -v
Server version: Apache/2.2.3
Server built: Oct 16 2013 12:18:29
Apacheが入っています。
さて、暗号化PHP読み込みファイルionCubeローダーをインストールします。日本代理店 アシアル社のサイトに掲載されているインストール方法を参考にしてphp.iniファイルにインストールしていきます。
phpinfo.phpに
<?php
phpinfo();
?>
を書いてサーバーにアップしてブラウザで表示します。
これで、php.iniの場所が/etc/php.iniだとわかりましたので、ionCubeをダウンロードします。アシアル社からダウンロードしたものでは上手く動かなかったので、本場のionCubuからターミナルを操作してダウンロードします。
cd /usr/local/src
wget http://downloads2.ioncube.com/loader_downloads/ioncube_loaders_lin_x86-64.tar.gz
tar zxvf ioncube_loaders_lin_x86-64.tar.gz
cd ioncube
mkdir /usr/local/ioncube
cp ioncube_loader_lin_5.1.so /usr/local/ioncube
cp loader-wizard.php /var/www/html/acms
※削除しておきます。rm /usr/local/src/ioncube_loaders_lin_x86-64.tar.gz
これで、サーバーの中にionCubeが入り、ionCubeのインストールサポートファイルloader-wizard.phpもacmsフォルダに入りました。
php.iniを編集していきます。
vi /etc/php.ini
で開き、
zend_extension = /usr/local/ioncube/ioncube_loader_lin_5.1.so を追加して
# service httpd restart
httpdを再起動します。ブラウザでloader-wizard.phpにアクセスして、

ionCubeLoaderWizard.jpg

という画面が表示されれば、無事インストールされています。続けて.htaccessを利用できるようにhttpd.confを編集します。
# vi /etc/httpd/conf/httpd.conf
#
# AllowOverride controls what directives may be placed in .htaccess files.
# It can be "All", "None", or any combination of the keywords:
# Options FileInfo AuthConfig Limit
#
AllowOverride None を AllowOverride All に変更。
さらに調べるとphpのライブラリがいろいと入っていないようだったのでグラフィックライブラリphp-gdと共にインストールする。
yum install php-fpm php-devel php-cli php-xml  php-mbstring php-gd
RewriteEngineはすでに有効化されていました。

これで、a-blog cmsインストールの準備が整ったはず。いよいよ次回インストールします。

2014.02.19 [水] サーバーを構築してa-blog cmsをインストールした ②

Centos-Logo.jpg

さてさて、前回ののつづきです。Webサイトを公開するためにはWebサーバーを構築しないといけませんので、Webサーバーパッケージhttpdを設定していきます。
その前に、iptablesでファイアー ウォールの構築をするのですが、ちょっと難しいので下記サイトを参考にしてください。
【参考】さくらのVPS を使いはじめる 3 – iptables を設定する

では、まずはhttpdがインストールされているか確認します。
# rpm -q httpd
httpd-2.2.3-83.el5.centos
入ってますね。
Appachの各種設定するために、httpd.confを編集していきましょう。
# vi /etc/httpd/conf/httpd.conf
Enterを押して、
#
# This is the main Apache server configuration file. It contains the
# configuration directives that give the server its instructions.
# See <URL:http://httpd.apache.org/docs/2.2/> for detailed information.
# In particular, see
# <URL:http://httpd.apache.org/docs/2.2/mod/directives.html>
# for a discussion of each configuration directive.
#
# Do NOT simply read the instructions in here without understanding
# what they do. They're here only as hints or reminders. If you are unsure
# consult the online docs. You have been warned.
#
# The configuration directives are grouped into three basic sections:
# 1. Directives that control the operation of the Apache server process as a
# whole (the 'global environment').
# 2. Directives that define the parameters of the 'main' or 'default' server,
# which responds to requests that aren't handled by a virtual host.
# These directives also provide default values for the settings
# of all virtual hosts.
# 3. Settings for virtual hosts, which allow Web requests to be sent to
.....
だ〜と表示されますので、細かい文字の中からServerAdmin root@localhostを探して、サーバー管理者のメールアドレスに変更します。
# ServerAdmin: Your address, where problems with the server should be
# e-mailed. This address appears on some server-generated pages, such
# as error documents. e.g. admin@your-domain.com
#
ServerAdmin root@localhost
続けて#ServerName www.example.com:80という項目を探して、#を外しwww.example.com:80の部分をWebサイトのURLに使用するホスト名に書き換えます。今回はIPアドレスになります。さらに続けて、
Options FollowSymLinks ExecCGI IncludesNoExec

Options -Includes FollowSymLinks
に変更します。これでescキーを押して編集モードから抜け、
:wq
Enterを押して保存します。
httpdを再起動します。
# /etc/rc.d/init.d/httpd restart
Stopping httpd: [ OK ]
Starting httpd: [ OK ]
ServerNameで設定したIPアドレスにブラウザでアクセスしてみて下記のような表示が出れば成功です。

apach2test.jpg

サーバーの起動と一緒に起動するように設定をして確認します。
# chkconfig httpd on
# chkconfig --list httpd
httpd 0:off 1:off 2:on 3:on 4:on 5:on 6:off
となっていればOK。

まだまだ先は長いです。続けてMySQLの設定をしていきます。
rpm -qa mysql-server
mysql-server-5.0.95-5.el5_9
MySQLの文字コードを変更します。
vi /etc/my.cnf
# character-set
default-character-set=utf8
skip-character-set-client-handshake
[client]
default-character-set=utf8

[mysql]
default-character-set=utf8

[mysqldump]
default-character-set=utf8
を追記しておきます。vsftpdやhttpdのように自動起動にしたいので、
# chkconfig mysqld on
# chkconfig --list mysqld
mysqld 0:off 1:off 2:on 3:on 4:on 5:on 6:off
MySQLを起動します。
# /etc/rc.d/init.d/mysqld start

とりあえず、今日はここまで。

2014.02.17 [月] サーバーを構築してa-blog cmsをインストールした ①

現在あるプロジェクトのため、IIJさんのクラウドサーバーIIJ GIOにアップルップルさんのa-blog cmsを使用しようと考えています。さっそく検証したのですが、初めてサーバーを構築して、四苦八苦いろいろと苦労しました。
実際に利用する場合は、セキュリティの事もありますので、専門の人にお願いしようと思うのですが、再度構築する機会もあると思いますので、忘備録として書いておきます。
※Webデザイン学科では、サーバー構築の勉強はしません。

IIJGIO.jpg

まずは、IIJ GIOサービスにログインし、仮想サーバーを起動させるために、SSH公開鍵を設定します。SSHとは、Secure Shell(セキュアシェル)を利用した公開鍵と秘密鍵を使って暗号化して通信をする技術です。この鍵の組み合わせを設定するわけです。SSH接続するためのSSHクライアントは、Windowsであれば「PuTTY」「Tera Term」や「RLogin」なんていうのもありますが、Macintoshでは、いわゆる“黒い画面”ターミナルを使います(黒くないけど)。
ターミナルを起動して.ssh(不可視フォルダです)ディレクトリへ移動して鍵を作ります。
$ cd ~/.ssh
$ ssh-keygen -t rsa

Generating public/private rsa key pair.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:

パスフレーズを聞いてきますが、なにも打たずにEnterですすめます。
$ ls
id_rsa id_rsa.pub known_hosts

$ lsで.sshフォルダ内を表示します。id_rsaが秘密鍵でid_rsa.pubが公開鍵です。
id_rsa.pubをエディターで開いて理解不能な文字列をコピーし、SSH公開鍵設定にペーストして設定を保存します。
サーバーが停止中なのでサーバー設定で起動します。起動したらターミナルからサーバーに接続してみます。

$ ssh root@IPアドレス
[root@localhost ~]#
繋がりました!意外に簡単ですね。
【参考】[Mac] ターミナルで ssh 接続(公開鍵認証)をする | rakuishi.com

とりあえず、rootのパスワードを設定します。
# passwd root
Changing password for user root.
New UNIX password:
Retype new UNIX password:
passwd: all authentication tokens updated successfully.

新しいパスワードを打ちます。表示はされません。再度打ち込みます。ちなみに最初の記号が$から#に変わっていますが、これはroot権限で命令していることを指しています。
では、新しいユーザーを作り、パスワードも設定しましょう。
# useradd webdesign
# passwd webdesign
追加したユーザーを確認します。
# cat /etc/passwd

最終行に追加されていればOKです。パスワードは暗号化されて表示されいます。

さて、次はFTPクライアントで、ファイルをサーバーにあげたいのでFTPサーバーを構築したいと思います。vsftpdを使いますので、インストールされているか確認します。
# rpm -q vsftpd
どうやら、インストールされているようです。
vsftpd-2.0.5-28.el5

設定ファイルであるvsftpd.confを編集することで、FTPサーバーを設定していきます。編集はvimでしていきます。
# vi /etc/vsftpd/vsftpd.conf
Enterを押して、
# Example config file /etc/vsftpd/vsftpd.conf
#
# The default compiled in settings are fairly paranoid. This sample file
# loosens things up a bit, to make the ftp daemon more usable.
# Please see vsftpd.conf.5 for all compiled in defaults.
#
# READ THIS: This example file is NOT an exhaustive list of vsftpd options.
# Please read the vsftpd.conf.5 manual page to get a full idea of vsftpd's
# capabilities.
#
# Allow anonymous FTP? (Beware - allowed by default if you comment this out).
#anonymous_enable=YES
#
# Uncomment this to allow local users to log in.
local_enable=YES
#
# Uncomment this to enable any form of FTP write command.
write_enable=YES
#
# Default umask for local users is 077. You may wish to change this to 022,
# if your users expect that (022 is used by most other ftpd's)
local_umask=022
#
.....

内容が表示されます。
必要な設定を編集していきましょう。
# Allow anonymous FTP? (Beware - allowed by default if you comment this out).
#anonymous_enable=YES

を編集します。キーボードのiを押して#(コメントアウト)を消してYESをNOに変えます。
anonymous_enable=NO
#ascii_upload_enable=YES
#ascii_download_enable=YES
の記述を探して#を消します。
ascii_upload_enable=YES
ascii_download_enable=YES
local_umask=022
local_umask=002
# ls_recurse_enable=YES
の#を消します。
パッシブモードを使えるようにするため、最終行に追加しました。
pasv_enable=YES
pasv_min_port=30000
pasv_max_port=30030
さらにユーザーリストを有効化し、接続する初期ディレクトリを設定します。
userlist_deny=NO
local_root=/var/www/html
これでvsftp.conf の編集を完了します。キーボードのEscキーを押し、viエディタをコマンドモードにします。:wqを押して保存して終了します。

ユーザーリストにwebdesignを加えます。
vi /etc/vsftpd/user_list
さらに
vi /etc/vsftpd/chroot_list
でホームディレクトリより上にアクセスできるユーザーを登録します。何も書かなくても大丈夫です。
変更が反映されるようにvsftpdを再起動します。
/etc/rc.d/init.d/vsftpd restart
Shutting down vsftpd: [ OK ]
Starting vsftpd for vsftpd: [ OK ]
さらに、サーバーの起動と同時にvsftpdがスタートするように設定します。
chkconfig vsftpd on

FTPで接続するドキュメントルート( /var/www/html )のアクセス権を設定します。所有者と所有グループは、最初に作ったユーザーwebdesignです。
chown -R webdesign:webdesign /var/www/html
Enterを押します。
これで、とりあえずFTPの準備はOKです。
FTPクライアントでの接続はhttpdの設定が必要ですので、続けてhttpdの設定をしたいと思いますが、今日はここまで。
【参考】FTP サーバーの構築 - カゴヤ・クラウド/VPS サポートサイト

2014.02.09 [日] 卒業制作発表会が終了しました。

2013年度の集大成「卒業研究制作展2013」が無事終了しました。Webデザイン学科2年生の作品は地下のラウンジの他、駐車場などで展示しました。この冬一番の寒い日でしたが、たくさんのご来場ありがとうございました。

sotsuten2013Photo_009.jpg

平日の開催で、お越しいただけなかった方も多かったと思いますので、作品も紹介します。

sotsuten2013Photo_012.jpg

ソーシャルゲームのガチャやカードの合体合成、進化、レベルアップなどをHTML5やPHPを利用して実装してあります。オリジナルキャラクターも50体ほどあります。

sotsuten2013Photo_015.jpg

オリジナル仮面ライダーのプロモーションビデオを制作。ロゴなども制作して世界観を伝えています。

sotsuten2013Photo_011.jpg

若い人にも、日本人の心、お茶に親しんでもらい楽しく飲んでもらいたいということで、パッケージなどをデザインしました。

sotsuten2013Photo_001.jpg

Instagramに上げた写真をアルバムにできるAndroidアプリです。

sotsuten2013Photo_010.jpg

Unityで作ったゲームをKinectをコントローラーとして動かしています。プロジェクターで投影してるのは、初音ミク祭りでも使われている透明スクリーンを真似た「ポリッドスクリーン(ごみ袋)」。

sotsuten2013Photo_008.jpg

かわいいキャラクターが海や宇宙へと冒険?するFlashアニメーション作品。

sotsuten2013Photo_013.jpg

sotsuten2013Photo_007.jpg sotsuten2013Photo_006.jpg

アクションカメラのGoProを子供に装着して撮影することで、こどもの世界を垣間見ようという試み。一部、立体音響で録音できるバイノーラルマイクを利用しており、ヘッドホンで体験することができます。Webサイトでも動画が観られます。

sotsuten2013Photo_003.jpg

水をテーマにした写真を展示。水滴や水たまりなどちょっと変わった視点で撮影しています。

sotsuten2013Photo_005.jpg

勇敢なる者の席。一応、映像作品が上映されていました。。。逆か。

sotsuten2013Photo_004.jpg

振動センサーを利用したライブマッピング?!作品。この日は今年の冬一番の寒さでした。

sotsuten2013Photo_002.jpg

AR技術を利用した絵本です。読んでいくとマーカーがあるのでPCのカメラにかざすと画像・映像が浮かび上がります。

sotsuten2013Photo_014.jpg

Bluetoothで接続したマウスロボが、キーボードのテンキーで操作できます。

sotsuten2013Photo_016.jpg

幾何学模様を利用して自然物をリデザインした作品。適当な数値を入力すると3Dモデリングされた作品も展示。

10月から制作してきた「卒業制作」でしたが、たくさんの方に見ていただき感想やご意見をいただきました。来年は、もっと高校生や企業の方にお越しいただけるような試みを考えています。
ご来場ありがとうございました。2年生の皆さん、お疲れ様でした!

sotsuten2013end.jpg
※今年のWebデザイン学科卒業展のWebサイトは、1年生の伊吹君松岡君が制作してくれました。
検索フォーム
熊本地震 支援・募金まとめ
募集イベントバナー(1年生制作)
BananaAd Banner
プロフィール

担当:Webデザイン学科+

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

トライデントロゴ

質問などはLINEでどうぞ。

友だち追加数
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
学生がライトニングトークで話しました。
<展示会>
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
<コンテスト>
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
<Webサイト制作>
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
<技能五輪全国大会>
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
<若年者ものづくり競技大会>
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
Instagram
学生ブログリンク
<1年生ブログ>

WF1でBLOG 2017

<Webデザイン学科2年生ブログ>
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科WCAN業界研究技能五輪ウェブデザイン職種ウェブデザイン2013若年者ものづくり競技大会名古屋WebサイトポートフォリオECCコンピュータ専門学校映画Winter2009学生ブログWebデザインWebサイト制作WordPress2011JavaScript礒田優かっぱ商店街矢野りん技能五輪全国大会NagoyaWordpresscms2014入学式卒業制作展a-blogライトニングトーク石黒雄介Webオープンキャンパスホームページ・ビルダーテンプレート作成瀬川大勝AutumnSummer若年者ものづくり大会面白法人カヤックCGイラスト学科アクアリング20102012第48回技能五輪全国大会miniWeb制作会社東京研修html520151年生進級展アクセス解析GIOIIJFlashin体験入学杉本拓也Japan名古屋駅あいちカレーラーメンコンテストHCDココストアウェブデザイン技能競技会大阪Adobe田中睦翔情報デザインマール上村水月プレゼンテーションHTML599eagleセントレアブログパーツ情報デザインフォーラムCentOS人間中心設計ラーメン企業訪問合同企業展卒業制作水野裕太Springgifアニメ成田篤紀専門学校ウェブデザイン技能検定愛知県CSS3BananaAd卒展プロジェクトWebワークショップ学生Google静岡2008まぼろしナゴヤドームトライデント知多みるくUXjbstyle戸田芳裕AnalyticsparticleForumYahoo!Japancanvasウェブデザイン技能競技大会長屋めぐみレイアウトlegend要素fieldset要素鷹野雅弘カリキュラムCMS岩手県label要素form要素Boxたこ焼き空気人形LikeWebデザインギャラリー名商連SEOinput要素塚本碧アンティー・ファクトリー真鍋大度iPhoneFICCスマホアプリ1年生作品展中日ドラゴンズイラストマップWEBサイト制作者のためのHCDの理解in名古屋option要素textarea要素output要素select要素茂森仙直堀尾真衣うぇーぶ名古屋開府400年祭笈瀬本通りAdvent5T(ファイヴティー)モンキーワークス写真アサココ!ディプロスサーティファイCSSWebクリエイター能力認定試験導入授業WordCampCSSNiteメ~テレ産学協同会社訪問卒業式ワークショップRunstant就職活動StoreスマートフォンDTPWORLD情報デザイン基礎Apple佐藤歩名古屋市科学館学生インタビューCalendar企業課題ポートフォリオサイト作品集熊谷佳紀林田実樹MarkupjQuery幕張メッセ結果発表閉館日グループ制作ビジュアルエディタコミュニケーションデザインワークショップ阿部淳也豊田市美術館初期設定サイバーエージェントカメラF-site謹賀新年トライデント合同企業展和みWordFes鎌倉福みつThenウェブリテラシー協会第一回セミナーSalsa石井研二夢プロジェクト2009・成果報告会IA2010キックオフセミナーWCAN46浜松餃子WasThere横浜中華街箱根合宿森川眞行新横浜ラーメン博物館慶華飯店AndNIKE会社見学知多半島iPhone4シナリオペルソナ広島弁柴乃櫂人AndrioidITCIRCUS1→10design細川太郎アクセシビリティ名駅経済新聞名古屋メディアボンド金シャチ商店街タロヲ商店街WEBサイト制作者のためのHCD(人間中心設計)の理解チタハン10GAみの治商店Twitter三蔵Ultimate商店サイト制作プチ・フレーズ愛知商業高校グラフィクデザイン笈瀬本通名古屋グランパス名古屋クリエイターフットサルCODEポスターデザイン・コンペディション名チャリ中級編サーバーポートピア名古屋フナ犬ネスカフェゴールドブレンドGoogleAnalyticsプロ野球ブラザー工業株式会社株式会社アクアリング大沢たかお求人名古屋おもてなし武将隊武豊アニメーションフェスティバル武将都市ナゴヤ新世界道頓堀中部国際空港株式会社スタジオジブリ・レイアウト展伊藤頼子増田悟ビジュアルデベロップメント名古屋サイト改善研究会IAYORKE.プロトコル分析WEBサイト制作者のためのHCDの理解unoplus松坂屋美術館カメラワーク技能五輪予選小林信次CODEポスターデザイン・コンペティションTAFFITホワイトボックスFINALアートアニメーション武豊町TAFF'09FANTASYVIICOMPLETECHILDRENADVENT広告批評WCAN×CSSNiteWebリテラシーデッサンDesign造形基礎HTML+CSS基礎西村真里子プレゼン演習ActionScript基礎TokyoLabuatファルコム音楽フリー宣言音楽ゲーム荒俣宏UNIQLOヤノベケンジカスタマイズセミナーCALENDAR日本ファルコム□□□switch「ヤノベケンジ-ウルトラ」展BlogUTZOOMワークスコーポレーションGENOウィルス山村浩二デコクレセキュリティCS4サムライStefanW+KTokyo(+CRUZ)QubibiArtlessSagmeisterHelvetica2008WinterWebDirectionEast'08デザインのへそNam丹下紘希WEBウェブデザイン部門カンファレンスTHECONTESTHPデザインデザインコンテスト01XRAYSIGGRAPHCollegeFLEXFLASHNightSakaeTEXTURE中村勇吾佐藤可士和MAXデザイナーのためのプログラミング入門鳥取VideopuppetryASIA鳥取砂丘デザインPHP愛知県美術館アンドリュー・ワイエスウルトラ展黒い太陽映画のオープニング閉会式ゆるキャラFlash-Gamesマクロマリオネットマークアップ演習FITCCREAMごはんとFlashwonderflKyotoストリートビューJAPANインターネットクリエイティブアワードYahoo!カラーAutumindotFesHCDプロセスブランディングロゴ公募教育勉強会おかだよういちペルソナ/シナリオ法情報デザイン教育勉強会浅野智ペルソナ&シナリオ法横浜デジタルアーツ専門学校3校合同発表会クリ博就職フェスタウェブDeBLOGヨウイチコピーライティング小野裕子#infoedu山崎デザイン事務所スーパーエレメンツイラストコンテストデュエル・マスターズ長谷川恭久世界のCMフェスティバル横浜デジタルアーツコマ撮りアニメ電信柱エレミの恋ウサビッチカナバングラフィックスソバットシアターCMS特集今井佳子アイディグラフィックス学生参加富岡聡学科国家検定インターネットスキル認定普及協会ライブペイント西田幸司ヱヴァンゲリヲン新劇場版:破旭食品サンプル製作所食品サンプルActionScriptグラフィックデザインガンダムナゴヤデザインウィーク2009UNIQLOCKギレン総帥是枝裕和監督人喰いの大鷲トリコPHP勉強会大富豪スコアシート東京ゲームショウ2009LPO第4回アックゼロヨン・アワードMozorama後期入賞アニメーションescalatorCG・イラストコンテストモーション演習animation日本電子専門学校3松田洋樹3DCG東京コスモクリスマスCGスペシャリスト味仙Dmm.com岡田陽一FlexibleBoxFlexbox熊﨑彩第53回ScrollMagicScrollmagic八木智章竹中民男Velocity.jsWebアクセシビリティワクワク建設タウン建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイUXデザイン源賢司うぇ~~~~~~~ぶワイヤーフレーム仕事UIウェブアートデザイナーレスポンシブWebデザイン学位出席率職業実践専門課程バイドゥ平野健太郎グロースハックPlatformKaizenアクティビティシナリオグロースハッカー14ポートフォリオアイデア帳採用担当者の心に響く高校夏麺フェア飯田淳介type属性紅茶専門店Liyn-anアイテムカンパニーネイルサロンマウアoptgroup要素keygen要素HTMLbutton要素datalist要素授業アイチータ西岡克真AnimationAO特別授業加藤ひとみ山田拓生結団式愛知県選手団青山敬司第52回技能五輪全国大会オリエンタルHighlighterSyntaxCrayon2015年度森田霞マークアップエンジニアフロントエンドエンジニア木村哲朗アップルップル新入生WF1でBLOGNCF2014新年のご挨拶親孝行麺の匠NTTドコモ東海名古屋駅麺通りインターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る専門士合同制作合宿NodeList美大芸大水野怜美HTMLCollectionappendChild()学習進級展マイクロソフトWebプログラミング初級講座株式会社LIG料理いな世驛麺通り再進学学園祭醐りょうドラマInstagramインスタグラムお母さんの二度見展ライデントコンピュータ専門学校鈴木雄太フォトアルバムスタジオディテイルズ服部友厚山川綾那株式会社エイチーム尾鷲高校衣台高校梅澤朝樹佐藤洋介ターミナル制作合宿ES2015ES6ECMAScriptSyntaxHighlighterv4.0.1学校ProxyWCAN2017Spring情報系MonacaIA/UXプラクティス平野秀幸坂本貴史制作実績カークスヴィル沼田啓助プログラムクイズAO入試河地芳明津田直明2016Web制作のおしごと懇親会合宿合同制作WebディレクターWebデザイナー原一浩坂本邦夫WebプログラマーCodePenJSBinジムナストコロン日清食品グループタカガールサイト水曜日のカンパネラ夏休み夏季閉館日学生作品集沖縄トライデント祭りプラネタリアンResurgencejsdo.itCodeplyPlunkerJSFiddle涼麺駅麺通りDay:Independenceクイズ青空学区名古屋市営地下鉄東京ゲームショウ神戸神戸国際展示場ゲーム大賞アマチュア部門Ohanaツインメッセ静岡静岡県ロゴマークメールマガジン鈴木プラネタリウムGATEDRAGONドラゴンゲート愛知淑徳大学ゴールデンウィークGoogleロゴライアン・ウッドワードマーサ・グレアム5月11日敢闘賞迎春GAMETOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会SHOWベースキャンプ名古屋IllustratorSVGFacebookページ尾花大輔Bloom*BlockFuturedocomoドコモ2011年度StationNHNBloosumTeamイマジンカップみつけもの恵那市岩村キルターズフェスティバル2011笈瀬本通商店街名古屋市中村区FLAVER3.0放課後のプレアデスSUBARU日本の四季中部国際空港GAINAXFLV8341-3:2010PluginLoadLazy大西健太forSlimbox2XJISウェブリテラシー協会キルト展愛知県立芸術大学北岡弘至伊達千代DTPの勉強部屋ablogcmsMagnumJAPANWORLDCUPプロジェクションマッピングバルサマン出張講座トライデントカレッジCustomSmilies絵文字円JOY!map卒業・修了制作展KtaistyleぬいぐるみのラパンUntitled!!!!!!!!英国王のスピーチ卒業制作・研究発表会2011長野結果parseInt()DesignergoogleGWDparseFloat()備忘録道家陽介concrete5栗山聡一F81教室トライデント合同企業説明会HTML5スマートアプリ&クリエイティブコンテストモテ声ボーダーlist-itemdisplayKDDIジョルテ10日でおぼえるLinuxサーバー入門教室卒業研究制作展最優秀賞中村健太ランチアロチ本家和歌山中華そば熊野三山大門坂丸高丸田屋柏木祥太スパルタキャンプ岩出本店那智の大滝本州最南端tableテーブル宇野剛志石原愛実名古屋マークアップ勉強会マカベン串本八鬼山熊野古道list-style-typeNTTドコモ東海支社木下健太郎就職東京佐藤ねじThree.jsプレゼンRhizomatiks田代豊たにぐちまことみんなのICTウェブアクセシビリティ画像をチェックボタンにする張山大祐JQuery第50回MuseWeb制作合宿モリサワFacebookたこ焼きパーティinspiredbyNEXT高橋雅人カレーラーメン麺やOKCOMMUNICATIONAWARDNCF2013美術大学芸術大学麺屋ココイチフジ家55あいちトリエンナーレ2013そこにいない。展PARTYPerfumeWebデザイン演習第51回技能五輪全国大会さかなや晴れやか嵐が如く田中稚妃呂

メールフォーム

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

東京コスモ
トライデントコンピュータ専門学校
Pagetop