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

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

2017.05.31 [水] 佐藤洋介さん[サイバーエージェント](業界研究2017)

最終更新:2017.06.23学校生活業界研究授業

まだ、5月だというのに32℃を超えたこの日、業界研究授業で株式会社サーバーエージェントの佐藤洋介さんにお越しいただきました。

cyberagent2017-41.jpg

サイバーエージェントは、有名人のブログで有名なAmebaや、先日の「亀田興毅に勝ったら1000万円チャレンジ」で話題となったAbemaTVや、音楽配信サービスAWAなどを展開する、インターネットメディア企業です。
佐藤さんは、アプリのUIやクリエイティブ全般 を統括する責任者です。

cyberagent2017-3.jpg

今回は、Webデザイン学科1年生・2年生の学生に、サイバーエージェント、サービスのこと、デザイナーの仕事、チーム制作でのコミュニケーションについてお話いただきました。

2017.05.29 [月] 名古屋のWeb制作会社まとめ記事からのクリック数を計測してみました。

講師のカワグチです。

このブログは、年始の「 2016年のウェブDeBlogをアクセス解析で振り返る。」でも紹介したように、「ポートフォリオ」などで検索して読みに来られる方の割合が圧倒的に多いのですが、次いで多いのが「Web制作会社 名古屋」などで検索して「【名古屋近辺のWeb制作会社74社】これからWeb業界を目指す人のためにまとめてみた。」のページに訪れる方です。

access201705-1.jpg

記事を掲載して、1年が経ちますので、どのくらいのアクセスがあって、どこがクリックされたのかを調べてみました。

アクセス数

記事を公開した、2016年5月2日から2017年5月28日までのアクセス数をGoogle Analyticsで調べてみました。

URLページビュー数ページ別訪問数閲覧開始数平均滞在時間直帰率
/blog-entry-542.html11,4447,5327,41600:03:2880.08%
/blog-entry-542.html?sp=22918115400:06:0676.62%
合計11,6737,7137,57000:03:5278.35%

FC2ブログでは、PCからとスマホからのアクセスでは、URLが変わりますので、両方とも調べました。
ページ別訪問数と閲覧開始数を比べてみると、ほぼ差がないことからほとんどの閲覧が、検索結果から記事に流入したことがわかります。いわゆるランディングページになります。
会社の数が70数社と多いことから、滞在時間も他の記事に比べて長く、一生懸命探している人もいるのかなと、予測できます。

ユーザータイプURL新規セッションページセッション平均滞在時間直帰率
新規/blog-entry-542.html5,6391.4300:01:2681.47%
/blog-entry-542.html?sp=1161.4100:00:5080.17%
リピーター/blog-entry-542.html1,7951.9000:04:1975.71%
/blog-entry-542.html?sp=381.7400:06:1265.79%

新規とリピーターの割合では、新規が多いのですが、滞在時間がめちゃくちゃ少ないです。表示に時間がかり、我慢しきれないのでしょうか。改善の余地がありますね。
リピーターは、粘り強く閲覧していただいているようで、表示が遅くてホント申し訳ないです。。。

URLからも、圧倒的にPCから閲覧される方が多いので、やはり仕事で何かを探している方が多く閲覧されているのかもしれません。

2017.05.29 [月] 学生ポートフォリオサイト2017

もうすぐ6月ですね。
就職活動も本格化してきて「ポートフォリオ」で検索して、学生ポートフォリオサイト2016の記事にたどり着く人も増えてきています。

portforio2017-0.jpg

Webデザイン学科の2年生も、ようやくポートフォリオが公開できるようになりましたので、2017年度ポートフォリオを紹介します。
まだまだ、改善点はありますが、ぜひご覧ください。

2017.05.05 [金] ターミナルを学校のProxy環境で使う時の設定

最終更新:2017.05.11Webサイト制作Tips

以前、サーバーを構築した際に、ターミナルを使ってインストール、設定をしたのですが、最近ではSyntaxHighlighterの記事でも書いたように、ライブラリの配布や制作環境の構築にも、ターミナルを利用する事が増えてきました。
「黒い画面、怖い」とばかりは言ってられませんので、使っていきたいのですが、Proxyサーバーが設置されている学校や企業では、設定が必要です。

cmatrix201705.gif

実際に教室のMacから利用が可能になる設定を調べてみました。

Proxyとは

まず、Proxy(プロキシもしくはプロクシ)サーバーとは何でしょうか。
通常、PCからWebサイトを閲覧する場合、Webページの置かれたWebサーバーにアクセスして、要求します。

