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

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

2021.03.09 [火] jQueryだっていいじゃない。

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

ここ最近、ES6classTypeScriptなど、ネイティブなJavaScriptな話題を取り上げてきましたが、初心者には難しいよなぁと実感しています。
Googleで検索しても【脱jQuery】【React, Vue】的な記事ばかりが、目立ちます。

ただ、HTMLの書き換えや、ちょっとしたアニメーションのイベントぐらいだったら、わざわざdocument.getElementById("idname")とかしなくても、jQueryを利用して$("#idname")でいいのではないかと思っています。
アニメーション自体はCSSが担うようになってきましたしね。

そこで少し、jQueryについて紹介したいと思います。
ちなみに、トライデントコンピュータ専門学校Webデザイン学科では、以前はjQueryでJavaScriptを教えていましたが、現在はネイティブのJavaScriptで授業を行っています。

学生の理解度は、残念ながらどちらも変わらない印象です。すんなり理解できる人は理解できますし、わからなくなってしまう人は、全然わからなくなってしまいます。

jquery_logo.jpg

HTMLとCSS

まず、WebサイトでJavaScirptを使って何かしよう思った場合、HTML(DOM)の要素を取得し、CSSの値(value)で操作するのが基本となってきます。
ただ、HTMLの構造を理解していないとjQueryにしろ、ネイティブなJavaScriptにしろ、操作ができません。

トライデント

HTMLの要素の名称は、下記にようになっています。

html_2021.jpg

この要素のフォントサイズ(文字の大きさ)をCSSを使って20pxにしようとする場合は、

2021.03.01 [月] TypeScriptってなんだ?!

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

2年生は成績発表も終わり、卒業式を残すのみとなってきました。
1年生は、就職活動が本格化してくるこの頃です。
いかがお過ごしでしょうか。カワグチです。

緊急事態宣言解除後も、まだまだ出かけることは控えておきたいところです。
時間を持て余し気味でしたので、最近よく耳にする『TypeScript』について調べてみました。

typescript_screen.jpg

TypeScriptとは

TypeScriptは、Micrsoftが開発したJavaScriptをベースにしたオープンソースのaltJS(※代替言語)です。
TypeScriptのソースコードはJavaScriptのソースコードにコンパイルされ、静的な型定義を追加することで、JavaScriptを拡張します。

TypeScriptの特徴としては、

  • 変数のデータ型をあらかじめ決めておける(静的型付け)
  • クラスやモジュールなど、ECMAScript6の機能を盛り込んでいる
  • 従来のJavaScriptも使える
があげられます。

typescript2021-001.jpg

では、具体的にTypeScriptを書いてみましょう。
Visual Studio Codeを使った開発環境の構築をするよりも、手軽にtypescriptlang.orgのPlaygroundに入力して、エラーやコンパイル結果を検証することにします。
環境構築については、「VS Code TypeScript 環境構築」でGoogle先生に聞いたら、たくさん教えてくれます。※移り変わりの早い分野ですので、記事の公開日には注意しましょう。

変数の静的型付け

JavaScriptは動的型付けの言語です。
変数や関数のデータ型の宣言がいらず、プログラムが勝手に型を決定しますので、どんな型の値でも入れることができます。

2020.09.03 [木] CSSの単位

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

9月3日、トライデントコンピュータ専門学校では、まだまだ夏休みです。
以前から書いていますが、長期期間中には時間が取りやすいので、普段はなかなか深堀りできないことを調べてみても良いのではないでしょうか。

今回は、CSSの単位についてちょっと調べてみました。

css-length_001.jpg

CSSの仕様書は、W3Cが策定しています。
単位に関する使用は「CSS Values and Units Module Level 4」のLengthに書かれています。
このLevel4は、まだ草案段階ですので、ブラウザが対応していない新しい単位も紹介されていたりします。

参考:Can i use... <length>

長さは距離の測定値を指し、プロパティ定義では<length>で表されます。長さは寸法です。

