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

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

2016.12.13 [火] 学生に聞いてみた【 熊谷くん、杉本くん(高校卒・Web制作未経験で入学)】

Webデザイン学科 学生インタビュー

学生インタビューも前回前々回と数えて3回目です。今回は高校卒業後、Web制作初心者でトライデントコンピュータ専門学校へ入学して頑張っている学生2人に、入学するきっかけや勉強について話してもらいました。

kumasugi-001.jpg

自己紹介

さて、久しぶりの学生インタビューは、高校を卒業後、専門学校に入学したふたりに登場してもらいます。

どうしてWebの世界に興味をもったのか、専門学校に入学してからの思い出や、大変だった勉強について話してくりゃーすそうなので、よろしく。
まずは、自己紹介からお願いするぎゃ。

WS1の熊谷佳紀です!
岐阜県の東濃地区っていう山の方に住んでいるので名古屋までは1時間もかかって通学しています(笑)。
最近、カメラを買ったので自分で出かけて写真を撮ることが趣味かな。
今年は京都や長野に行きました!

※Webデザイン学科2年生は「WS1」、1年生は「WF1」というクラス名になります。

杉本拓也です。
出身は三重県で、地元が田舎過ぎて他県や海外に興味があります。
専門学校1年生の時にカンボジアに旅行した時に、文化や食事など何もかも違うところに惹かれてから、夏休みなどにバックパックをもって海外行ってます。
テトラくんとテトラウェブ君もよろしく!!

入学前のWeb制作経験

近頃、高校によっては、授業でHTMLやCSSなどを勉強するらしーがや。
おみゃーさんらはなんか勉強しとったん?

僕はしてないです!
高校まで、普通科で、このままなんとなく大学行って就職するんじゃなくて、何かやってみたいと思ってました。
そのとき高校の先生に紹介してもっらたのがトライデントなんだー

してなかったね!
僕は工業高校だったんだけど、たまたまこの業界に挑戦した先生がいて、話を聞いて興味を持って入学しました。
本当に最初は大丈夫かなって感じで(笑)

ふたりとも、進路は高校の先生のアドバイスの影響が大きかったんやなー。

ところで、ふたりは仲が良いんですか?一緒に遊びに行ったりとか。

席が隣同士だったので、自然と話をするようになったかな。
いつになるかわからないですけど星を見に、長野に行く予定です!!

最初に隣の席だと仲良くなる、学校あるあるですねー。
最初、お互いの印象は?

杉本はやばいヤツってかんじだった。
世界中いってるし「昨日、ヒッチハイクで仙台行った」とか、家族旅行しか行ったことない自分にとって相当な衝撃発言でした(笑)

熊くんは、おもろそうなヤツかなとおもったかな!
会ったときは、趣味が何も無いと言っていたので、「そんな人いるんや~」と思っていたが、スタートアップウィークエンド行ったあたりから、次第にすごいおもしろいヤツになった感じです!

スタートアップウィークエンドからだったのかよ(笑笑)

スタートアップウィークエンド(SW)”は、金曜夜から日曜夜まで54時間かけて開催される、「スタートアップ体験イベント」です。熊谷くんのブログによると昨年の12月に参加しているようなので、杉本くんはそれまでは、おもろいと思ってなかった。

2015.12.19 [土] 「東京コスモ」がすごい!と噂の中、Webサイトを制作しました。

トライデントコンピュータ専門学校CGスペシャリスト学科卒業生で、現在白組で活躍中の宮内貴広さん、岡田拓也さんが制作した自主制作CGアニメーション「東京コスモ」がすごい!とインターネット上で話題になったのは、11月初旬のことでした。そんな折、CGの岩野先生を通じて、北村翔平さんから公式Webサイトの制作依頼をWebデザイン学科の学生にいただきました。

すでにYouTubeなどで公開され、海外からのコメントも多数あります。国内の映像コンテストの受賞やバイラルメディアに取り上げられるようになり、話題が話題をよぶ勢いでしたので、早々に情報を集約するWebサイトが必要との要望でした。そこで、時間をかけずに一気に制作、公開する方法として、Bootstrapを利用する方法を選択しました。Bootstrapのテーマを利用することで、素早く制作し、さらにスマートフォンへの対応も同時にできます。