proxy2017-001.jpg

Proxyサーバーを利用すると、ユーザのPCはProxyサーバーにアクセスして要求をします。
その要求を、Proxyサーバーが経由して目的のWebサーバーに要求を送ります。
Webサーバーは要求されたWebページを、Proxyサーバーに経由して、そこからユーザーのPCへ渡します。

proxy2017-002.jpg

ユーザのPCとWebサーバーの間にProxyサーバーが入って代理・中継していることになります。

Proxyサーバーの役割

Webページなどのキャッシュ
Proxyサーバーは、アクセスしたWebページなどの情報を一定の期間保存する機能を持っている場合があり、ユーザーがWebページを表示しようとした時、それがキャッシュされたページであれば、Proxyサーバーに保存されたページの情報をユーザーへ渡すことができます。
Webサーバから、再度データを取得する場合より、俊敏な対応になります。
コンテンツのフィルタリング
ユーザーがアクセスしようとしたWebページの情報を記録するので、任意のWebページをフィルタリングすることができます。
ユーザー(学生)のインターネット利用を制限する場合や、子どもが有害コンテンツに触れないようにする時などの利用が考えられます。
セキュリティ
一般的に、Webサイトにアクセスをすると、IPアドレスや接続環境情報などがWebサーバーに送信されます。
Proxyサーバーの中には、利用者の情報をWebサーバーに記録させないものもあり、このProxyサーバーを利用してアクセスした場合は、情報がWebサーバーに記録させることを防ぎます。
また、それらの情報を利用して、攻撃しようとした場合でも、ユーザーが直接攻撃を受ける危険性を減らすことができます。
グローバルIPを割り振る必要がない
インターネット上ではグローバルIPアドレスが必要です。
学校などの複数台あるネットワーク環境のパソコンにすべて割り振ることはできない時に、ProxyサーバーにグローバルIPアドレスを設定することで、インターネットに接続する際には、Proxyサーバーを経由にすることで、プライベートIPアドレスだけでもデータのやり取りができるようになります。

また、外部に公開されているProxyサーバーもあり、ここを使ってIPアドレスを隠匿することで、悪用されたりする事件もあり、ネット上では、昔から「串」と呼ばれ、Proxyを経由することを「串を刺す」と言われたりもします。

2017.05.03 [水] Webサイトでみる映画人気ランキング【2017年4月最終週末】

最終更新:2017.05.03サイト紹介

前半のGWとなった4月最終の週末は、カップルや家族連れで楽しめる作品がランクインしました。
全国週末興行成績:2017年4月29日~2017年4月30日(全国動員集計)興行通信社提供
「SING シング」(7週上映)と「モアナと伝説の海」(8週上映)など海外アニメが春休みから継続して人気です。

[1]美女と野獣

beautyandbeast201704.jpg

プリンセス役のエマ・ワトソンがとにかくかわいいと評判の名作ディズニーアニメ「美女と野獣」の実写映画が1位にランクインしました。最近では、ラ・ラ・ランドなどミュージカル映画が注目されていますね。
Webサイトは、ディズニーの公式サイト内のコンテンツとして紹介されていますので、見た目はディズニー映画と変わらないのですが、それぞれの映画で企画はあるようです。
「美女と野獣」では、あなたがオススメする曲は?楽曲総選挙という企画をしていました。

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