長さが0の場合、単位識別子はオプションです(つまり、構文的には<number>0として表現できます)。しかし、0がプロパティ(line-heightなど)で<number>または<length>のどちらかとして解析される場合は、<number>として解析されなければなりません。

プロパティは、lengthの値をある範囲に制限することができます。値が許容範囲外の場合、その宣言は無効であり、無視しなければなりません。

いくつかのプロパティでは負の長さの値を許可していますが、これは書式を複雑にする可能性があり、実装固有の制限があるかもしれません。負の長さの値が許可されていても対応できない場合は、対応できる最も近い値に変換する必要があります。

使用される長さがサポートできない場合,ユーザエージェントは,実際の値で近似しなければならない。

長さの単位には、絶対値と相対値の2種類がある。

上記のように、単位には絶対単位と相対単位があると明記されています。
では、その絶対単位と相対単位に分けて調べたいと思います。

絶対単位(Absolute Lengths)

絶対単位とは、他の長さとの関係で決まりません。
一般的にこの単位は常に同じサイズとして扱われます。

相対単位の要約
単位 名前 他の単位との関係
cm センチメートル(centimeter) 1cm = 96px/2.54
mm ミリメートル(millimeter) 1mm = 1/10 cm
Q 四分ミリメートル(quarter-millimeter) 1Q = 1/40 cm
in インチ(inch) 1in = 2.54cm = 96px
pc パイカ(pica) 1pc = 1in の 1/6
pt ポイント(point) 1pt = 1in の 1/72
px ピクセル(pixel, "画素") 1px = 1in の 1/96

長さの絶対単位はすべて互換性があり、px はそれらの標準単位です。
pxは親要素の影響を受けず、相対単位の時、子要素の基準となります。

フォントサイズ:30px

フォントサイズ:16px

div{
  font-size:30px;
  border: 1px solid #ccc;
}
p.size16px{
  font-size:16px;
}

2020.01.14 [火] 2019年の「ウェブDeBlog」をアクセス解析で振り返る。

5月から令和元年が始まり、気持ちも新たに「ウェブDeBLOG」も頑張っていきたいところです。 講師のカワグチです。

令和最初の年となる今年もWebデザイン学科の様子をいろいろと伝えてきましたが、1年の振り返りとして、Google Analyticsのデータをもとにこのブログのアクセスを検証していきましょう。

投稿数

2019年の記事投稿数は、34でした。今年こそはと考えているのですが、現実はなかなか厳しいものです。時間はあったはずなんですが、9月は、記事がかけませんでしたし。。。
新しいシリーズなども、書き始められていませんので、本当になにか始めないとですね。

1月2月3月4月5月6月7月8月9月10月11月12月合計
201944242233021734
201854511343522540
201755735336132649
201688273555215455

1ヶ月の平均投稿数は、2.83記事の投稿でした。

セッション数

2019analytics_001.jpg

2019.12.30 [月] JavaScriptのclassについて、書いてみた。

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

トライデントコンピュータ専門学校も冬休みです。
もういくつ寝ると、2020年です。この「ウェブDeBlog」も12年目となります。

長い間、ブログを書いていくと「続きを書きます」と書いては、いつかいつかと思いながら書けてない記事もたくさんあります。
その中のひとつ「そうだ、ECMAScript6(ES2015)でいこう」の続きも書いてなかったので、冬休みの期間を活かしてclassについて書きたいと思います。

js-class_002.jpg

さて、多くのオブジェクト指向言語では、クラスという仕組みがあります。 JavaScriptでは、ECMAScript2015から、クラス構文が使えるようになりました。
ただし、このクラスは以前からあったプロトタイプベースの継承の糖衣構文シンタクティックシュガーです。

ECMAScript2015で導入されたJavaScriptクラスは、JavaScriptにすでにあるプロトタイプベース継承の糖衣構文です。クラス構文は、新しいオブジェクト指向継承モデルをJavaScriptに導入しているわけではありません。

