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

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

2015.07.16 [木] 業界研究「フロントエンドエンジニア」木村哲朗さん、礒田優さん(まぼろし)

7月7日、七夕の日に東京の株式会社まぼろしから、木村さんと礒田さんにお越しいただき「フロントエンドエンジニア」についての業界研究授業を行いました。

maboroshi2015_005.jpg

株式会社まぼろし


最初に木村さんから、「フロントエンドエンジニア」のしごと内容について解説されました。フロントとは「ブラウザで表示されるもの」「ブラウザ上で動作するもの」ということで、その“モノ”の動的機能の設計や実装が主な仕事となります。

具体的な動的機能とは、画面上の動きであったり、サーバーとの通信であったりし、JavaScriptで動的な表現をすることになります。

maboroshi2015_003.jpg

また、jQueryはデザイナーでも使えて当たり前になってきているし、jQueryからJavaScriptで何ができるのかを学びJavaScriptの知識・技術を深めていくこともできるということでした。

そして、フロントエンジニアとしての鍵として「設計」の重要性をワークショップを通じて、教えていただきました。ついつい機能や派手なアクションに意識が行ってしまいがちですが、求められている機能をどう実現するか設計できないことには始まらないというこです。まずは「自分の言葉にしてみる」コレが重要です。

maboroshi2015_002.jpg

木村さんのわかりやすい講義に続いて、卒業生の礒田さんが入社以来関わってきた仕事の紹介と、「学生にやっておいて欲しいこと」ということで「BEM」「ターミナルの使用」「Git」について解説をしていただきました。

maboroshi2015_001.jpg

有名企業のサイトから、技術的に難しそうな実装まで数多くの仕事をしています。「学生時代にやっておいて欲しいこと」については、1年生には初めて聞く技術的な話でしたが、学生時代、このブログにも頻繁に登場しているとおり(※名前をサイト内検索すればたくさん出てきます)、常に色々な事に挑戦し、高みを目指してきた彼だからこそ、実感のこもった話だと感じました。


今回は、1年生の授業ではJavaScriptの基礎部分に入った段階で、日本でも有数のWeb制作会社の「フロントエンドエンジニア」の方々から、直接、お話を聞けて今後の目標・指針になったのではないでしょうか。

この度は、名古屋までお越しいただきありがとうございました。

2015.03.05 [木] CSS3&jQueryで作る スマートフォンサイトUI図鑑を読みました。

昨年度の卒業生、礒田くんが執筆した本「CSS3&jQueryで作る スマートフォンサイトUI図鑑」が発売されました。早速、購入して読んでみました。


weeeeb_004.jpg
weeeeb_003.jpg

現在、Webサイトの制作において、スマートフォンを外すことはできません。現場の制作者が試行錯誤して定番化してきた、UIが網羅されています。
さらにUIを実装するためのソースコードが紹介されており、HTML, CSS, jQueryの使い方がわかる人であれば、簡単に制作中のサイトに取り込むことができます。購入者には特典として、サンプルデータのダウンロードもあります。


今年度1年生の後期「Webデザイン」の授業で、同じようにUIをまとめた講義用資料をAndroid PatternsMaterial designなどを参考にして準備したのですが、結構時間がかかりました。しかし、この本があれば、検索時に必要なUI名、別称から使いどころ、実装方法までわかってしまう、まさにUI図鑑。UI名がわかれば「すっと現れて消えるメニュー」とか抽象的な検索して、思わぬ記事を表示させるようなことがなくなり、余計な時間をかけずに済むわけです。
Webサイトのみならず、アプリ制作にも知っておきたい知識です。UIの実装方法を調べるときに、手間取っている方にオススメです。


こうやって、卒業生の活躍を知れることは嬉しい限りです。ますますの活躍、期待してます。


2013.11.25 [月] 銀メダル・銅メダル獲得【第51回技能五輪全国大会】

11月18日〜20日まで行われていた「第51回技能五輪全国大会」の閉会式が千葉県・幕張メッセで行われました。全40職種の競技者が集まっての閉会式でその人数に圧倒されます。やっと終わるという安堵感や、数日間しのぎを削ったという一体感、そして成績発表があるという緊張感など、独特の雰囲気です。

