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

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

2016.07.08 [金] Webフロントエンド 佐藤歩さん[サイバーエージェント](業界研究2016)

今年度2回目の業界研究授業は、株式会社サイバーエージェントでフロントエンドエンジニアとして活躍している佐藤歩さんにお越しいただき、Webフロントエンジニアにお仕事について、講義をしていただきました。

cyberagent_sato_2016-2.jpg

サイバーエージェントといえば、大手のインターネットサービス企業です。
「アメブロ」や「AWA」「AbemaTV」などが有名ですが、「グランブルーファンタジー」などゲームを作っている株式会社Cygamesなどもグループ会社です。

cyberagent_sato_2016.jpg

佐藤さんは、以前、名古屋のアップルップルさんでエンジニアとして在籍されていて、その後サイバーエージェントに転職して東京で活躍されています。
最近、名古屋でリモートワークをされているということで、「これはチャンス!」とばかり業界研究をお願いしました。

講義「Webフロントエンドとは?」

cyberagent_sato_001.jpg

Webフロントエンドエンジニアとは、今みているこのブログをブラウザに表示させているHTMLやCSS, JavaScriptを書いている人です。
デザイナーの作成したデザインを表示させるため頑張る人です。
佐藤さんは、マークアップエンジニア(HTMLやCSSを書く人)と区別はつけてなく、フロント部分を担う人はフロントエンドエンジニアとして捉えているそうです。

業界研究授業では、今年入学したばかりの1年生と就職活動中でバリバリ作品を制作している2年生が合同で授業をうけますので、基本的なところから、ツールの使い方まで順々にわかりやすく話していただきました。

ついつい、興味のある分野に視野が狭まりがちですが「デザインもサーバーもどっちの視点もあると良い」というアドバイスや、チームで制作する上で相談の重要性、クオリティの違いなど現場の実感として話していただきました。
2年生は、これからグループ制作が本格化してくるタイミングでしたので、胸に刻んだと思います。

講義「新卒に向けてアドバイスしていること」

cyberagent_sato_002.jpg