参考:クラス - JavaScript | MDN

クラスとはオブジェクトを作る際のデータやメソッドを定義してあり、いわばオブジェクトの設計図です。
オブジェクトを作る時には、クラス(型)を指定することで、指定したクラスに定義されたデータとメソッドを備えたテンプレートのインスタンス(コピー)となります。

js-class_003.jpg

上の図でいうと、Carというクラスを基にしたobject Car1, object Car2, object Car3のそれぞれがCarのインスタンスとなります。

js-class_001.jpg

ちなみに、Chromeをはじめ、Firefox, Safari, Edgeなどモダンブラウザでは対応済みです。
IE11では、他のES2015の新しい仕様と同様、利用できません。

参考:ECMAScript 6 compatibility table

目次

  • classの宣言
  • インスタンス
  • constructor(コンストラクタ)
  • インスタンスメソッド
  • staticメソッド(静的メソッド)
  • 継承
    • super
    • オーバーライド
  • getterとsetter
js-class_005.jpg

classの定義

クラスの定義には、クラス式とクラス宣言という2つの定義方法があります。

クラス宣言文

クラス宣言はclassキーワードを使って定義します。
また、クラスは関数と違い巻き上げがされないので、クラス利用する前に、そのクラスを宣言する必要があります。

class クラス名 {
  変数や処理を記述する
}

クラス式

クラスを定義する別の方法はクラス式です。クラス式は、クラス名ありでもクラス名なしでもできます。

//クラス名あり  
const 定数名 = class クラス名 {};
//クラス名ありの場合、クラスのnameプロパティによって取得可能
console.log(定数名.name) //⇒クラス名

//クラス名なし
const 定数名 = class {};

インスタンス

new演算子を使用してオブジェクト(インスタンス)を生成します。この事をインスタンス化といいます。

class Car{

}
//class宣言文で定義したCarをインスタンス化  
const taxi = new Car();  
//class Carは使い回せる  
const myCar = new Car();
const dammyCar = "car";

//instanceofという演算子で、そのクラスのインスタンスかどうかを判定できます。
console.log( taxi instanceof Car );
console.log( dammyCar instanceof Car );
true
false

また、インスタンス同士は、同じクラスから生成されても違うオブジェクトとして扱われます。

console.log( taxi === myCar);
false

constructor(コンストラクタ)

コンストラクター は、classによって生成される時(newの時)オブジェクトの生成・初期化を行う特別なメソッドです。
"constructor"という名前のメソッドは、クラスに1つしか定義できません。

class Car {  
  //コンストラクタ関数の仮引数としてmakeとmodelを定義
  constructor(make, model) {  
      //コンストラクタ関数におけるthisはインスタンスを示すオブジェクト  
      //インスタンスのmakeとmodelプロパティにそれぞれ値を設定する  
      //クラス内の変数ということでメンバー変数と呼ばれます
     this.make = make; //メーカー名  
     this.model = model; //モデル名
  }  
}   
//new演算子でインスタンスを作成してコンストラクタの仮引数に引数を渡す  
const myCar = new Car("Tesla", "Model S");  
console.log(myCar.make);
console.log(myCar.model);
Tesla
Model S

2019.02.20 [水] FigmaでInstance内の画像を入れ替える。

UI(ユーザーインターフェース)デザインツールというと、SketchAdobe XDの他に、Figmaというツールもよく名前が上がります。

トライデントコンピュータ専門学校Webデザイン学校では、「Webデザイン」の授業で利用するパソコンのOSがまだWindows7だったりします。
Photoshop, Illustratorを使用するには問題ないのですが、UIデザインツールといえば上位に上がるSketchもAdobe XDも利用できません。
そこで、2018年度はこのFigmaでUIデザイン&プロトタイピングを学習しました。

figma_logo.png

導入当初は、ブラウザベースということで、動作スピードや操作性などを心配していたのですが、メニューが英語だったり、インターネット接続が必要だったりする以外は、特に気にすることなくUI(ユーザーインターフェース)のデザインに利用できています。