gorin1125_002.jpg gorin1125_003.jpg

トライデントコンピュータ専門学校から参加している、二人も緊張?の様子です。

gorin1125_004.jpg

大会役員の方々の挨拶が終わり、いよいよ成績発表です。まずは、技能団体賞の表彰からです。
最優秀技能団体賞は、9年連続で「愛知県」が受賞しました!これで、来年のあいち技能五輪・アビリンピックで10連覇がかかります。
さて、いよいよ各職種の成績発表です。ウェブデザイン職種は、とび職種に次いで2番目の発表になります。敢闘賞に続き、3位銅メダルの発表です。

gorin1125_008.jpg

お〜!!!! 石黒君が銅メダル受賞です!おめでとうございます。
同じ愛知県の長屋さんも銅メダルです。おめでとうございます。
続いて、2位銀メダル。
こちらも、見事!礒田くんが銀メダルを受賞です。Webデザイン学科から出場の2名ともメダルを受賞!おめでとうございます!

gorin1125_007.jpg

金メダルは、愛知県・名古屋市立工芸高校の佐野さんでした!佐野さんは、昨年の若年者ものづくり競技大会、技能五輪全国大会、今年の若年者ものづくり大会、技能五輪と4回競技大会に出場して、念願の優勝ですね。おめでとうございます!

gorin1125_009.jpg

最終的な成績は、以下の通りです。入賞者の皆さん、おめでとうございます!また、参加した選手の皆さん、お疲れさまでした。来年は、愛知県での開催になりますので、ぜひまたお越しください。

氏名所属
金賞佐野 梓愛知県名古屋市立工芸高等学校
銀賞藤岡 諒神奈川県ヒューマンアカデミー横浜校
多田 周平東京都日本電子専門学校
礒田 優愛知県トライデントコンピュータ専門学校
銅賞長屋 めぐみ愛知県名古屋市立工芸高等学校
石黒 雄介愛知県トライデントコンピュータ専門学校
曽根 知博長野県セイコーエプソン株式会社
敢闘賞島袋 公汰東京都日本電子専門学校
山本 啓太大阪府ECCコンピュータ専門学校
助川 拓真東京都日本電子専門学校
久 柚香子神奈川県ヒューマンアカデミー横浜校

最後に、愛知県代表のメダリストで記念撮影。協力していただいた学生、学校関係者の皆さま、各先生、PHP特別講師の伊藤先生、名古屋のWeb業界の皆さまのお陰でメダル受賞という成績が残せました。
本当にありがとうございました。

gorin1125_001.jpg

引き続き、頑張っていこうと思います。今後ともよろしくお願いします。
その他の職種の成績などは、中央職業能力開発協会のWebサイトに発表されています。PDFだけど。。。

2013.11.18 [月] 第51回技能五輪全国大会1日目

本日より、愛知県小牧市の中部職業能力開発促進センターで第51回技能五輪全国大会 ウェブデザイン職種が開催されました。

ginougorin1118_003.jpg

1日目は、例年どおり、席順(プレゼンテーション順)の抽選と、競技課題の説明、PC環境の動作確認でした。トライデントコンピュータ専門学校の石黒くんは1番、礒田くんは13番の席となりました。

ginougorin1118_002.jpg ginougorin1118_003.jpg

ちなみに課題は、技能五輪のWebサイトにPDFファイルが公開されていますので、興味のある方はご覧ください。他の競技からの影響も少ない環境ですので、明日から2日、11時間集中して頑張ってほしいと思います。

明日以降も大会の様子をレポートしていきますので、よろしくお願いします。

2013.10.07 [月] 技能五輪愛知県選手団結団式がありました。

11月に千葉県幕張メッセを中心に開催される第51回技能五輪全国大会・第34回全国障害者技能競技大会愛知県選手団結団式が、刈谷市産業振興センターで行われました。
トライデントコンピュータ専門学校からもウェブデザイン職種に2名、愛知県代表として参加します。

2013aichi_004.jpg

来年、2014年は愛知県で技能五輪全国大会・アビリンピックが開催されるとあって、今回も200人を超える選手団の活躍が期待されます。来賓として大村愛知県知事からも激励の挨拶があり、また来年の愛知県技能五輪のマスコット、アイチータも会場に来ていました。

