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

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

2015.06.10 [水] 第10回ウェブデザイン技能競技会が行われました。

5月末、トライデントコンピュータ専門学校で「第10回ウェブデザイン競技会」を行いました。

ウェブデザイン技能競技会は、国内のウェブデザイン技術・技能に関わる若者の技術・技能レベルを競うことにより、優れた技能と⾝近に触れあう機会を提供することで、ウェブデザイン技術・技能の振興および業界の⼀層の発展を⽬指します。 という目的でインターネットスキル認定普及協会主催で行われます。
若年者部門(20歳以下)と一般部門(23歳以下)があり、若年者部門の入賞者は若年者ものづくり競技大会、一般部門の入賞者は技能五輪全国大会への出場することができます。

ginogorin_webdesign2015.jpg

先日、競技会の成績が発表され、Webデザイン学科1年生の瀬川大勝くんが、見事入賞しました!

h27_kyougi_resultTRI.jpg

もともと、入学前から技能五輪に出場したいと考えていたようですが、多少経験のあったHTMLやCSSは全く通用せず、初めてさわるJavaScript, PHPやDBなどに苦労しましたが、ほぼ毎日遅くまで練習した努力の結果です。おめでとうございます。

今後は、12月に千葉県幕張メッセで開催される「第53回技能五輪全国大会」の出場に向け頑張ってください。

2015.06.09 [火] WordPressでCrayon Syntax Highlighterプラグイン

このブログでは、HTMLやCSS, JavaScriptなどのコードを使って、説明がしたい場合、以前書いた「canvas要素でパーティクル vol.2」の記事のように、Syntax Highlighterを利用しています。pre要素やcode要素でも、そのまま表示されますが、Syntax Highlighterなどを使うと要素や属性などが色分けされたり、表示するFontが変更されたりと、わかりやすい表示ができるようになります。

現在、1年生に書いてもらっている「WF1でBLOG 2015」は、WordPressを利用していますので、同じようにコードのスタイルを変更するためのプラグイン「Crayon Syntax Highlighter」をインストールしてあります。今後、コードの解説などを書く機会もありますので、簡単な使用の仕方を書いておきます。

crayonSH.jpg

インストールの仕方などは、WordPressのプラグインディレクトリーからダウンロードして、FTPでアップロードしてインストールするか、ダッシュボードのプラグインからインストールしてください。

crayon001.jpg

インストールが成功すると、プラグインメニューにCrayon Syntax Highlighterが表示されます。設定をクリックすると、デフォルトの仕様が設定できるようになっていますが、今回は触らずデフォルトの設定で利用します。

crayon002.jpg

あとは、記事を書くときに「投稿の編集」画面のテキストエディターの上部に“crayon”ボタンが設置されていますので、ソースコードを記事内に表示したい場合は、このボタンを押します。

crayon003.jpg

コードを挿入したい場所にカーソルを入れて、crayonボタンを押すとモーダルでウィンドウが開きます。コードフォームの中に表示したいコードを書きます。今回は、<!DOCTYPE html>と記入しました。

crayon005.jpg

上部の挿入ボタンを押せば、

&lt; !DOCTYPE htm&gt;

とpre要素にclassを追加し、< >を文字実態参照に変換して、テキストエディターに挿入されます。エディターで変更した部分は他の記事に影響はしないので、たとえば同じ記事内でも違う設定で挿入することが可能です。
使用すると重くなるなど影響もありますが、「Crayon Syntax Highlighter」使う使わないにかかわらず、コードを区別して表示することで、わかりやすい記事にしたいですね。


参考:Crayon Syntax Highlighter - ソースコードを記事上で綺麗に表示できるWordPressプラグイン - ネタワン

2015.06.08 [月] 学生ポートフォリオサイト2015

今年度から、就職活動のスケジュールの変更があり、活動開始の時期が少し遅くなりましたが、ポートフォリオの必要性は変わりません。昨年一昨年に引き続き、毎年恒例の学生ポートフォリオ公開です。