本来であれば、サイトのコンテンツを提案し、ナビゲーションなど設計を行うべきなのですが、今後の展開も流動的なので、とりあえずは分散しつつある動画や画像、情報などを、シングルページにまとめて置くことにしました。

TOKYO COSMO / 東京コスモ【公式HP】

tokyo-cosmo_001.jpg

サイト制作の依頼があってから1週間ほどで、サーバー契約、ドメイン取得、Webサイト公開に漕ぎつけました。通常の学生プロジェクトでは考えられないスピード感でしたので、担当した学生も大変だったかと思います。

さすが、プロの作ったCGムービーは、評価が高くエンターテイメント性が強い作品でしたので、店舗や企業のWebサイトとは、また違った特徴がありましたので、いくつか紹介します。

公開直後、一気にアクセス

すでに、Twitterなどでファンと交流をしていましたので、「公式ホームページ公開!」と発表したときには、アクセス数が一気に跳ね上がりました。待っていた人が、かなり居たのかなと思います。

Twitter経由が中心ということもあり、スマホからのアクセスが7割近くありました。こういった結果を東京コスモ制作者に知ってもらえたので、その後のスマートフォン中心に考えて構成しようという提案を理解してもらいやすくなったと思います。

LINEで情報発信

東京コスモに関する企画やイベントは、東京コスモ公式LINE@で発信されます。いかにしてLINEに登録してもらうようにするかということも重要でした。そこでナビゲーション部、バナー、記事内、ページ下部の4ヶ所にリンクを設置しました。あまりLINEを使用しない立場から感じたのは、意外とクリック数も多く、そのままLINE@を登録する方が多かったと思います。現在、LINE登録は1000を超えていますし、コラボ企画やお知らせなど特定のファンに向けて発信する場合は、LINEの方が届きやすのかもしれません。

追記:東京コスモのメンバーが交流会(忘年会)を企画中です。その他コラボ企画も進行中で、興味がある人は、公式東京コスモLINEを見てください。

テレビで紹介されました

11月27日に、日本テレビの朝の情報番組「スッキリ!!」に東京コスモが紹介されました。放送が始まるとすぐにアクセス数が急増しました。やはりテレビ番組を見ながら検索でチェックする人が多く、観る人が少なくなってきたと言われるテレビですが、まだそのパワーは侮れないと感じました。人気検索ワードでも「東京コスモ」が上位に来てましたが、残念なのは「東京コスモ」で検索しても、この公式HPが上位に現れていなかったことですね。12月19日現在、でも2ページ目ですので、ここは改善していきたいところです。
でも、バイラルメディア系のサイトは強いですね。

声優を募集しています

こちらも、まったく声優の世界を知らない身としては、意外な展開でした。今でも毎日応募があり、Twitterで紹介していたりします。現在、1日のアクセス数が多いのも声優募集ページで、声優関連のWebサイト・検索からです。声優人気は凄いですね。

詳しくは、公式HPで。12月31日まで募集を延長しました。


ということで、自主制作作品の公式HPという特殊なサイト制作ですが、コンテンツの魅力、発信の仕方、企画へのファンの反応など新しい発見があり、とても勉強になっています。

先日、名古屋で開催された「国際デジタルアニメーションフェスティバル NAGOYA 2015」で準グランプリを獲得するなど、まだまだ勢いの衰えない東京コスモですが、今後もいろいろと企画が考えられているようですので、引き続きお手伝いができればと思います。

トライデントコンピュータ専門学校のWebサイトでは、制作者の岡田さんと宮内さんのコメントも掲載された記事が紹介されています。
OBによる自主制作3DCGアニメーション「東京コスモ」が凄い!!

追記:CG専門誌Webサイト「CGWORLD.JP」にも制作秘話などのインタビュー記事が掲載されてました。

検索フォーム
プロフィール