2013aichi_002.jpg

ちなみに、アイチータは今年の「ゆるキャラグランプリ2013」に参戦しており「皆さんと一緒に全国一を目指して、頑張っている」そうです。(2013年10月7日現在、634位。頑張れ!)

大会まで1ヶ月あまり、頑張れ愛知県!!!

2013aichi_003.jpg 2013aichi_001.jpg

大会までの様子なども紹介していきますので、お楽しみに。
検索フォーム
熊本地震 支援・募金まとめ
募集イベントバナー(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コンピュータ専門学校映画ポートフォリオ2009Winter学生ブログWebデザインWebサイト制作WordPress2011JavaScript礒田優かっぱ商店街入学式cmsNagoyaライトニングトーク卒業制作展矢野りんa-blogWordpress2014技能五輪全国大会SummerCGイラスト学科Web瀬川大勝テンプレート作成石黒雄介ホームページ・ビルダーAutumn若年者ものづくり大会オープンキャンパス面白法人カヤックアクアリング1年生進級展2012第48回技能五輪全国大会大阪東京研修杉本拓也miniinアクセス解析ウェブデザイン技能競技会html5Flash体験入学JapanHCD2010GIO名古屋駅あいちカレーラーメンコンテストIIJココストアAdobe2015Web制作会社gifアニメ水野裕太CentOSラーメン卒業制作専門学校企業訪問Google卒展田中睦翔人間中心設計マール情報デザインフォーラム学生99eagleBananaAdCSS3合同企業展プレゼンテーションWebワークショップ上村水月情報デザインHTML5ウェブデザイン技能検定愛知県プロジェクトセントレアブログパーツ成田篤紀SpringCMStextarea要素output要素岩手県option要素カリキュラムlabel要素form要素Likefieldset要素legend要素select要素学生インタビューinput要素グループ制作FICCまぼろしうぇーぶナゴヤドーム知多みるくparticlecanvas1年生作品展サイバーエージェント長屋めぐみWEBサイト制作者のためのHCDの理解in名古屋SEO真鍋大度中日ドラゴンズスマホアプリアンティー・ファクトリー企業課題名商連モンキーワークス産学協同スマートフォン鷹野雅弘茂森仙直WordFesトライデント合同企業展ワークショップカメラ和み2008CalendarAdvent写真5T(ファイヴティー)作品集笈瀬本通り空気人形堀尾真衣ビジュアルエディタたこ焼きAnalyticsWebデザインギャラリー佐藤歩レイアウトCSSイラストマップ結果発表トライデントUXiPhoneForumBox塚本碧WordCamp熊谷佳紀F-site名古屋市科学館名古屋開府400年祭静岡阿部淳也卒業式jQuery会社訪問DTPWORLDWebクリエイター能力認定試験閉館日導入授業サーティファイ幕張メッセMarkup就職活動林田実樹豊田市美術館CSSNite謹賀新年Appleメ~テレコミュニケーションデザインワークショップ初期設定戸田芳裕Storeポートフォリオサイト情報デザイン基礎ディプロスウェブデザイン技能競技大会Yahoo!JapanRunstantjbstyleアサココ!中部国際空港株式会社ブラザー工業株式会社WasSalsaCODEポスターデザイン・コンペティションAndrioid増田悟アクセシビリティWEBサイト制作者のためのHCD(人間中心設計)の理解小林信次ITCIRCUS夢プロジェクト2009・成果報告会IA2010キックオフセミナー株式会社アクアリングウェブリテラシー協会第一回セミナー慶華飯店iPhone4森川眞行広島弁GoogleAnalytics会社見学タロヲ横浜デジタルアーツペルソナ1→10design細川太郎石井研二カメラワークAnd金シャチ商店街ThenThereNIKE新横浜ラーメン博物館箱根合宿商店街柴乃櫂人横浜中華街名古屋メディアボンドGA名古屋クリエイターフットサル鎌倉CODEシナリオ技能五輪予選ネスカフェゴールドブレンド大沢たかおWEBサイト制作者のためのHCDの理解道頓堀新世界求人ポスターデザイン・コンペディショングラフィクデザインスタジオジブリ・レイアウト展Twitter知多半島三蔵松坂屋美術館unoplusフナ犬ポートピア名古屋プロ野球プチ・フレーズ笈瀬本通商店サイト制作愛知商業高校名チャリサーバーみの治商店IAチタハン10名駅経済新聞餃子福みつ名古屋サイト改善研究会中級編UltimateWCAN46ビジュアルデベロップメントナゴヤ伊藤頼子プロトコル分析YORKE.武将都市TAFF武豊アニメーションフェスティバル名古屋おもてなし武将隊名古屋グランパス浜松ITホワイトボックス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フェスティバルPHP勉強会電信柱エレミの恋ウサビッチカナバングラフィックスコマ撮りアニメソバットシアターアイディグラフィックス学生参加CMS特集富岡聡学科国家検定インターネットスキル認定普及協会ライブペイント西田幸司ヱヴァンゲリヲン新劇場版:破旭食品サンプル製作所食品サンプルActionScript今井佳子グラフィックデザインUNIQLOCKギレン総帥LPOナゴヤデザインウィーク2009是枝裕和監督大富豪スコアシート東京ゲームショウ2009人喰いの大鷲トリコ第4回アックゼロヨン・アワードCG・イラストコンテスト後期入賞ガンダムMozoramaアニメーションモーション演習animationescalator日本電子専門学校3CGスペシャリスト松田洋樹3DCG東京コスモ味仙FlexboxUXデザインDmm.com岡田陽一FlexibleBoxクリスマス熊﨑彩Velocity.jsScrollMagicScrollmagic八木智章Webアクセシビリティアクセシビリティからはじめる、WebサイトのUXデザイ第53回ワクワク建設タウン建設経営者倶楽部源賢司アクティビティシナリオウェブアートデザイナーうぇ~~~~~~~ぶワイヤーフレーム仕事レスポンシブWebデザイン職業実践専門課程専門士学位出席率UIバイドゥグロースハッカーグロースハックPlatformKaizen14高校平野健太郎ポートフォリオアイデア帳採用担当者の心に響く竹中民男夏麺フェアoptgroup要素type属性紅茶専門店Liyn-anアイテムカンパニーkeygen要素datalist要素第52回技能五輪全国大会HTMLbutton要素ネイルサロンマウア授業加藤ひとみ西岡克真AnimationAO山田拓生青山敬司アイチータ結団式愛知県選手団オリエンタル麺の匠森田霞HighlighterSyntaxCrayonマークアップエンジニアアップルップル飯田淳介フロントエンドエンジニア木村哲朗2015年度新入生NTTドコモ東海NCF2014新年のご挨拶親孝行名古屋駅麺通りCSS3&jQueryで作るWF1でBLOGインターンシップスマートフォンサイトUI図鑑合同制作合宿合同制作HTMLCollectionNodeList美大芸大appendChild()Webプログラミング初級講座お母さんの二度見展学習進級展マイクロソフト水野怜美株式会社LIGいな世驛麺通り再進学醐りょうインスタグラム料理ドラマInstagramライデントコンピュータ専門学校ECMAScript山川綾那鈴木雄太フォトアルバムスタジオディテイルズ株式会社エイチーム梅澤朝樹出張講座尾鷲高校衣台高校服部友厚佐藤洋介SyntaxHighlighter制作合宿ES2015ES6v4.0.1WCAN2017Springターミナル学校Proxy学園祭情報系カークスヴィルIA/UXプラクティス平野秀幸坂本貴史沼田啓助河地芳明CodePenプログラムクイズAO入試制作実績津田直明WebディレクターWeb制作のおしごと懇親会合宿WebデザイナーWebプログラマー2016原一浩坂本邦夫JSBinJSFiddle夏休みジムナストコロン日清食品グループタカガールサイト夏季閉館日トライデント祭りMonaca学生作品集沖縄水曜日のカンパネラプラネタリアン涼麺jsdo.itCodeplyPlunker駅麺通りクイズResurgenceDay: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プロジェクションマッピングバルサマンノートPC貸与トライデントカレッジ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