Figmaの特徴として、マルチユーザー共同利用機能が注目されますが、他のツールと同じようにコンポーネントの作成(他のソフトではシンボルという名称だったりします)、インスタンスでの複製機能、コンポーネントの入れ子にも対応しています。

検索フォーム
#NoHeartNoSNS

ハートがなけりゃSNSじゃない!

プロフィール

担当: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
学生がライトニングトークで話しました。
〈進級展〉
2020年度 1年生進級制作展(オンライン)終了しました。
2019年度 1年生進級制作展終了しました。
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
〈コンテスト〉
第4回専門学校HTML5作品アワード入賞2つ!
信州未来アプリコンテスト0 [ゼロ] 2020 NTTドコモ長野支店賞受賞!
第3回専門学校HTML5作品アワード入賞!
信州未来アプリコンテスト0 [ゼロ] 2019 KDDI賞受賞!
第5回 ソレコン☆ポスコン特別賞受賞
「第1回 専門学校 HTML5作品アワード」技術賞を受賞しました!
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
〈Webサイト制作〉
ニシヤマナガヤ内「未完美術館」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サイトウェブデザインポートフォリオ名古屋映画ECCコンピュータ専門学校2013学生ブログWebデザインJavaScriptWinter20091年生進級展Webサイト制作WordPress技能五輪全国大会2011卒展卒業制作展アクアリングオープンキャンパスCSSかっぱ商店街入学式礒田優WordpressNagoya矢野りんWeba-blogライトニングトーク石黒雄介cms合同企業展2014アクセス解析体験入学Summer若年者ものづくり大会面白法人カヤックウェブデザイン技能競技大会CGイラスト学科Web制作会社テンプレート作成Autumnホームページ・ビルダー卒業制作閉館日瀬川大勝HCDプレゼンテーション大阪就職活動第48回技能五輪全国大会2010inFlashAdobeココストアJapanminijQuery2012HTML5ウェブデザイン技能競技会佐藤歩杉本拓也夏休み学生インタビュー東京研修フォトアルバムhtml5夏季閉館日2015名古屋駅モリサワあいちカレーラーメンコンテストGIO田中睦翔IIJ企業訪問Springプロジェクトアンティー・ファクトリーセントレアラーメン愛知県NEXTBananaAd上村水月99eagleマールCSS3ウェブデザイン技能検定ブログパーツCOMMUNICATION学生情報デザインフォーラム情報デザインWebワークショップGoogle人間中心設計トライデント祭りGridLayoutWebアプリ北濱大輔制作合宿display:grid2018専門学校2020株式会社スタメンエイチーム水野怜美グリッドレイアウトWebデザインギャラリーgifアニメ水野裕太CentOSYahoo!JapanUXサイバーエージェント成田篤紀Webクリエイター能力認定試験林田実樹Plugin堀尾真衣forメ~テレAnalytics卒業式ビジュアルエディタWEBサイト制作者のためのHCDの理解in名古屋トライデント名商連会社訪問中日ドラゴンズナゴヤドーム戸田芳裕知多みるくCSSNiteLikeBoxイラストマップ岩手県レイアウトウェブアクセシビリティWordFes作品集塚本碧真鍋大度コミュニケーションデザインワークショップ名古屋市科学館阿部淳也ポートフォリオサイトFICC静岡ゴールデンウィークカリキュラムDTPWORLD情報デザイン基礎Webリテラシーアサココ!ディプロス導入授業WordCampStoreApple2008たにぐちまこと鷹野雅弘茂森仙直グループ制作企業課題豊田市美術館F-siteウェブDeBLOGモンキーワークスワークショップカメラトライデント合同企業展写真結果発表iPhoneMarkup名古屋開府400年祭jbstyleCMS空気人形SEO笈瀬本通り産学協同ECMAScript学習進級展ES6ES20152017出張講座株式会社LIGドラマ初期設定謹賀新年サーティファイWebデザイナー沖縄Runstant久保怜也アプリコンテスト進級制作展YearNewZoomオンライン授業松井友奈5T(ファイヴティー)Happyあけましておめでとう鈴木優太信州アプリコンテスト[ゼロ]日本総合ビジネス専門学校松本渚新年冬休み熊谷佳紀桝田草一legend要素fieldset要素label要素愛知県選手団Adventtextarea要素input要素たこ焼きForum幕張メッセCalendar和みAWARD卒業研究制作展スマートフォンoption要素form要素particle飯田淳介まぼろしマークアップエンジニアアップルップルフロントエンドエンジニアoutput要素うぇーぶcanvasHTMLselect要素長屋めぐみNTTドコモ東海1年生作品展スマホアプリ名駅経済新聞中級編増田悟名古屋サイト改善研究会CODEポスターデザイン・コンペティション株式会社アクアリング中部国際空港株式会社ブラザー工業株式会社小林信次三蔵みの治商店Twitterカメラワークグラフィクデザインプチ・フレーズ商店サイト制作愛知商業高校GAUltimate名チャリ笈瀬本通商店街キルターズフェスティバル2011名古屋市中村区FLAVER3.0FLV放課後のプレアデスSUBARU日本の四季ポスターデザイン・コンペディション中部国際空港GAINAX8341-3:2010X大西健太田中稚妃呂横浜デジタルアーツGoogleAnalyticsLazyLoadJISウェブリテラシー協会Slimbox2石井研二プロ野球スタジオジブリ・レイアウト展知多半島キルト展ポートピア名古屋松坂屋美術館unoplus伊藤頼子プロトコル分析WEBサイト制作者のためのHCDの理解技能五輪予選フナ犬ネスカフェゴールドブレンド武将都市名古屋おもてなし武将隊武豊アニメーションフェスティバルTAFFナゴヤ道頓堀大沢たかお求人新世界ビジュアルデベロップメントYORKE.ITCIRCUS柴乃櫂人広島弁iPhone4AndrioidWEBサイト制作者のためのHCD(人間中心設計)の理解名古屋クリエイターフットサル笈瀬本通名古屋グランパスチタハン10シナリオペルソナ名古屋メディアボンドアクセシビリティサーバーIA金シャチ商店街商店街1→10design細川太郎タロヲCODEベースキャンプ名古屋SHOWGAMETOKYOFacebookページSVG第50回結果長野Illustrator東京ゲームショウ2012第7回若年者ものづくり競技大会NHNStationFuturedocomoイマジンカップTeam尾花大輔Bloom*BlockBloosumJQuery張山大祐inspiredRhizomatiks田代豊プレゼンbyPerfumeWCAN46あいちトリエンナーレ2013そこにいない。展PARTYThree.js木下健太郎たこ焼きパーティWeb制作合宿Muse画像をチェックボタンにするFacebookみんなのICT就職東京佐藤ねじドコモ2011年度北岡弘至伊達千代DTPの勉強部屋ablogcmsMagnumJAPANWORLDCUP恵那市岩村プロジェクションマッピングバルサマン3トライデントカレッジCustomSmilies絵文字円JOY!map卒業・修了制作展KtaistyleぬいぐるみのラパンUntitled!!!!!!!!英国王のスピーチ卒業制作・研究発表会2011みつけもの愛知淑徳大学メールマガジンOhanaゲーム大賞アマチュア部門東京ゲームショウロゴマーク静岡県迎春敢闘賞ツインメッセ静岡神戸神戸国際展示場GoogleロゴGATEDRAGONドラゴンゲート5月11日マーサ・グレアム鈴木プラネタリウムライアン・ウッドワード愛知県立芸術大学西村真里子TokyoCOMPLETECHILDRENADVENTLabuatUTZOOMGENOウィルスワークスコーポレーション「ヤノベケンジ-ウルトラ」展BlogVIIFANTASYWCAN×CSSNiteWebデザイン演習プレゼン演習ActionScript基礎広告批評TAFF'09FINALアートアニメーション武豊町セキュリティデコクレインターネットスキル認定普及協会ライブペイント黒い太陽ウルトラ展国家検定西田幸司旭食品サンプル製作所食品サンプルActionScriptヱヴァンゲリヲン新劇場版:破ヤノベケンジカスタマイズセミナーゲーム日本ファルコム□□□switch山村浩二音楽ファルコム音楽フリー宣言CALENDARUNIQLO荒俣宏HTML+CSS基礎造形基礎SagmeisterStefanW+KTokyo(+CRUZ)QubibiHelveticaデザインのへそSIGGRAPHXRAY2008WinterWebDirectionEast'08ArtlessNamTHEWEBウェブデザイン部門カンファレンスCONTEST01丹下紘希HPデザインデザインコンテストASIAVideopuppetry中村勇吾佐藤可士和SakaeNightTEXTUREサムライデッサンDesignCS4CollegeFLEXアンドリュー・ワイエスデザイン鳥取砂丘鳥取愛知県美術館PHPFLASHMAXデザイナーのためのプログラミング入門学科富岡聡イラストコンテストデュエル・マスターズ長谷川恭久スーパーエレメンツヨウイチ情報デザイン教育勉強会ペルソナ&シナリオ法浅野智おかだよういちペルソナ/シナリオ法山崎デザイン事務所コピーライティングCREAMごはんとFlashマークアップ演習マクロマリオネットFITCロゴ公募小野裕子#infoedu教育勉強会クリ博就職フェスタ3校合同発表会SalsaWasThereThenウェブリテラシー協会第一回セミナー夢プロジェクト2009・成果報告会餃子浜松IA2010キックオフセミナーAndNIKE会社見学鎌倉日本電子専門学校横浜デジタルアーツ専門学校森川眞行箱根合宿慶華飯店新横浜ラーメン博物館横浜中華街映画のオープニング閉会式アニメーションMozorama後期入賞escalatoranimationLPO第4回アックゼロヨン・アワードCG・イラストコンテストモーション演習ガンダムグラフィックデザインコマ撮りアニメ電信柱エレミの恋ウサビッチカナバングラフィックスソバットシアターCMS特集今井佳子アイディグラフィックス学生参加ギレン総帥UNIQLOCKHCDプロセスブランディングAutuminカラーdotFesKyotoゆるキャラFlash-GameswonderflストリートビューJAPANインターネットクリエイティブアワード東京ゲームショウ2009人喰いの大鷲トリコ是枝裕和監督ナゴヤデザインウィーク2009大富豪スコアシートPHP勉強会Yahoo!世界のCMフェスティバルITホワイトボックス福みつレスポンシブWebデザインイークリエイト藤井英一JIHYEHEO冨田伴成新城高校VRカルタ東京ゲームショウ2018出前授業青山高校ホ・ジヘ韓国toWWW(Welcome友章堀川World)北川パーヤン脆弱性なんと読む?期末テストWebデザインスペシャルデーOculusGOあけおめ平成31年メーカー・ブランドコーヒー用品株式会社サイバーエージェント牧野史門線の群生FigmaツールUIデザイン前川元成NextDoorsourcepicture沖縄県第56回srcset第56回技能五輪全国大会斉藤洸貴cymaEC事業志維安藤WCAN2017Springv4.0.1SyntaxHighlighterお母さんの二度見展Proxy学校スタジオディテイルズ服部友厚佐藤洋介ターミナルマイクロソフトWebプログラミング初級講座料理Instagramインスタグラム醐りょう芸大美大appendChild()HTMLCollectionNodeList鈴木雄太山川綾那安藤志維ContentsofTable堀川友章関口浩之NCF2017ミス・ユニバース・ジャパン岐阜大会フォントおじさんTOCAWARDS尾鷲高校衣台高校梅澤朝樹株式会社エイチームノートPC貸与夏休みの課題出身高校D3.jsスクラップブック2020新卒株式会社MTG海老江優太Frontend株式会社メイクリー小林健人中村享介ニシヤマナガヤ業界研究授業2022名古屋市名東区未完美術館小林隼大福田将也emパラサイト2020アカデミー賞企業賞remvw信州未来アプリコンテスト後期集中授業vh松本健太神谷友理恵中島優美鈴木英心原田ゆいノマドランド穂刈謙亮イロコト山本智香子杉山知央エンタメ2021アカデミー賞東京電子専門学校田口和磨第4回専門学校HTML5作品アワード2021年令和3年ReDesignerStudent神戸電子専門学校TypeScriptグッドパッチ第3回専門学校HTML5作品アワード株式会社COTS2019茜音髙橋株式会社アンティー・ファクトリーソレコン☆ポスコンコンテスト杉浦麻紀ライフスタイル仙直茂森PhotoshopCS6祐司TBSわたし、定時に帰ります。新入生オリエンテーション企業見学CBCLIG髙橋茜音STUDIO落合祐介信州アプリコンテストゼロ池田泰延MILKメンバーズICSマイクロインタラクションOriginalTshirt.st進級制作フロントエンド三瓶2019年フェンシングmarkereat足立丈也、平子卓哉、増田隼也エペスポーツアナリティクス令和2年classes株式会社LIGHTzいな世西岡克真AnimationAO特別授業加藤ひとみ山田拓生授業アイチータ結団式青山敬司青空学区名古屋市営地下鉄アロチ本家和歌山中華そば熊野三山大門坂丸高丸田屋柏木祥太スパルタキャンプ岩出本店ネイルサロンマウアアイテムカンパニースマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りNCF2014インターンシップWF1でBLOGSyntaxCrayon2015年度新入生新年のご挨拶親孝行keygen要素optgroup要素type属性紅茶専門店Liyn-andatalist要素button要素麺の匠オリエンタル第52回技能五輪全国大会那智の大滝本州最南端list-itemdisplaylist-style-typeNTTドコモ東海支社モテ声ボーダーHTML5スマートアプリ&クリエイティブコンテスト10日でおぼえるLinuxサーバー入門教室最優秀賞ジョルテKDDINCF2013美術大学フジ家55さかなや晴れやか嵐が如く麺屋ココイチ麺やOK芸術大学高橋雅人カレーラーメントライデント合同企業説明会F81教室tableテーブル宇野剛志石原愛実名古屋マークアップ勉強会マカベン串本八鬼山熊野古道ランチ中村健太parseInt()DesignergoogleGWDparseFloat()備忘録道家陽介concrete5栗山聡一Highlighter森田霞IA/UXプラクティス平野秀幸坂本貴史制作実績カークスヴィル沼田啓助CodePenプログラムクイズAO入試河地芳明津田直明2016懇親会合宿合同制作合同制作合宿Web制作のおしごとWebディレクター原一浩坂本邦夫WebプログラマーJSBinJSFiddle学生作品集ジムナストコロン日清食品グループタカガールサイトMonaca情報系驛麺通り再進学学園祭水曜日のカンパネラプラネタリアン涼麺jsdo.itCodeplyPlunker駅麺通りクイズResurgenceDay:Independence専門士学位東京コスモクリスマス熊﨑彩第53回3DCG松田洋樹FlexibleBoxFlexbox味仙CGスペシャリストワクワク建設タウン建設経営者倶楽部八木智章竹中民男夏麺フェア木村哲朗ScrollmagicScrollMagicアクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティVelocity.js岡田陽一Dmm.com仕事UIバイドゥ平野健太郎ワイヤーフレームうぇ~~~~~~~ぶ出席率職業実践専門課程ウェブアートデザイナーポートフォリオアイデア帳採用担当者の心に響くKaizenアクティビティシナリオ源賢司UXデザインPlatformグロースハック高校14グロースハッカー第51回技能五輪全国大会

メールフォーム

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

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