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

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

2022.03.05 [土] ポートフォリオサイトを印刷用CSSでプリントする。

最終更新:2022.07.15Webサイト制作TipsWeb技術

2月が短いというのありますが、あっという間に3月ですね。
だんだんと春めいた陽気になってきました。

さて、3月になり、名目上の就職活動解禁となりました。
来年(23年)卒の学生たちは、説明会参加やエントリーなどで慌ただしく活動しているか思います。
その就職活動で必要なものが、ポートフォリオです。Webデザイン学科の学生が志望するデザイナー職・エンジニア職には、採用試験の前や面接時に作品集「ポートフォリオ」を求められることが多くあります。

mediatype_print-002.png

Webデザイン学科では、Webサイト制作を学んでいるため、その技術や成果を伝えるためにWebサイトでポートフォリオを制作していますが、まれに紙のポートフォリオが必要になる場合があります。

印刷用CSSで紙用のレイアウトを設定する。

ポートフォリオを簡易的に作るサービスも増えてきていますが、いちから制作すると、やはり時間がかかります。さらに、IllustratorやInDesignで紙のポートフォリオを制作するとなると膨大な時間を費やすことになります。
就職活動期間とはいえ、学校の授業や課題などもありますので、そこまで時間をかけることはできません。

そこで今回は印刷用のスタイルシートを設定することで、Webポートフォリオを印刷すると紙用のレイアウトでプリントさせる方法について書いていこうと思います。

以前は、Webサイトを印刷する機会も多かったのですが、スマートフォンが普及したおかげでずいぶんと少なくなってきました。さらにブラウザの印刷メニューでも背景非表示など最適化が可能になっていますので、内容を見るためのプリントなら、それほど不便なく印刷できます。
そのためか、印刷用のCSSが読み込まれているWebサイトも少なくなってきました。

印刷用CSSをWebサイトに適用させる為には、PCとスマートフォンの見た目を切り替えるメディアクエリで使う、メディアタイプが重要になります。

メディアタイプ

メディアタイプには、機器の分類値を記述しています。
また、メディアタイプは省略可能です。その場合、暗黙的に値はallとなります。
主なメディアタイプの分類は、

  • all:すべての機器に適合します。
  • print:ページのある資料や、画面に印刷プレビューモードで表示されている文書に適合します。
  • screen:主にPCやスマホなどスクリーン向けのものです。
  • speech:音声合成向けのものです。

CSS2.1およびMedia Queries3では、他にもテレビやプロジェクターなどのメディアタイプ(tty、tv、projection、handheld、braille、embossed、aural)が定義されていましたが、これらはMedia Queries4で非推奨となっています。

mediatype_print.jpg

印刷用CSSを設定する方法

印刷用のCSSを設定する方法は4つほどあります。

① link要素にmedia属性で読み込む

1つめは、外部CSSファイルとして、link要素のmedia属性の値をメディアタイプの分類値にします。
分類値には複数の値を設定することもできます。






2022.02.12 [土] @useの使い方がわからない…ので

最終更新:2022.02.19Webサイト制作TipsWeb技術

春休みになりました。長期休暇に、普段調検証できないことを、いろいろと調べて勉強していきたいですね。
今回は、ずいぶんと一般的になったSassの@useの使い方について調べてみました。

Sassとは

Sass(Syntactically Awesome StyleSheet)とは、CSSを拡張して、書きやすく、見やすくしたスタイルシートのことです。
直訳すると「文法的に素晴らしいスタイルシート」で、Sassのページには「世界で最も成熟した、安定した、強力なプログレードのCSS拡張言語です。」と記載されています。
以前は、LessStylusなど他のCSSメタ言語もよく聞かれたのですが、最近ではSassの話題ばかりになっています。
ちなみに、CSSメタ言語とは、CSSの生産性向上の為に拡張された技術のことです。

sass_use-001.jpg

