ウェブ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若年者ものづくり競技大会名古屋ポートフォリオWebサイトECCコンピュータ専門学校映画Winter2009学生ブログWebデザイン2011JavaScriptWebサイト制作WordPress礒田優かっぱ商店街a-blogWordpress技能五輪全国大会ライトニングトークNagoyacms矢野りん2014卒業制作展入学式瀬川大勝Summer面白法人カヤックCGイラスト学科若年者ものづくり大会Webオープンキャンパスホームページ・ビルダーアクアリング石黒雄介テンプレート作成AutumnJapan体験入学mini1年生進級展Flashinhtml52010杉本拓也ウェブデザイン技能競技会2015大阪アクセス解析あいちカレーラーメンコンテスト名古屋駅HCDWeb制作会社IIJAdobe第48回技能五輪全国大会2012東京研修ココストアGIOCentOS合同企業展プレゼンテーションマールBananaAdラーメン専門学校卒展水野裕太人間中心設計情報デザインフォーラム卒業制作企業訪問田中睦翔学生プロジェクトGoogle情報デザイン99eagleCSS3gifアニメWebワークショップ上村水月HTML5ウェブデザイン技能検定愛知県セントレア成田篤紀ブログパーツSpringlegend要素fieldset要素label要素form要素CMS塚本碧岩手県SEOたこ焼きカリキュラムCSSNite名商連Webデザインギャラリー真鍋大度input要素Runstant長屋めぐみWEBサイト制作者のためのHCDの理解in名古屋スマホアプリうぇーぶ1年生作品展ビジュアルエディタグループ制作佐藤歩企業課題textarea要素option要素select要素output要素FICC空気人形モンキーワークス和みワークショップWordFesスマートフォン作品集鷹野雅弘堀尾真衣Calendar産学協同写真2008カメラAdvent5T(ファイヴティー)トライデント合同企業展茂森仙直トライデントイラストマップ学生インタビューBoxまぼろしLike笈瀬本通りForumレイアウト結果発表AnalyticsiPhoneUXCSSサイバーエージェントアンティー・ファクトリー名古屋市科学館会社訪問閉館日林田実樹F-site幕張メッセウェブデザイン技能競技大会卒業式Markup名古屋開府400年祭阿部淳也コミュニケーションデザインワークショップ静岡情報デザイン基礎ディプロス初期設定アサココ!サーティファイWebクリエイター能力認定試験WordCamp導入授業豊田市美術館謹賀新年DTPWORLD就職活動jQuery熊谷佳紀メ~テレ知多みるくAppleStorecanvasナゴヤドームjbstyleポートフォリオサイトparticle中日ドラゴンズ戸田芳裕AndThenNIKE慶華飯店iPhone4広島弁サーバー名古屋サイト改善研究会増田悟IA中級編名駅経済新聞小林信次CODEポスターデザイン・コンペティションWasSalsa新横浜ラーメン博物館フナ犬There中部国際空港株式会社プロ野球ブラザー工業株式会社細川太郎クリ博就職フェスタアクセシビリティペルソナ&シナリオ法商店街金シャチ商店街株式会社アクアリング名古屋メディアボンド3校合同発表会1→10designポートピア名古屋横浜中華街名チャリペルソナ箱根合宿森川眞行横浜デジタルアーツ専門学校日本電子専門学校鎌倉会社見学シナリオウェブリテラシー協会第一回セミナーチタハン10武将都市ナゴヤ柴乃櫂人名古屋おもてなし武将隊名古屋グランパスWCAN46TAFF武豊アニメーションフェスティバル大沢たかおunoplusITCIRCUSWEBサイト制作者のためのHCD(人間中心設計)の理解道頓堀タロヲグラフィクデザイン浅野智Andrioid求人Twitter松坂屋美術館スタジオジブリ・レイアウト展みの治商店三蔵笈瀬本通IA2010キックオフセミナー名古屋クリエイターフットサル伊藤頼子ビジュアルデベロップメント夢プロジェクト2009・成果報告会GAYORKE.Ultimate新世界プロトコル分析CODE技能五輪予選ポスターデザイン・コンペディションプチ・フレーズネスカフェゴールドブレンド知多半島福みつ商店サイト制作WEBサイト制作者のためのHCDの理解浜松餃子愛知商業高校大富豪スコアシート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後期おかだよういちDTPの勉強部屋建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティVelocity.jsワクワク建設タウン第53回東京コスモクリスマス熊﨑彩ScrollMagicScrollmagicフロントエンドエンジニア木村哲朗アップルップルマークアップエンジニア飯田淳介夏麺フェア八木智章竹中民男Yahoo!Japan3DCG松田洋樹高校14グロースハッカーグロースハック採用担当者の心に響くポートフォリオアイデア帳UIバイドゥ平野健太郎PlatformKaizenFlexibleBoxFlexbox味仙CGスペシャリスト岡田陽一Dmm.comアクティビティシナリオ源賢司UXデザイン森田霞Highlighter結団式愛知県選手団青山敬司山田拓生アイチータ授業紅茶専門店Liyn-anアイテムカンパニーネイルサロンマウア加藤ひとみ西岡克真柏木祥太スパルタキャンプ岩出本店丸田屋名古屋市営地下鉄青空学区AnimationAO特別授業type属性optgroup要素インターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りWF1でBLOG新入生SyntaxCrayon2015年度NTTドコモ東海NCF2014HTMLbutton要素datalist要素keygen要素第52回技能五輪全国大会オリエンタル新年のご挨拶親孝行麺の匠仕事ワイヤーフレームドラマInstagramインスタグラム醐りょう料理株式会社LIG美大芸大水野怜美いな世学生作品集沖縄ジムナストコロン日清食品グループMonaca情報系驛麺通り再進学学園祭NodeListHTMLCollectionProxyWCAN2017Springv4.0.1SyntaxHighlighter学校ターミナルスタジオディテイルズ服部友厚佐藤洋介制作合宿ES2015進級展マイクロソフトWebプログラミング初級講座appendChild()学習お母さんの二度見展ES6ECMAScriptライデントコンピュータ専門学校タカガールサイト水曜日のカンパネラWebプログラマーWebデザイナーWebディレクターWeb制作のおしごと坂本邦夫原一浩制作実績津田直明2016懇親会合宿職業実践専門課程レスポンシブWebデザインウェブアートデザイナーうぇ~~~~~~~ぶ出席率学位合同制作合同制作合宿専門士坂本貴史平野秀幸駅麺通り涼麺jsdo.itCodeplyクイズIndependenceプラネタリアンResurgenceDay:PlunkerJSFiddle沼田啓助カークスヴィルIA/UXプラクティス河地芳明AO入試JSBinCodePenプログラムクイズ丸高アロチ本家鈴木プラネタリウムライアン・ウッドワードマーサ・グレアム神戸国際展示場ゲーム大賞アマチュア部門東京ゲームショウ神戸5月11日Googleロゴみつけもの恵那市岩村プロジェクションマッピングバルサマン愛知淑徳大学ドラゴンゲートゴールデンウィークGATEDRAGONOhanaメールマガジンBloom*BlockBloosumTeamイマジンカップ尾花大輔第7回若年者ものづくり競技大会GAMETOKYO東京ゲームショウ2012NHNStation敢闘賞ツインメッセ静岡静岡県ロゴマーク迎春2011年度Futuredocomoドコモ3JAPANWORLDCUPFLV8341-3:2010XJISFLAVER3.0名古屋市中村区放課後のプレアデスキルターズフェスティバル2011笈瀬本通商店街ウェブリテラシー協会Slimbox2田中稚妃呂横浜デジタルアーツGoogleAnalytics石井研二大西健太LazyforPluginLoadSUBARUGAINAXトライデントカレッジUntitled!!!!!!!!英国王のスピーチablogcmsフォトアルバムMagnum北岡弘至伊達千代卒業制作・研究発表会2011ぬいぐるみのラパン愛知県立芸術大学キルト展日本の四季中部国際空港卒業・修了制作展円JOY!mapKtaistyleCustomSmilies絵文字SHOWベースキャンプ名古屋10日でおぼえるLinuxサーバー入門教室卒業研究制作展最優秀賞ジョルテトライデント合同企業説明会F81教室DesignergoogleGWDKDDIHTML5スマートアプリ&クリエイティブコンテストNCF2013美術大学芸術大学AWARDNTTドコモ東海支社list-style-typeモテ声ボーダーlist-itemdisplayparseInt()parseFloat()串本八鬼山熊野古道マカベン本州最南端那智の大滝和歌山中華そば熊野三山大門坂名古屋マークアップ勉強会table道家陽介concrete5栗山聡一備忘録中村健太ランチテーブル宇野剛志石原愛実COMMUNICATIONNEXTウェブアクセシビリティモリサワFacebookたこ焼きパーティみんなのICT佐藤ねじ木下健太郎就職東京Web制作合宿Muse長野IllustratorSVGFacebookページ結果第50回画像をチェックボタンにする張山大祐JQueryThree.jsプレゼンさかなや晴れやか嵐が如く第51回技能五輪全国大会フジ家55麺屋ココイチ高橋雅人カレーラーメン麺やOKWebデザイン演習あいちトリエンナーレ2013Rhizomatiks田代豊たにぐちまことinspiredbyそこにいない。展PARTYPerfumeカメラワーク

メールフォーム

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

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