担当: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
学生がライトニングトークで話しました。
<展示会>
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
<コンテスト>
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
<Webサイト制作>
ミス・ユニバース・ジャパン岐阜大会公式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回若年者ものづくり競技大会閉会式
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科WCAN業界研究技能五輪ウェブデザイン職種ウェブデザイン2013若年者ものづくり競技大会Webサイト名古屋映画ECCコンピュータ専門学校ポートフォリオWinter2009学生ブログWebサイト制作WebデザインJavaScript2011WordPressかっぱ商店街礒田優cmsライトニングトーク矢野りんa-blog入学式NagoyaWordpress技能五輪全国大会2014卒業制作展オープンキャンパス瀬川大勝石黒雄介Summer1年生進級展面白法人カヤックAutumnCGイラスト学科アクセス解析Webテンプレート作成アクアリングホームページ・ビルダー若年者ものづくり大会GIOウェブデザイン技能競技会杉本拓也IIJ2015体験入学miniFlashhtml5あいちカレーラーメンコンテスト大阪Japan東京研修HCD2012Web制作会社ココストア卒展第48回技能五輪全国大会名古屋駅Adobein2010企業訪問jQueryセントレアSpringプロジェクト卒業制作愛知県99eagleCSS3HTML5合同企業展情報デザインGoogle田中睦翔プレゼンテーションgifアニメCentOS水野裕太情報デザインフォーラム専門学校閉館日学生人間中心設計BananaAd成田篤紀ラーメン上村水月Webワークショップマールウェブデザイン技能検定ブログパーツサイバーエージェントYahoo!Japaninput要素名古屋市科学館鷹野雅弘阿部淳也StoreWEBサイト制作者のためのHCDの理解in名古屋ワークショップコミュニケーションデザインワークショップ茂森仙直写真林田実樹LikeAnalytics作品集熊谷佳紀Apple幕張メッセ佐藤歩CSSCSSNiteBoxFICCカメラCMS戸田芳裕output要素SEOモンキーワークスNTTドコモ東海企業課題学生インタビュー空気人形知多みるくナゴヤドーム長屋めぐみ中日ドラゴンズスマホアプリ静岡UXparticletextarea要素ポートフォリオサイトカリキュラムcanvasForumうぇーぶ1年生作品展まぼろしoption要素レイアウトselect要素アンティー・ファクトリー岩手県2008トライデントF-site堀尾真衣NEXTビジュアルエディタ名古屋開府400年祭ウェブデザイン技能競技大会塚本碧たこ焼きCOMMUNICATIONトライデント合同企業展豊田市美術館グループ制作導入授業WordCampアサココ!ディプロス笈瀬本通りCalendar5T(ファイヴティー)イラストマップ和みAdventPluginWebデザインギャラリー産学協同fieldset要素会社訪問情報デザイン基礎DTPWORLDlabel要素就職活動legend要素WordFes名商連真鍋大度謹賀新年jbstyleform要素卒業式MarkupスマートフォンサーティファイWebクリエイター能力認定試験iPhone結果発表メ~テレRunstant初期設定スタジオジブリ・レイアウト展松坂屋美術館技能五輪予選unoplusWebDirectionEast'08デザインのへそネスカフェゴールドブレンドVideopuppetry鳥取WCAN46TAFF名古屋おもてなし武将隊武豊アニメーションフェスティバル鳥取砂丘福みつアンドリュー・ワイエス愛知県美術館デザイン浜松餃子武将都市ナゴヤ2008WinterXRAYフナ犬ポートピア名古屋プロ野球SIGGRAPHWEBサイト制作者のためのHCDの理解道頓堀ASIA新世界求人大沢たかお知多半島細川太郎増田悟名古屋サイト改善研究会HPデザイン小林信次デザインコンテスト中部国際空港株式会社01CODEポスターデザイン・コンペティション中級編名駅経済新聞商店サイト制作プチ・フレーズ三蔵UltimateGA名チャリ愛知商業高校ブラザー工業株式会社株式会社アクアリングLazyカンファレンス大西健太Loadforウェブリテラシー協会Slimbox2田中稚妃呂横浜デジタルアーツWEBTHECONTESTカメラワーク石井研二ウェブデザイン部門GoogleAnalyticsみの治商店TwitterStefan商店街金シャチ商店街タロヲW+KTokyo(+CRUZ)1→10designQubibi名古屋メディアボンドアクセシビリティビジュアルデベロップメント伊藤頼子プロトコル分析YORKE.IASagmeisterサーバーペルソナシナリオ笈瀬本通名古屋グランパスチタハン10名古屋クリエイターフットサルCODEグラフィクデザインポスターデザイン・コンペディション丹下紘希WEBサイト制作者のためのHCD(人間中心設計)の理解柴乃櫂人広島弁iPhone4ITCIRCUSArtlessAndrioidNamHelveticaNightカナバングラフィックス富岡聡学科ウサビッチ電信柱エレミの恋CMS特集ソバットシアターコマ撮りアニメWebリテラシー造形基礎ActionScriptヱヴァンゲリヲン新劇場版:破西田幸司ActionScript基礎HTML+CSS基礎旭食品サンプル製作所食品サンプル学生参加アイディグラフィックスanimationescalatorCS4モーション演習CG・イラストコンテストギレン総帥LPO第4回アックゼロヨン・アワードアニメーションMozoramaデッサングラフィックデザイン今井佳子ガンダムDesign後期入賞国家検定インターネットスキル認定普及協会山村浩二デコクレセキュリティADVENT□□□switch音楽ゲーム日本ファルコムGENOウィルスワークスコーポレーションUTZOOMLabuatTokyoBlogCOMPLETE「ヤノベケンジ-ウルトラ」展CHILDRENファルコム音楽フリー宣言VIIカスタマイズセミナー西村真里子WCAN×CSSNiteプレゼン演習ヤノベケンジライブペイント黒い太陽ウルトラ展広告批評TAFF'09CALENDARUNIQLO荒俣宏FANTASYFINAL武豊町アートアニメーションUNIQLOCKサムライクリ博就職フェスタペルソナ&シナリオ法浅野智CollegeFLEX横浜デジタルアーツ専門学校3校合同発表会FLASHおかだよういちペルソナ/シナリオ法イラストコンテストデュエル・マスターズ長谷川恭久ヨウイチSakae情報デザイン教育勉強会ウェブDeBLOG日本電子専門学校鎌倉ThereThenAndWasSalsaIA2010キックオフセミナー夢プロジェクト2009・成果報告会ウェブリテラシー協会第一回セミナーデザイナーのためのプログラミング入門NIKE箱根合宿森川眞行会社見学横浜中華街新横浜ラーメン博物館慶華飯店MAXスーパーエレメンツ山崎デザイン事務所ストリートビューTEXTUREJAPANインターネットクリエイティブアワードカラーJISHCDプロセスブランディングAutuminYahoo!世界のCMフェスティバル人喰いの大鷲トリコ是枝裕和監督ナゴヤデザインウィーク2009東京ゲームショウ2009大富豪スコアシートITホワイトボックスPHP勉強会中村勇吾dotFesロゴ公募FITCCREAM教育勉強会#infoedu佐藤可士和コピーライティング小野裕子ごはんとFlashマークアップ演習Flash-GameswonderflKyotoゆるキャラ閉会式マクロマリオネット映画のオープニングPHP5月11日バイドゥ平野健太郎ポートフォリオアイデア帳採用担当者の心に響くUI仕事レスポンシブWebデザインウェブアートデザイナーうぇ~~~~~~~ぶワイヤーフレーム高校14源賢司UXデザインDmm.com岡田陽一アクティビティシナリオKaizenグロースハッカーグロースハックPlatform職業実践専門課程出席率制作実績津田直明2016原一浩坂本貴史平野秀幸河地芳明沼田啓助カークスヴィルIA/UXプラクティス坂本邦夫Webプログラマー合同制作合同制作合宿専門士学位合宿懇親会WebデザイナーWebディレクターWeb制作のおしごとFlexibleBoxFlexboxWF1でBLOGインターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る新入生2015年度森田霞HighlighterSyntaxCrayon名古屋駅麺通りNCF2014HTMLbutton要素datalist要素keygen要素第52回技能五輪全国大会オリエンタル新年のご挨拶親孝行麺の匠マークアップエンジニアアップルップル熊﨑彩第53回ワクワク建設タウン建設経営者倶楽部クリスマス東京コスモ味仙CGスペシャリスト松田洋樹3DCGアクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティ夏麺フェア飯田淳介フロントエンドエンジニア木村哲朗竹中民男八木智章Velocity.jsScrollMagicScrollmagicAO入試プログラムクイズスタジオディテイルズ服部友厚佐藤洋介ターミナルフォトアルバム鈴木雄太衣台高校梅澤朝樹株式会社エイチーム山川綾那学校ProxyES6ECMAScriptライデントコンピュータ専門学校お母さんの二度見展ES2015制作合宿WCAN2017Springv4.0.1SyntaxHighlighter尾鷲高校出張講座アプリコンテストミス・ユニバース・ジャパン岐阜大会北濱大輔久保怜也信州アプリコンテスト[ゼロ]NCF2017堀川志維安藤WebアプリContentsofD3.jsスクラップブック夏休みの課題ノートPC貸与出身高校AWARDSTableTOC2017学習進級展タカガールサイト水曜日のカンパネラプラネタリアンResurgence日清食品グループジムナストコロン沖縄トライデント祭り夏季閉館日夏休みDay:IndependencePlunkerJSFiddleJSBinCodePenCodeplyjsdo.itクイズ駅麺通り涼麺学生作品集Monaca美大芸大水野怜美株式会社LIGNodeListHTMLCollectionマイクロソフトWebプログラミング初級講座appendChild()料理ドラマ驛麺通り再進学学園祭情報系いな世Instagramインスタグラム醐りょうoptgroup要素type属性ドコモ2011年度迎春敢闘賞docomoFutureTeamイマジンカップNHNStationツインメッセ静岡静岡県神戸神戸国際展示場鈴木東京ゲームショウゲーム大賞アマチュア部門ロゴマークメールマガジンOhanaBloosumBloom*Block張山大祐JQuery第50回結果画像をチェックボタンにするMuseモリサワFacebookたこ焼きパーティWeb制作合宿長野IllustratorTOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会尾花大輔GAMESHOWSVGFacebookページベースキャンプ名古屋プラネタリウムライアン・ウッドワード円JOY!map卒業・修了制作展愛知県立芸術大学キルト展絵文字CustomSmilies英国王のスピーチ卒業制作・研究発表会2011ぬいぐるみのラパンKtaistyle日本の四季中部国際空港名古屋市中村区FLAVER3.0FLV8341-3:2010笈瀬本通商店街キルターズフェスティバル2011GAINAXSUBARU放課後のプレアデスUntitled!!!!!!!!トライデントカレッジDRAGONドラゴンゲート愛知淑徳大学みつけものGATEゴールデンウィークマーサ・グレアム友章Googleロゴ恵那市岩村プロジェクションマッピング伊達千代DTPの勉強部屋ablogcms北岡弘至Magnumバルサマン3JAPANWORLDCUPウェブアクセシビリティみんなのICT熊野古道マカベン名古屋マークアップ勉強会table八鬼山串本熊野三山大門坂那智の大滝本州最南端テーブル宇野剛志栗山聡一備忘録parseFloat()parseInt()concrete5道家陽介石原愛実ランチ中村健太和歌山中華そばアロチ本家愛知県選手団青山敬司山田拓生加藤ひとみ結団式アイチータ紅茶専門店Liyn-anアイテムカンパニーネイルサロンマウア授業西岡克真Animationスパルタキャンプ岩出本店丸田屋丸高柏木祥太名古屋市営地下鉄AO特別授業青空学区Designergoogleあいちトリエンナーレ2013そこにいない。展PARTYPerfumeWebデザイン演習第51回技能五輪全国大会フジ家55さかなや晴れやか嵐が如くbyinspired木下健太郎就職東京佐藤ねじThree.jsプレゼンRhizomatiks田代豊たにぐちまこと麺屋ココイチ麺やOK最優秀賞ジョルテKDDIHTML5スマートアプリ&クリエイティブコンテスト卒業研究制作展10日でおぼえるLinuxサーバー入門教室GWDF81教室トライデント合同企業説明会モテ声ボーダーlist-item芸術大学AWARD高橋雅人カレーラーメン美術大学NCF2013displaylist-style-typeNTTドコモ東海支社X

メールフォーム

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

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