Sassを導入するメリットは、

  • 入れ子の使用が可能
  • 変数を利用できる
  • 四則演算が可能
  • 関数を使用できる
  • ミックスイン・継承による効率化
  • ファイルを分割して管理できる

が、上げられます。

私も、ファイルを部品ごとに分割して管理したり、reset CSSを別ファイルで読み込む場合など便利に利用しています。
CSSの@importと違って、Sassの@importはビルドすると合体されるため、HTTPリクエストの数が増えることがなく、読み込みスピードに大きな影響がありません。

また、進化の過程でSassの種類も変化してきました。主な種類は、

  1. Ruby Sass:Ruby製。2019年サポート終了。
  2. LibSass:C++製。現在、主流。
  3. Dart Sass:Dart製。公式推奨。

と、移ってきました。
今はLibSassが主流のようですが、公式で推奨されているため、だんだんとDart Sassが使われるようになってきています。

そんな便利に使ってきた@importですが、今後数年間で、段階的に廃止され、最終的にはSassから完全に削除されるようです。「代わりに@useルールを優先してください」とのことです。
※遅くても、2022年10月1日には廃止されるみたいです。

@useを使ってみる

単純に@importを@useに変えればいいんでしょ、と思って使ったら躓きました。。。
ということで、早急に@importの代わりに@useの使い方を理解しないといけないわけなので、調べてまとめてみました。

Sassのドキュメントには、

このルール(@use)は、他の Sass スタイルシートからMixin、関数、変数を読み込み、複数のスタイルシートの CSS を一緒に結合するものです。@useによって読み込まれるスタイルシートは「モジュール」と呼ばれます。

と書かれています。

2021.09.30 [木] display:contentsを使ってみたい。

最終更新:2022.02.11Webサイト制作TipsWeb技術

トライデントコンピュータ専門学校では、夏休みも終わり、各学科ごとに集中授業で作品制作、資格対策などが行われています。そして来週からはいよいよ後期通常授業が始まります。
学園祭などの学校イベントはもちろん、就職活動も始まる後期ですので、充実した学生生活を送ってもらいたいです。

さて、久しぶりにCSSについてわからないことがあったので、調べてみました。
先日、コリスの「モダンCSSによる絶対配置(position: absolute;)の削減 」という記事内にdisplay:contents;の便利な使い方が紹介されていました。

displayContent_001.jpg

displayプロパティに関しては、過去に、flexについて「そろそろFlexboxを勉強し始めてもいいんじゃないだろうか - ウェブDeBLOG」だったり、gridについては「 CSS Grid Layoutの時代がやってくる。」に記述しましたが、以前よりも、頻繁に使っている気がします。
とうことで、今回はdisplay:contents;です。

display:contents

いつもどおり、W3Cの仕様書を見てみると、

contents
The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes and text runs as normal. For the purposes of box generation and layout, the element must be treated as if it had been replaced in the element tree by its contents (including both its source-document children and its pseudo-elements, such as ::before and ::after pseudo-elements, which are generated before/after the element’s children as normal).
要素自体はボックスを生成しませんが、その子や疑似要素は通常通りボックスやテキストランを生成します。ボックスの生成とレイアウトの目的のためには、要素は要素ツリー内でそのコンテンツ(ソース・ドキュメントの子要素と、 ::before と ::after 疑似要素のようなその疑似要素の両方を含み、これらは通常通り子要素の前後に生成される)によって置き換えられたかのように扱われなければならない。

あいかわらず、よくわかりませんので実際にコードを書いて確認したいと思います

CSSのボックスモデル

まずは、要素自体のボックスを理解するために、CSSのボックスモデルを復習したいと思います。
HTMLの要素はどの要素も、下図のような「ボックス」と呼ばれる四角形の領域を生成します。

boxmodel21.jpg

CSSのdisplayプロパティの値によって、ボックスと子要素の描画を設定することができます。

displayプロパティ