2015.06.05 [金] WCAN 2015 Summerで学生がしゃべります。

毎年、トライデントコンピュータ専門学校が協賛させていただいているWCANの夏のイベント「WCAN 2015 Summer」の参加申し込みが始まっています。

今回も豪華なスピーカーもさることながら、Webデザイン学科1年生の瀬川くんがLT(ライトニングトーク)で話します。内容は現在検討中ですが、Webデザイン学科で学ぶことになってからの話になると思いますので、お楽しみに。

WCAN 2015 Summer

日程:2015年7月11日(土) 13:45~ 受付開始 13:00~

会場:名古屋商科大学 名古屋キャンパス 丸の内タワー 14Fホール
   〒460-0003 愛知県名古屋市中区錦1丁目3-1

会費:一般/¥3,000(税込) 学生/¥1,000(税込)


WCAN-BigBanner2015s.jpg
セッション
益子 貴寛さん(株式会社サイバーガーデン 代表取締役)
コンバージョンを考えたコンテンツ戦略とサイト設計

Webサイトに対して、コンバージョン(成果)への直接的な貢献がシビアに求められる時代になりました。コンテンツも、ビジュアルデザインも、マーケティングも、コンバージョンというゴールに向かってどのように設計し、実現するかが問われています。
しっかりとしたコンテンツをつくればよい、という「プロダクト・アウト」の発想ではなく、消費者の求める情報とチャネルにあわせる「マーケット・イン」の発想と、コンバージョンにつなげるための入念な動線設計が、コンテンツ制作では不可欠です。
クライアント企業のビジネスゴールから必要なコンテンツを導く方法と、コンバージョンのための設計やコンテンツに関するさまざまな工夫を、実際の案件資料や事例をお見せしながら解説します。