担当: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年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
<コンテスト>
信州アプリコンテスト0 [ゼロ] 2019 KDDI賞受賞!
第5回 ソレコン☆ポスコン特別賞受賞
「第1回 専門学校 HTML5作品アワード」技術賞を受賞しました!
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
<Webサイト制作>
ミス・ユニバース・ジャパン岐阜大会公式Webサイトを作成しました。
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
<技能五輪全国大会>
第56回技能五輪全国大会(ウェブデザイン職種)敢闘賞受賞!
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
<若年者ものづくり競技大会>
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種若年者ものづくり競技大会ウェブデザインWebサイト2013映画ECCコンピュータ専門学校ポートフォリオ名古屋学生ブログWebデザインWinter2009Webサイト制作2011WordPress1年生進級展技能五輪全国大会JavaScript礒田優かっぱ商店街入学式アクアリングオープンキャンパスa-blog2014cmsWordpressライトニングトーク矢野りんWebNagoya卒業制作展CSS体験入学合同企業展テンプレート作成面白法人カヤックCGイラスト学科若年者ものづくり大会Web制作会社瀬川大勝卒展卒業制作Autumnホームページ・ビルダーアクセス解析石黒雄介SummerIIJ2010大阪HCD第48回技能五輪全国大会html5杉本拓也inウェブデザイン技能競技大会GIOHTML5mini佐藤歩2015閉館日学生インタビューココストアAdobeJapanあいちカレーラーメンコンテストFlash名古屋駅東京研修2012ウェブデザイン技能競技会企業訪問セントレアプロジェクトWebデザインギャラリー夏季閉館日トライデント祭りBananaAd愛知県制作合宿NEXTCentOSSpringラーメン水野裕太フォトアルバムgifアニメサイバーエージェント上村水月99eagle専門学校COMMUNICATIONグリッドレイアウト学生マール夏休みdisplay:gridGridLayout成田篤紀Google情報デザインWebワークショッププレゼンテーション田中睦翔CSS3情報デザインフォーラムウェブデザイン技能検定ブログパーツ北濱大輔Webクリエイター能力認定試験林田実樹2018jQuery人間中心設計particle和みCalendar飯田淳介幕張メッセ熊谷佳紀謹賀新年Yahoo!Japan5T(ファイヴティー)アップルップルフロントエンドエンジニアAdventマークアップエンジニアスマートフォンlegend要素愛知県選手団UXinput要素fieldset要素Forumたこ焼きform要素label要素textarea要素option要素1年生作品展うぇーぶまぼろしAWARDスマホアプリNTTドコモ東海output要素select要素長屋めぐみcanvas堀尾真衣カリキュラムSEO空気人形CMSjbstyle名古屋開府400年祭MarkupiPhone結果発表トライデント合同企業展笈瀬本通り写真カメラモンキーワークスワークショップF-site豊田市美術館グループ制作Apple企業課題茂森仙直2008鷹野雅弘StoreWebリテラシーWordCamp導入授業ディプロスアサココ!情報デザイン基礎DTPWORLDイラストマップトライデントFICCアンティー・ファクトリー静岡ポートフォリオサイトコミュニケーションデザインワークショップ阿部淳也真鍋大度岩手県ウェブアクセシビリティ作品集モリサワレイアウトLikeBox名古屋市科学館就職活動知多みるく戸田芳裕ナゴヤドーム中日ドラゴンズ名商連WEBサイト制作者のためのHCDの理解in名古屋CSSNiteAnalytics卒業式会社訪問メ~テレビジュアルエディタ産学協同PluginWordFes塚本碧2017Runstant信州アプリコンテスト[ゼロ]Webデザイナーサーティファイ鈴木優太ドラマ株式会社LIG水野怜美エイチーム久保怜也進級展アプリコンテスト学習出張講座沖縄初期設定ウェブDeBLOG情報デザイン教育勉強会北川パーヤンWorld)おかだよういちペルソナ/シナリオ法ヨウイチ長谷川恭久ウェブリテラシー協会第一回セミナースーパーエレメンツtoSalsaイラストコンテストデュエル・マスターズ浅野智ペルソナ&シナリオ法森川眞行会社見学鎌倉箱根合宿横浜中華街慶華飯店新横浜ラーメン博物館AndThen横浜デジタルアーツ専門学校3校合同発表会クリ博就職フェスタ日本電子専門学校WasThereWebデザインスペシャルデーNIKE小野裕子ストリートビューJIHYEJAPANインターネットクリエイティブアワードYahoo!カラーHEOブランディングホ・ジヘAutumin世界のCMフェスティバルITホワイトボックス藤井英一ナゴヤデザインウィーク2009イークリエイトUNIQLOCK是枝裕和監督人喰いの大鷲トリコPHP勉強会大富豪スコアシート東京ゲームショウ2009HCDプロセス韓国ロゴ公募FITCCREAMごはんとFlash教育勉強会#infoedu期末テストコピーライティング夢プロジェクト2009・成果報告会マークアップ演習マクロマリオネットwonderflKyotodotFesFlash-Gamesゆるキャラ映画のオープニング閉会式脆弱性なんと読む?山崎デザイン事務所志維ITCIRCUS柴乃櫂人広島弁iPhone4TOCAndrioid名古屋グランパスチタハン10WEBサイト制作者のためのHCD(人間中心設計)の理解シナリオペルソナ名古屋メディアボンドアクセシビリティサーバーIA金シャチ商店街商店街1→10design細川太郎タロヲAWARDS笈瀬本通愛知商業高校GAUltimateD3.js名チャリ名駅経済新聞名古屋サイト改善研究会スクラップブック中級編商店サイト制作プチ・フレーズポスターデザイン・コンペディションCODE名古屋クリエイターフットサルグラフィクデザイン出身高校三蔵みの治商店TwitterYORKE.ビジュアルデベロップメント名古屋おもてなし武将隊武豊アニメーションフェスティバルTAFFWCAN46武将都市ナゴヤ求人新世界道頓堀NCF2017Webアプリ堀川友章WWW(Welcomeギレン総帥浜松安藤福みつ餃子大沢たかおネスカフェゴールドブレンドofunoplusContents松坂屋美術館技能五輪予選WEBサイト制作者のためのHCDの理解伊藤頼子プロトコル分析Tableスタジオジブリ・レイアウト展知多半島フナ犬フォントおじさんミス・ユニバース・ジャパン岐阜大会ポートピア名古屋プロ野球安藤志維堀川友章関口浩之IA2010キックオフセミナー第4回アックゼロヨン・アワードCollegeFLEXFLASHCBCNightTBSSakae新入生オリエンテーションわたし、定時に帰ります。LIGMAX祐司PhotoshopCS6愛知県美術館アンドリュー・ワイエス髙橋茜音STUDIOデザイナーのためのプログラミング入門PHP佐藤可士和中村勇吾西村真里子線の群生2020新卒プレゼン演習WCAN×CSSNite広告批評アートアニメーション武豊町TAFF'09ActionScript基礎HTML+CSS基礎企業見学CS4サムライTEXTUREDesignデッサン造形基礎日本総合ビジネス専門学校株式会社MTGデザイン鳥取砂丘冬休みライフスタイルHPデザインデザインコンテスト仙直茂森2019ソレコン☆ポスコンコンテスト01CONTESTウェブデザイン部門足立丈也、平子卓哉、増田隼也カンファレンスeat信州アプリコンテストゼロ落合祐介THEWEB杉浦麻紀茜音丹下紘希松本渚株式会社スタメンXRAY2008Winter株式会社アンティー・ファクトリーSIGGRAPH鳥取VideopuppetryASIAWebDirectionEast'08デザインのへそQubibiArtlessNamW+KTokyo(+CRUZ)Stefan髙橋HelveticaSagmeisterFINALFANTASYVRカルタOculus旭食品サンプル製作所食品サンプル学科富岡聡電信柱エレミの恋ウサビッチカナバングラフィックスGOActionScript第56回黒い太陽ウルトラ展ヤノベケンジライブペイントインターネットスキル認定普及協会ヱヴァンゲリヲン新劇場版:破西田幸司国家検定コマ撮りアニメソバットシアターescalatorアニメーションMozorama新城高校animationモーション演習冨田伴成増田悟CG・イラストコンテスト後期青山高校アイディグラフィックス学生参加CMS特集東京ゲームショウ2018今井佳子グラフィックデザイン入賞ガンダム出前授業沖縄県pictureあけおめBlogUTZOOMLabuat平成31年「ヤノベケンジ-ウルトラ」展GENOウィルスメーカー・ブランドワークスコーポレーション株式会社サイバーエージェントTokyoCOMPLETECHILDRENADVENTVIIFigmaツール桝田草一牧野史門UIデザインセキュリティコーヒー用品cyma斉藤洸貴CALENDARUNIQLOEC事業第56回技能五輪全国大会sourceカスタマイズセミナーsrcset荒俣宏NextDoor前川元成山村浩二デコクレ□□□switch日本ファルコムファルコム音楽フリー宣言音楽ゲームLPO株式会社アクアリング本州最南端串本八鬼山熊野古道那智の大滝大門坂アロチ本家和歌山中華そば熊野三山マカベン名古屋マークアップ勉強会河地芳明AO入試中村健太道家陽介ランチ石原愛実tableテーブル宇野剛志丸高丸田屋青山敬司山田拓生加藤ひとみ西岡克真IA/UXプラクティス平野秀幸津田直明制作実績坂本貴史カークスヴィルAnimation柏木祥太スパルタキャンプ岩出本店名古屋市営地下鉄青空学区AO特別授業沼田啓助concrete5プログラムクイズNTTドコモ東海支社NCF2013駅麺通り美術大学涼麺list-style-typeモテ声ボーダーlist-itemdisplay芸術大学クイズ麺屋ココイチフジ家55Resurgenceさかなや麺やOKカレーラーメンIndependenceDay:高橋雅人HTML5スマートアプリ&クリエイティブコンテストKDDIDesignergoogleGWDF81教室parseInt()parseFloat()栗山聡一CodePen備忘録トライデント合同企業説明会JSBin卒業研究制作展最優秀賞ジョルテjsdo.itCodeply10日でおぼえるLinuxサーバー入門教室JSFiddlePlunker結団式アイチータバイドゥアクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティVelocity.js建設経営者倶楽部ワクワク建設タウン熊﨑彩平野健太郎第53回ScrollMagicScrollmagicワイヤーフレーム木村哲朗うぇ~~~~~~~ぶウェブアートデザイナー仕事夏麺フェア八木智章竹中民男UIクリスマスポートフォリオアイデア帳アクティビティシナリオ源賢司UXデザインDmm.comKaizenPlatform14グロースハッカーグロースハック岡田陽一高校採用担当者の心に響く3DCG東京コスモ松田洋樹CGスペシャリストFlexibleBoxFlexbox味仙森田霞レスポンシブWebデザインHTMLbutton要素datalist要素keygen要素WebディレクターWeb制作のおしごと麺の匠オリエンタル第52回技能五輪全国大会Webプログラマーoptgroup要素アイテムカンパニーネイルサロンマウア授業紅茶専門店Liyn-an2016坂本邦夫原一浩type属性親孝行新年のご挨拶WF1でBLOG職業実践専門課程出席率学位新入生2015年度HighlighterSyntaxCrayonインターンシップスマートフォンサイトUI図鑑合宿懇親会NCF2014名古屋駅麺通り合同制作CSS3&jQueryで作る専門士合同制作合宿晴れやか嵐が如くDTPの勉強部屋ablogcmsWCAN2017SpringProxy伊達千代北岡弘至3JAPANWORLDCUPMagnumトライデントカレッジ佐藤洋介ぬいぐるみのラパンKtaistyleCustomSmilies卒業制作・研究発表会2011英国王のスピーチUntitled!!!!!!!!学校ターミナルバルサマンプロジェクションマッピングSyntaxHighlighterプラネタリウムv4.0.1ライアン・ウッドワードES2015鈴木神戸国際展示場ES6マーサ・グレアム5月11日愛知淑徳大学みつけもの恵那市岩村ドラゴンゲートDRAGONGoogleロゴゴールデンウィークGATE絵文字服部友厚大西健太田中稚妃呂梅澤朝樹横浜デジタルアーツLazyLoadSlimbox2for株式会社エイチーム衣台高校尾鷲高校中部国際空港株式会社夏休みの課題CODEポスターデザイン・コンペティションブラザー工業株式会社ノートPC貸与GoogleAnalytics石井研二カメラワークウェブリテラシー協会JISキルト展日本の四季中部国際空港GAINAX鈴木雄太愛知県立芸術大学スタジオディテイルズ円JOY!map卒業・修了制作展SUBARU放課後のプレアデスFLV8341-3:2010XFLAVER3.0名古屋市中村区キルターズフェスティバル2011山川綾那笈瀬本通商店街神戸ECMAScriptみんなのICT再進学驛麺通りFacebook学園祭佐藤ねじ情報系就職東京たこ焼きパーティWeb制作合宿Muse画像をチェックボタンにする張山大祐JQueryInstagramインスタグラムいな世醐りょう木下健太郎Three.js第51回技能五輪全国大会Webデザイン演習学生作品集Monacaジムナストコロン日清食品グループプラネタリアン水曜日のカンパネラタカガールサイトあいちトリエンナーレ2013そこにいない。展田代豊たにぐちまことプレゼンRhizomatiksinspiredPARTYPerfumeby第50回結果ドコモWebプログラミング初級講座2011年度マイクロソフトdocomoFutureHTMLCollectionappendChild()Station迎春敢闘賞ゲーム大賞アマチュア部門東京ゲームショウお母さんの二度見展Ohanaメールマガジンツインメッセ静岡静岡県ロゴマークNodeListNHNベースキャンプ名古屋SHOWGAMETOKYO料理Facebookページ長野IllustratorSVG東京ゲームショウ2012第7回若年者ものづくり競技大会Teamイマジンカップ美大BloosumBloom*Block芸大marker尾花大輔小林信次

メールフォーム

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

東京コスモ
トライデントコンピュータ専門学校
教務課のびのび日記
Pagetop