displayプロパティには、blockinlineなどの表示タイプを設定するものや、flexgridなど、要素内部の表示タイプを設定するものなど、種類が分かれています。
その中で要素がボックスを生成するかどうかを設定する値が、nonecontentsとなります。

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

最終更新:2022.02.11Webサイト制作TipsWeb技術

ここ最近、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ってなんだ?!

最終更新:2022.02.11Webサイト制作TipsWeb技術

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の単位

最終更新:2022.02.11Webサイト制作TipsWeb技術

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;
}
検索フォーム
#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
学生がライトニングトークで話しました。
〈進級展〉
2021年度1年生「進級制作展」終了しました。
2020年度 1年生進級制作展(オンライン)終了しました。
2019年度 1年生進級制作展終了しました。
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
〈コンテスト〉
第5回「専門学校HTML5作品アワード」入選
第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回技能五輪
〈若年者ものづくり競技大会〉
第16回若年者ものづくり競技大会 敢闘賞受賞!
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種Webサイト若年者ものづくり競技大会ウェブデザインポートフォリオ名古屋ECCコンピュータ専門学校2013映画学生ブログJavaScriptWebデザイン1年生進級展2009WinterWordPressWebサイト制作卒展CSS技能五輪全国大会卒業制作展2011アクアリングかっぱ商店街オープンキャンパス入学式合同企業展礒田優WordpressNagoya矢野りんWeba-blogライトニングトーク2014cms石黒雄介閉館日アクセス解析Summerウェブデザイン技能競技大会体験入学面白法人カヤック就職活動CGイラスト学科若年者ものづくり大会Web制作会社夏季閉館日Autumn卒業制作夏休み瀬川大勝ホームページ・ビルダーテンプレート作成HCDプレゼンテーション大阪2010ウェブデザイン技能競技会第48回技能五輪全国大会inminiAdobeココストアJapan2012FlashHTML5jQuery佐藤歩杉本拓也学生インタビューフォトアルバム東京研修進級制作展html5Webアプリ2015名古屋駅あいちカレーラーメンコンテストモリサワGIO田中睦翔IIJ上村水月99eagleアンティー・ファクトリーSpringBananaAd企業訪問専門学校CentOSプロジェクト卒業研究制作展COMMUNICATIONNEXTラーメン学生マールCSS3ウェブデザイン技能検定ブログパーツ水野裕太情報デザインフォーラムGoogle愛知県人間中心設計情報デザインWebワークショップセントレア北濱大輔エイチーム株式会社スタメン2018鈴木優太グリッドレイアウト冬休みあけましておめでとう2020gifアニメYearNewHappydisplay:grid新年Yahoo!Japan林田実樹WebデザインギャラリーGridLayoutUX成田篤紀Webクリエイター能力認定試験制作合宿水野怜美トライデント祭りサイバーエージェント産学協同堀尾真衣PluginforAnalyticsビジュアルエディタメ~テレWEBサイト制作者のためのHCDの理解in名古屋名商連会社訪問トライデント中日ドラゴンズナゴヤドーム戸田芳裕知多みるくCSSNiteBoxLike岩手県塚本碧イラストマップレイアウト作品集ウェブアクセシビリティ真鍋大度FICCコミュニケーションデザインワークショップ名古屋市科学館阿部淳也ポートフォリオサイト敢闘賞静岡ゴールデンウィークCMSDTPWORLD情報デザイン基礎Webリテラシーアサココ!ディプロス導入授業WordCampStoreApple2008WordFes鷹野雅弘茂森仙直グループ制作企業課題豊田市美術館F-siteウェブDeBLOGモンキーワークスワークショップカメラトライデント合同企業展写真結果発表iPhoneMarkup名古屋開府400年祭jbstyleカリキュラム空気人形SEO笈瀬本通り卒業式ECMAScript学習進級展ES6ES20152017出張講座株式会社LIGドラマ初期設定謹賀新年熊谷佳紀サーティファイWebデザイナー沖縄Runstant久保怜也アプリコンテスト東京電子専門学校神戸電子専門学校2022鈴木英心中島優美2021たにぐちまこと後期集中授業松井友奈イークリエイト信州アプリコンテスト[ゼロ]日本総合ビジネス専門学校松本渚オンライン授業Zoom幕張メッセ桝田草一label要素form要素たこ焼きfieldset要素legend要素input要素愛知県選手団displayスマートフォン飯田淳介Advent5T(ファイヴティー)CalendarAWARD和みtextarea要素Forumcanvasフロントエンドエンジニアうぇーぶparticleマークアップエンジニアアップルップルoption要素1年生作品展まぼろしHTMLoutput要素長屋めぐみselect要素スマホアプリNTTドコモ東海放課後のプレアデスキルターズフェスティバル2011笈瀬本通商店街愛知県立芸術大学名古屋市中村区キルト展中部国際空港日本の四季GAINAXSUBARUSlimbox2Load卒業・修了制作展Lazy大西健太ウェブリテラシー協会JISFLV8341-3:2010XFLAVER3.0JAPANWORLDCUP3Magnum北岡弘至伊達千代バルサマンプロジェクションマッピング愛知淑徳大学田中稚妃呂みつけもの恵那市岩村DTPの勉強部屋ablogcmsぬいぐるみのラパンKtaistyleCustomSmilies絵文字卒業制作・研究発表会2011英国王のスピーチトライデントカレッジUntitled!!!!!!!!円JOY!map柴乃櫂人WEBサイト制作者のためのHCD(人間中心設計)の理解AndrioidITCIRCUSドラゴンゲートチタハン10名古屋グランパスポスターデザイン・コンペディションCODE名古屋クリエイターフットサル笈瀬本通広島弁iPhone4商店街金シャチ商店街名古屋メディアボンドアクセシビリティタロヲ細川太郎シナリオペルソナ1→10designグラフィクデザインTwitter中部国際空港株式会社CODEポスターデザイン・コンペティション小林信次増田悟ブラザー工業株式会社株式会社アクアリングGoogleAnalytics石井研二カメラワーク名古屋サイト改善研究会中級編商店サイト制作プチ・フレーズ三蔵みの治商店UltimateGA名駅経済新聞名チャリ愛知商業高校横浜デジタルアーツGAMEPARTYPerfumebyinspiredそこにいない。展あいちトリエンナーレ2013晴れやか嵐が如く第51回技能五輪全国大会Webデザイン演習Rhizomatiks田代豊佐藤ねじみんなのICTFacebookたこ焼きパーティ東京就職プレゼンThree.js木下健太郎さかなやフジ家55ジョルテKDDIHTML5スマートアプリ&クリエイティブコンテストモテ声ボーダー最優秀賞10日でおぼえるLinuxサーバー入門教室サーバーF81教室トライデント合同企業説明会list-itemlist-style-type高橋雅人カレーラーメン麺やOK麺屋ココイチ芸術大学美術大学NTTドコモ東海支社NCF2013卒業展Web制作合宿MuseロゴマークメールマガジンOhanaゲーム大賞アマチュア部門静岡県ツインメッセ静岡docomoドコモ2011年度迎春東京ゲームショウ神戸マーサ・グレアム5月11日GoogleロゴGATEライアン・ウッドワードプラネタリウム神戸国際展示場鈴木FutureStation長野IllustratorSVGFacebookページ結果第50回画像をチェックボタンにする張山大祐JQueryベースキャンプ名古屋SHOWBloosumTeamイマジンカップNHNBloom*Block尾花大輔TOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会DRAGONデコクレ西田幸司国家検定インターネットスキル認定普及協会ライブペイントヱヴァンゲリヲン新劇場版:破ActionScript富岡聡学科旭食品サンプル製作所食品サンプル黒い太陽ウルトラ展ファルコム音楽フリー宣言音楽ゲーム日本ファルコム荒俣宏UNIQLOヤノベケンジカスタマイズセミナーCALENDARカナバングラフィックスウサビッチanimationescalatorアニメーションMozoramaモーション演習CG・イラストコンテストUNIQLOCKギレン総帥LPO第4回アックゼロヨン・アワード後期入賞CMS特集ソバットシアターコマ撮りアニメ電信柱エレミの恋学生参加アイディグラフィックスガンダムグラフィックデザイン今井佳子□□□switch山村浩二サムライTEXTURE中村勇吾佐藤可士和CS4DesignActionScript基礎HTML+CSS基礎造形基礎デッサンSakaeNightPHP愛知県美術館アンドリュー・ワイエスデザインデザイナーのためのプログラミング入門MAXCollegeFLEXFLASHプレゼン演習西村真里子BlogUTZOOMLabuatTokyo「ヤノベケンジ-ウルトラ」展ワークスコーポレーションGWDセキュリティGENOウィルスCOMPLETECHILDREN武豊町TAFF'09広告批評WCAN×CSSNiteアートアニメーションFINALADVENTVIIFANTASYナゴヤデザインウィーク2009是枝裕和監督夢プロジェクト2009・成果報告会ウェブリテラシー協会第一回セミナーSalsaWasIA2010キックオフセミナー浜松TAFFWCAN46福みつ餃子ThereThen箱根合宿森川眞行会社見学鎌倉横浜中華街新横浜ラーメン博物館AndNIKE慶華飯店武豊アニメーションフェスティバル名古屋おもてなし武将隊技能五輪予選unoplus松坂屋美術館スタジオジブリ・レイアウト展WEBサイト制作者のためのHCDの理解プロトコル分析YORKE.ビジュアルデベロップメント伊藤頼子知多半島プロ野球新世界道頓堀ナゴヤ武将都市求人大沢たかおポートピア名古屋フナ犬ネスカフェゴールドブレンド日本電子専門学校横浜デジタルアーツ専門学校KyotodotFesHCDプロセスブランディングwonderflFlash-Gamesマクロマリオネット映画のオープニング閉会式ゆるキャラAutuminカラーPHP勉強会大富豪スコアシート東京ゲームショウ2009人喰いの大鷲トリコITホワイトボックス世界のCMフェスティバルストリートビューJAPANインターネットクリエイティブアワードYahoo!マークアップ演習ごはんとFlashペルソナ/シナリオ法情報デザイン教育勉強会ヨウイチイラストコンテストおかだよういち浅野智3校合同発表会クリ博就職フェスタペルソナ&シナリオ法デュエル・マスターズ長谷川恭久教育勉強会ロゴ公募FITCCREAM#infoedu小野裕子スーパーエレメンツ山崎デザイン事務所コピーライティングIACodeply牧野史門株式会社サイバーエージェントあけおめ平成31年UIデザインツール株式会社MTG2020新卒線の群生Figmaメーカー・ブランドコーヒー用品第56回技能五輪全国大会srcsetsourcepictureEC事業cyma前川元成NextDoor斉藤洸貴企業見学新入生オリエンテーションコンテストソレコン☆ポスコン2019茜音茂森仙直落合祐介杉浦麻紀ライフスタイル髙橋株式会社アンティー・ファクトリーLIGCBCTBSわたし、定時に帰ります。STUDIO髙橋茜音PhotoshopCS6祐司沖縄県第56回堀川友章安藤志維Contentsof関口浩之フォントおじさん志維安藤NCF2017ミス・ユニバース・ジャパン岐阜大会TableTOCノートPC貸与尾鷲高校衣台高校梅澤朝樹夏休みの課題スクラップブックAWARDS出身高校D3.js堀川友章青山高校新城高校冨田伴成藤井英一出前授業東京ゲームショウ2018GOOculusVRカルタJIHYEHEO北川パーヤンWorld)toWWW(WelcomeWebデザインスペシャルデー期末テストホ・ジヘ韓国脆弱性なんと読む?信州アプリコンテストゼロ足立丈也、平子卓哉、増田隼也contents特別企画『謎解き~7つの学科の謎を解け~』山本智香子杉山知央後藤拓也2023@useSass第5回専門学校HTML5作品アワード2022年エンタメイロコトグッドパッチStudentReDesigner田口和磨TypeScript2021アカデミー賞穂刈謙亮原田ゆいノマドランド@import@mixinPhotoshopトライデントコンピュータ専門学校Webデザイン学科フ学生ポートフォリオドライブ・マイ・カーモリサワトライデントコンピュータ専門学校Webデザイ夏休み夏季閉館日2022安藤さん風呂谷さん株式会社アビリブあいのうたコーダ印刷CSS23年卒@includeHOPTERTECH2022アカデミー賞WebサイトマネーフォワードSCHOOL第4回専門学校HTML5作品アワード2021年ICS池田泰延MILKメンバーズマイクロインタラクションフロントエンド第3回専門学校HTML5作品アワード株式会社COTSOriginalTshirt.st進級制作三瓶エペフェンシングmarkereatスポーツアナリティクス株式会社LIGHTz2019年令和2年classes企業賞2020アカデミー賞未完美術館ニシヤマナガヤ中村享介海老江優太名古屋市名東区業界研究授業令和3年神谷友理恵松本健太Frontend株式会社メイクリーvwrememパラサイトvh信州未来アプリコンテスト小林健人小林隼大福田将也株式会社エイチーム山川綾那WF1でBLOGインターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る新入生2015年度森田霞HighlighterSyntaxCrayon名古屋駅麺通りNCF2014button要素datalist要素keygen要素optgroup要素第52回技能五輪全国大会オリエンタル新年のご挨拶親孝行麺の匠木村哲朗夏麺フェア松田洋樹3DCG東京コスモクリスマスCGスペシャリスト味仙岡田陽一FlexibleBoxFlexbox熊﨑彩第53回ScrollMagicScrollmagic八木智章竹中民男Velocity.jsWebアクセシビリティワクワク建設タウン建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイtype属性紅茶専門店Liyn-anマカベン名古屋マークアップ勉強会tableテーブル熊野古道八鬼山大門坂那智の大滝本州最南端串本宇野剛志石原愛実備忘録parseFloat()parseInt()Designer栗山聡一concrete5ランチ中村健太道家陽介熊野三山和歌山中華そば青山敬司山田拓生加藤ひとみ西岡克真結団式アイチータアイテムカンパニーネイルサロンマウア授業AnimationAO岩出本店丸田屋丸高アロチ本家スパルタキャンプ柏木祥太特別授業青空学区名古屋市営地下鉄Dmm.comUXデザインMonaca学生作品集ジムナストコロン日清食品グループ情報系学園祭いな世驛麺通り再進学タカガールサイト水曜日のカンパネラ駅麺通り涼麺jsdo.itPlunkerクイズIndependenceプラネタリアンResurgenceDay:醐りょうインスタグラム学校ProxyWCAN2017Springv4.0.1ターミナル佐藤洋介鈴木雄太スタジオディテイルズ服部友厚SyntaxHighlighterお母さんの二度見展美大芸大料理InstagramNodeListHTMLCollectionマイクロソフトWebプログラミング初級講座appendChild()JSFiddleJSBinワイヤーフレーム仕事UIバイドゥうぇ~~~~~~~ぶウェブアートデザイナー学位出席率職業実践専門課程レスポンシブWebデザイン平野健太郎ポートフォリオアイデア帳PlatformKaizenアクティビティシナリオ源賢司グロースハックグロースハッカー採用担当者の心に響く高校14専門士合同制作合宿カークスヴィルIA/UXプラクティス平野秀幸坂本貴史沼田啓助河地芳明CodePenプログラムクイズAO入試制作実績津田直明Web制作のおしごと懇親会合宿合同制作WebディレクターWebプログラマー2016原一浩坂本邦夫google

メールフォーム

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

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