最後に、会社では新卒の指導もされているということで、これからWeb業界に羽ばたく若者に向けてということで、

  • 「どうしたらいいですか?」的な投げっぱなしな質問をやめる
  • 情報収集がんばろう、勉強し続けよう
  • アウトプットはやっぱ大事
  • 社外にベンチマークをもつ
  • 「問いを立てる力」
  • 普段から意識して、生活することが重要ですね。

    今回の業界研究の内容は、佐藤さんのブログで公開されています。
    学生向けということで、Webとインターネットの違い、Web制作の流れなど基本的なことからわかりやすく解説されているスライドも、公開されていますのでぜひ御覧ください。

    Webデザイン学科の特別講義として、フロントエンドについて演説しました ::ハブろぐ

    名古屋にいるうちに、またいろいろとよろしくお願いしまーす。
    ありがとうございました。

    授業の冒頭、紹介してくれたMicrosoftの描く未来映像です。

    関連記事
    Comment







    (編集・削除用)


    管理者にだけ表示を許可
    Trackback
    http://tridentwebdesign.blog.fc2.com/tb.php/553-935a6c87
    検索フォーム
    熊本地震 支援・募金まとめ
    募集イベントバナー(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名古屋ECCコンピュータ専門学校ポートフォリオWebサイト映画2009Winter学生ブログWordPress2011JavaScriptWebサイト制作Webデザインかっぱ商店街礒田優卒業制作展cmsWordpressa-blog技能五輪全国大会Nagoya入学式ライトニングトーク2014矢野りん瀬川大勝SummerCGイラスト学科面白法人カヤック若年者ものづくり大会オープンキャンパスAutumnアクアリングテンプレート作成石黒雄介Webホームページ・ビルダーhtml52015杉本拓也1年生進級展inFlashIIJ2010第48回技能五輪全国大会miniウェブデザイン技能競技会Web制作会社あいちカレーラーメンコンテスト体験入学ココストア東京研修Japan大阪HCD名古屋駅アクセス解析2012AdobeGIOgifアニメ水野裕太情報デザインマールラーメンBananaAd情報デザインフォーラムGoogleWebワークショッププロジェクト上村水月田中睦翔合同企業展学生99eagle卒展CentOS専門学校人間中心設計CSS3企業訪問プレゼンテーションHTML5Springセントレアウェブデザイン技能検定ブログパーツ成田篤紀卒業制作愛知県岩手県CSSNiteSEOform要素fieldset要素label要素塚本碧カリキュラムCMSWebデザインギャラリーlegend要素真鍋大度たこ焼き名商連input要素ビジュアルエディタ長屋めぐみWEBサイト制作者のためのHCDの理解in名古屋静岡1年生作品展スマホアプリRunstantselect要素佐藤歩企業課題textarea要素option要素output要素グループ制作アンティー・ファクトリーLikeWordFesモンキーワークス和み堀尾真衣作品集鷹野雅弘スマートフォンCalendarAdventカメラ写真産学協同20085T(ファイヴティー)ワークショップ茂森仙直結果発表イラストマップ学生インタビュートライデントBox空気人形うぇーぶForumUXトライデント合同企業展レイアウトiPhoneAnalytics笈瀬本通りCSSサイバーエージェントFICCウェブデザイン技能競技大会幕張メッセ閉館日林田実樹まぼろし名古屋市科学館コミュニケーションデザインワークショップMarkupメ~テレ卒業式名古屋開府400年祭阿部淳也熊谷佳紀情報デザイン基礎ディプロス初期設定アサココ!サーティファイWebクリエイター能力認定試験就職活動WordCampDTPWORLD豊田市美術館謹賀新年会社訪問導入授業jQueryF-sitecanvasparticleナゴヤドーム戸田芳裕Apple中日ドラゴンズポートフォリオサイトjbstyle知多みるくStoreThenThereNIKE慶華飯店iPhone4フナ犬WasAndサーバー中級編名駅経済新聞名チャリ愛知商業高校名古屋サイト改善研究会増田悟シナリオCODEポスターデザイン・コンペティション小林信次Salsa横浜中華街名古屋メディアボンドアクセシビリティブラザー工業株式会社中部国際空港株式会社プロ野球ペルソナ&シナリオ法タロヲ商店街金シャチ商店街株式会社アクアリングクリ博就職フェスタ3校合同発表会ポートピア名古屋1→10designペルソナGA箱根合宿森川眞行横浜デジタルアーツ専門学校日本電子専門学校鎌倉会社見学新横浜ラーメン博物館Ultimate名古屋おもてなし武将隊武将都市柴乃櫂人ナゴヤ武豊アニメーションフェスティバルunoplusWCAN46広島弁TAFFチタハン10大沢たかおITCIRCUS浅野智新世界道頓堀グラフィクデザインAndrioidスタジオジブリ・レイアウト展WEBサイト制作者のためのHCD(人間中心設計)の理解松坂屋美術館Twitter求人みの治商店三蔵IA2010キックオフセミナー名古屋クリエイターフットサル伊藤頼子プロトコル分析笈瀬本通ビジュアルデベロップメントYORKE.細川太郎ウェブリテラシー協会第一回セミナー夢プロジェクト2009・成果報告会CODE知多半島福みつプチ・フレーズ技能五輪予選名古屋グランパス商店サイト制作ネスカフェゴールドブレンドWEBサイト制作者のためのHCDの理解ポスターデザイン・コンペディション浜松餃子IA大富豪スコアシートTAFF'09広告批評WCAN×CSSNite武豊町アートアニメーションVIIFANTASYFINAL西村真里子プレゼン演習DesignCS4サムライデッサンWebリテラシーActionScript基礎HTML+CSS基礎造形基礎ADVENTCHILDREN日本ファルコム□□□switch山村浩二ゲーム音楽UNIQLO荒俣宏ファルコム音楽フリー宣言デコクレセキュリティLabuatTokyoCOMPLETEUTZOOMBlogGENOウィルスワークスコーポレーション「ヤノベケンジ-ウルトラ」展TEXTURE中村勇吾W+KTokyo(+CRUZ)QubibiArtlessStefanSagmeisterWebDirectionEast'08デザインのへそHelveticaNam丹下紘希WEBウェブデザイン部門カンファレンスTHECONTESTHPデザインデザインコンテスト012008WinterXRAYFLASHMAXデザイナーのためのプログラミング入門FLEXCollege佐藤可士和SakaeNightPHP愛知県美術館VideopuppetryASIASIGGRAPH鳥取鳥取砂丘アンドリュー・ワイエスデザインCALENDARカスタマイズセミナーKyotodotFesHCDプロセスwonderflFlash-Games映画のオープニング閉会式ゆるキャラブランディングAutuminITホワイトボックスPHP勉強会東京ゲームショウ2009世界のCMフェスティバルYahoo!カラーストリートビューJAPANインターネットクリエイティブアワードマクロマリオネットマークアップ演習デュエル・マスターズ長谷川恭久スーパーエレメンツイラストコンテストヨウイチペルソナ/シナリオ法情報デザイン教育勉強会ウェブDeBLOG山崎デザイン事務所コピーライティングFITCCREAMごはんとFlashロゴ公募教育勉強会小野裕子#infoedu人喰いの大鷲トリコ是枝裕和監督富岡聡学科旭食品サンプル製作所カナバングラフィックスウサビッチソバットシアターコマ撮りアニメ電信柱エレミの恋食品サンプルActionScript黒い太陽ウルトラ展ヤノベケンジライブペイントインターネットスキル認定普及協会ヱヴァンゲリヲン新劇場版:破西田幸司国家検定CMS特集学生参加CG・イラストコンテストモーション演習animation第4回アックゼロヨン・アワードLPOナゴヤデザインウィーク2009UNIQLOCKギレン総帥escalatorアニメーショングラフィックデザイン今井佳子アイディグラフィックスガンダム入賞Mozorama後期おかだよういちablogcmsアクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティVelocity.jsScrollMagic建設経営者倶楽部ワクワク建設タウンクリスマス熊﨑彩第53回Scrollmagic八木智章木村哲朗アップルップルマークアップエンジニア森田霞フロントエンドエンジニア飯田淳介竹中民男Yahoo!Japan夏麺フェア東京コスモ3DCG14グロースハッカーグロースハックPlatform高校採用担当者の心に響くバイドゥ平野健太郎ポートフォリオアイデア帳KaizenアクティビティシナリオFlexbox味仙CGスペシャリスト松田洋樹FlexibleBox岡田陽一源賢司UXデザインDmm.comHighlighterSyntax愛知県選手団青山敬司山田拓生加藤ひとみ結団式アイチータアイテムカンパニーネイルサロンマウア授業西岡克真Animationスパルタキャンプ岩出本店丸田屋丸高柏木祥太名古屋市営地下鉄AO特別授業青空学区紅茶専門店Liyn-antype属性スマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りNTTドコモ東海インターンシップWF1でBLOGCrayon2015年度新入生NCF2014新年のご挨拶button要素datalist要素keygen要素optgroup要素HTML第52回技能五輪全国大会親孝行麺の匠オリエンタルUI仕事Instagramインスタグラム醐りょうドラマ料理芸大水野怜美株式会社LIGいな世驛麺通り沖縄ジムナストコロン日清食品グループタカガールサイト学生作品集Monaca再進学学園祭情報系美大NodeListWCAN2017Springv4.0.1SyntaxHighlighter制作合宿Proxy学校服部友厚佐藤洋介ターミナルES2015ES6マイクロソフトWebプログラミング初級講座appendChild()HTMLCollection進級展学習ECMAScriptライデントコンピュータ専門学校お母さんの二度見展水曜日のカンパネラプラネタリアンWebデザイナーWebディレクターWeb制作のおしごと懇親会Webプログラマー坂本邦夫津田直明2016原一浩合宿合同制作レスポンシブWebデザインウェブアートデザイナーうぇ~~~~~~~ぶワイヤーフレーム職業実践専門課程出席率合同制作合宿専門士学位制作実績坂本貴史涼麺jsdo.itCodeplyPlunker駅麺通りクイズResurgenceDay:IndependenceJSFiddleJSBinカークスヴィルIA/UXプラクティス平野秀幸沼田啓助河地芳明CodePenプログラムクイズAO入試アロチ本家和歌山中華そばプラネタリウムライアン・ウッドワードマーサ・グレアム5月11日鈴木東京ゲームショウ神戸神戸国際展示場Googleロゴゴールデンウィーク恵那市岩村プロジェクションマッピングバルサマン3みつけもの愛知淑徳大学GATEDRAGONドラゴンゲートゲーム大賞アマチュア部門OhanaBloosumTeamイマジンカップNHNBloom*Block尾花大輔TOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会StationFutureツインメッセ静岡静岡県ロゴマークメールマガジン敢闘賞迎春docomoドコモ2011年度JAPANWORLDCUPMagnumFLV8341-3:2010XJISFLAVER3.0名古屋市中村区放課後のプレアデスキルターズフェスティバル2011笈瀬本通商店街ウェブリテラシー協会Slimbox2田中稚妃呂横浜デジタルアーツGoogleAnalytics石井研二大西健太LazyforPluginLoadSUBARUGAINAXトライデントカレッジUntitled!!!!!!!!英国王のスピーチ卒業制作・研究発表会2011スタジオディテイルズ北岡弘至伊達千代DTPの勉強部屋ぬいぐるみのラパンKtaistyleキルト展日本の四季中部国際空港愛知県立芸術大学卒業・修了制作展CustomSmilies絵文字円JOY!mapGAMESHOW卒業研究制作展最優秀賞ジョルテKDDI10日でおぼえるLinuxサーバー入門教室トライデント合同企業説明会googleGWDF81教室HTML5スマートアプリ&クリエイティブコンテストモテ声ボーダー美術大学芸術大学AWARDCOMMUNICATIONNCF2013NTTドコモ東海支社list-itemdisplaylist-style-typeDesignerparseInt()八鬼山熊野古道マカベン名古屋マークアップ勉強会串本本州最南端熊野三山大門坂那智の大滝tableテーブルconcrete5栗山聡一備忘録parseFloat()道家陽介中村健太宇野剛志石原愛実ランチNEXT高橋雅人モリサワFacebookたこ焼きパーティWeb制作合宿ウェブアクセシビリティみんなのICT就職東京佐藤ねじMuse画像をチェックボタンにするIllustratorSVGFacebookページベースキャンプ名古屋長野結果張山大祐JQuery第50回木下健太郎Three.js晴れやか嵐が如く第51回技能五輪全国大会Webデザイン演習さかなやフジ家55カレーラーメン麺やOK麺屋ココイチあいちトリエンナーレ2013そこにいない。展田代豊たにぐちまことプレゼンRhizomatiksinspiredPARTYPerfumebyカメラワーク

    メールフォーム

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

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