セッション
辻 正浩さん(株式会社so.la
進化を続ける検索エンジンから集客を続けるポイント

Webサイトに対して、コンバージョン(成果)への直接的な貢献がシビアに求められる時代になりました。コンテンツも、ビジュアルデザインも、マーケティングも、コンバージョンというゴールに向かってどのように設計し、実現するかが問われています。
しっかりとしたコンテンツをつくればよい、という「プロダクト・アウト」の発想ではなく、消費者の求める情報とチャネルにあわせる「マーケット・イン」の発想と、コンバージョンにつなげるための入念な動線設計が、コンテンツ制作では不可欠です。
クライアント企業のビジネスゴールから必要なコンテンツを導く方法と、コンバージョンのための設計やコンテンツに関するさまざまな工夫を、実際の案件資料や事例をお見せしながら解説します。


セッション
こもり まさあきさん
WebデザイナーのためのSPAsことはじめ

Webの閲覧デバイスが多様化し、コンテンツは静的なページから動的に変わるものが増えています。
従来のようにリクエストにあわせて画面全体をリフレッシュするのではなく、URLを含めて単一のページでコンテンツを動的に変化させるSPAs(Single Page Applications)は、従来の静的なコンテンツ制作とは異なる知識が必要となってきます。
本セッションでは、SPAsスタイルの遷移をもつWebサイトを作るために必要な基礎知識をデモをまじえて解説します。


今回から、会場も丸の内に新しく建設された、名古屋商科大学の丸の内タワーで開催されます。聞くところによると、大画面のディスプレイを擁する最新の設備とのこと。またWebデザイン学科の1年生が参加する最初のWCANですので、楽しみにしています。Webを学ぶ学生はもちろん、現場で働いている方も、ぜひ参加してみてください。

Tag : WCAN 2015 Summer
検索フォーム
熊本地震 支援・募金まとめ
募集イベントバナー(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コンピュータ専門学校2009WinterポートフォリオWebサイト学生ブログ映画Webサイト制作2011WebデザインWordPressJavaScriptかっぱ商店街礒田優技能五輪全国大会a-blog入学式2014cms矢野りんWordpress卒業制作展NagoyaライトニングトークSummer若年者ものづくり大会オープンキャンパステンプレート作成瀬川大勝WebCGイラスト学科Autumn面白法人カヤックホームページ・ビルダー石黒雄介体験入学第48回技能五輪全国大会大阪アクアリング東京研修2012html5杉本拓也inIIJあいちカレーラーメンコンテストmini2010JapanHCD20151年生進級展Adobe名古屋駅ウェブデザイン技能競技会FlashGIOココストアアクセス解析愛知県上村水月卒展専門学校CentOS水野裕太田中睦翔gifアニメラーメンBananaAdSpringプロジェクト企業訪問99eagle合同企業展セントレア卒業制作情報デザインGoogleプレゼンテーションウェブデザイン技能検定ブログパーツ成田篤紀情報デザインフォーラムCSS3HTML5学生マールWeb制作会社Webワークショップ人間中心設計導入授業WordFes作品集WordCampfieldset要素5T(ファイヴティー)ディプロスlabel要素legend要素AdventMarkuptextarea要素レイアウト名古屋開府400年祭input要素豊田市美術館F-siteBoxアサココ!Webデザインギャラリーグループ制作Apple企業課題たこ焼き鷹野雅弘CSSForumスマートフォンStore情報デザイン基礎DTPWORLDUXform要素2008Like和みCalendarアンティー・ファクトリー写真トライデント合同企業展AnalyticsCSSNiteカメラワークショップ結果発表産学協同モンキーワークス笈瀬本通りイラストマップoption要素ナゴヤドーム中日ドラゴンズ知多みるく戸田芳裕トライデントウェブデザイン技能競技大会名商連iPhone堀尾真衣FICCCMSカリキュラム静岡jbstyleWEBサイト制作者のためのHCDの理解in名古屋岩手県塚本碧真鍋大度ポートフォリオサイトSEO空気人形メ~テレビジュアルエディタ卒業式会社訪問阿部淳也コミュニケーションデザインワークショップ名古屋市科学館jQuery就職活動1年生作品展閉館日particlecanvasサーティファイ林田実樹Runstant初期設定佐藤歩熊谷佳紀学生インタビュースマホアプリ長屋めぐみうぇーぶoutput要素Webクリエイター能力認定試験謹賀新年まぼろしselect要素幕張メッセ坂本貴史ゆるキャラ津田直明閉会式デュエル・マスターズFlash-GameswonderfldotFes制作実績ブランディング映画のオープニングKyotoHCDプロセス長谷川恭久ロゴ公募FITC教育勉強会2016#infoeduコピーライティングCREAMAutumin小野裕子マークアップ演習スーパーエレメンツ原一浩山崎デザイン事務所ごはんとFlashマクロマリオネットYahoo!アニメーションMozoramaAO入試escalatoranimation第4回アックゼロヨン・アワードCG・イラストコンテストモーション演習後期プログラムクイズ今井佳子アイディグラフィックス学生参加グラフィックデザインCodePen入賞ガンダム河地芳明LPO世界のCMフェスティバルITホワイトボックスPHP勉強会イラストコンテストJAPANインターネットクリエイティブアワードカラーストリートビューIA/UXプラクティス大富豪スコアシート東京ゲームショウ2009沼田啓助UNIQLOCKギレン総帥ナゴヤデザインウィーク2009カークスヴィル人喰いの大鷲トリコ是枝裕和監督平野秀幸おかだよういち求人新世界道頓堀大沢たかおネスカフェゴールドブレンドフナ犬ウェブアートデザイナーレスポンシブWebデザイン職業実践専門課程出席率WCAN46学位専門士TAFF武豊アニメーションフェスティバルナゴヤ武将都市名古屋おもてなし武将隊ポートピア名古屋プロ野球WEBサイト制作者のためのHCDの理解技能五輪予選平野健太郎プロトコル分析伊藤頼子IAYORKE.ビジュアルデベロップメントunoplusバイドゥ仕事ワイヤーフレームうぇ~~~~~~~ぶ知多半島UI松坂屋美術館スタジオジブリ・レイアウト展合同制作合宿福みつ横浜デジタルアーツ専門学校3校合同発表会クリ博就職フェスタ日本電子専門学校鎌倉箱根合宿森川眞行会社見学ペルソナ&シナリオ法浅野智ペルソナ/シナリオ法情報デザイン教育勉強会ウェブDeBLOG坂本邦夫CMS特集WebデザイナーWebプログラマー横浜中華街新横浜ラーメン博物館Web制作のおしごとIA2010キックオフセミナー夢プロジェクト2009・成果報告会懇親会合宿餃子浜松合同制作ウェブリテラシー協会第一回セミナーWebディレクターAndNIKE慶華飯店ThenThereSalsaWasヨウイチ富岡聡PHP芸大美大デザイナーのためのプログラミング入門水野怜美料理株式会社LIGMAXNodeListHTMLCollection鳥取VideopuppetryASIA鳥取砂丘デザイン愛知県美術館アンドリュー・ワイエスFLASHFLEX醐りょうCS4サムライDesignデッサン造形基礎WebリテラシーTEXTURE中村勇吾ドラマNightCollegeInstagramインスタグラム佐藤可士和SakaeSIGGRAPHappendChild()デザインコンテスト01CONTESTHPデザイン制作合宿ECMAScriptES6ES2015THEWEBProxyカンファレンス学校ウェブデザイン部門WCAN2017SpringSyntaxHighlighterv4.0.1ライデントコンピュータ専門学校お母さんの二度見展デザインのへそ進級展HelveticaWebDirectionEast'082008WinterWebプログラミング初級講座マイクロソフトXRAYSagmeisterStefan丹下紘希学習茂森仙直NamArtlessW+KTokyo(+CRUZ)QubibiHTML+CSS基礎ActionScript基礎カスタマイズセミナークイズIndependence駅麺通り涼麺黒い太陽ウルトラ展ヤノベケンジDay:Resurgence荒俣宏タカガールサイトファルコム音楽フリー宣言UNIQLOCALENDARプラネタリアン水曜日のカンパネラjsdo.itライブペイントサーバー学科JSFiddleカナバングラフィックスウサビッチソバットシアターコマ撮りアニメ電信柱エレミの恋Plunker旭食品サンプル製作所西田幸司国家検定インターネットスキル認定普及協会ヱヴァンゲリヲン新劇場版:破ActionScript食品サンプルCodeply音楽ゲームVIIFANTASYFINALADVENTCHILDREN学園祭再進学COMPLETEアートアニメーション武豊町驛麺通りいな世プレゼン演習西村真里子WCAN×CSSNiteTAFF'09広告批評情報系MonacaジムナストコロンセキュリティGENOウィルスデコクレ山村浩二日本ファルコム□□□switch日清食品グループワークスコーポレーション「ヤノベケンジ-ウルトラ」展Labuat学生作品集TokyoUTZOOMBlogサイバーエージェント沖縄JSBinシナリオそこにいない。展PARTYPerfumeあいちトリエンナーレ2013HighlighterWebデザイン演習CrayonSyntaxbyinspiredThree.js木下健太郎森田霞プレゼンたにぐちまことRhizomatiks田代豊第51回技能五輪全国大会2015年度NEXT高橋雅人カレーラーメンCOMMUNICATIONAWARDスマートフォンサイトUI図鑑美術大学芸術大学麺やOK麺屋ココイチ嵐が如くWF1でBLOG新入生晴れやかさかなやフジ家55インターンシップ就職東京Facebookページ竹中民男八木智章SVGIllustrator第50回結果長野ベースキャンプ名古屋Scrollmagic第7回若年者ものづくり競技大会ScrollMagicVelocity.js東京ゲームショウ2012TOKYOSHOWGAMEJQuery張山大祐モリサワFacebookたこ焼きパーティウェブアクセシビリティみんなのICT佐藤ねじマークアップエンジニアWeb制作合宿アップルップルYahoo!JapanMuse画像をチェックボタンにする夏麺フェア飯田淳介木村哲朗フロントエンドエンジニアNCF2013NTTドコモ東海支社スパルタキャンプ岩出本店丸田屋柏木祥太名古屋市営地下鉄特別授業オリエンタル青空学区丸高アロチ本家本州最南端串本八鬼山那智の大滝大門坂和歌山中華そば熊野三山AOAnimation授業アイチータ結団式ネイルサロンマウアアイテムカンパニーtype属性keygen要素紅茶専門店Liyn-an愛知県選手団datalist要素加藤ひとみ西岡克真第52回技能五輪全国大会山田拓生青山敬司button要素HTML熊野古道マカベン10日でおぼえるLinuxサーバー入門教室名古屋駅麺通り卒業研究制作展NTTドコモ東海トライデント合同企業説明会googleGWDF81教室最優秀賞ジョルテdisplaylist-style-typeCSS3&jQueryで作るlist-itemモテ声ボーダーKDDIHTML5スマートアプリ&クリエイティブコンテストDesignerparseInt()石原愛実ランチ麺の匠宇野剛志テーブル名古屋マークアップ勉強会table親孝行中村健太NCF2014備忘録parseFloat()栗山聡一新年のご挨拶道家陽介concrete5尾花大輔Bloom*BlockGoogleAnalytics石井研二カメラワークKaizenアクティビティシナリオ田中稚妃呂源賢司横浜デジタルアーツPlatformグロースハックCODEポスターデザイン・コンペティション小林信次増田悟グロースハッカー中部国際空港株式会社株式会社アクアリングブラザー工業株式会社大西健太Lazy笈瀬本通商店街名古屋市中村区FLAVER3.0UXデザインキルターズフェスティバル2011GAINAXSUBARU放課後のプレアデスFLV8341-3:2010forPluginLoadSlimbox2ウェブリテラシー協会XJIS名古屋サイト改善研究会中級編ITCIRCUS柴乃櫂人広島弁AndrioidWEBサイト制作者のためのHCD(人間中心設計)の理解ポートフォリオアイデア帳名古屋グランパスチタハン10iPhone4optgroup要素商店街金シャチ商店街名古屋メディアボンドタロヲ細川太郎ペルソナ1→10design採用担当者の心に響く笈瀬本通Ultimate14商店サイト制作GA愛知商業高校名駅経済新聞名チャリプチ・フレーズ三蔵ポスターデザイン・コンペディションCODE名古屋クリエイターフットサルグラフィクデザイン高校みの治商店Twitter中部国際空港日本の四季東京ゲームショウ神戸神戸国際展示場ゲーム大賞アマチュア部門Ohanaクリスマスロゴマークメールマガジン東京コスモライアン・ウッドワードマーサ・グレアム5月11日松田洋樹プラネタリウム鈴木3DCG静岡県ツインメッセ静岡アクセシビリティからはじめる、WebサイトのUXデザイ建設経営者倶楽部ワクワク建設タウンNHNWebアクセシビリティBloosumTeamイマジンカップStationFuture熊﨑彩迎春敢闘賞2011年度第53回docomoドコモGoogleロゴゴールデンウィーク卒業制作・研究発表会2011FlexibleBoxぬいぐるみのラパン英国王のスピーチFlexboxトライデントカレッジUntitled!!!!!!!!味仙KtaistyleCustomSmilies愛知県立芸術大学Dmm.comキルト展卒業・修了制作展円JOY!map絵文字岡田陽一CGスペシャリストみつけもの恵那市岩村プロジェクションマッピング愛知淑徳大学ドラゴンゲートGATEDRAGONバルサマン3DTPの勉強部屋ablogcmsターミナル伊達千代北岡弘至JAPANWORLDCUPMagnumアクセシビリティ

zenback
メールフォーム

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

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