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

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

2014.10.12 [日] input要素のおさらい(form関連要素編②)

前回に引き続き、form要素関連のおさらいです。今回はHTML5になってから属性や値が大幅に進化したinput要素です。

input要素

input要素は、通常、ユーザーがデータを編集できるようにするためのフォームコントロールと、型指定されたデータフィールドを表す。type属性は、要素のデータ型(および関連するコントロール)を制御する。
W3C HTML5 仕様書より

input要素は、type属性(型)を変えることで、様々なデータの入力や送信を可能にするコントロールを作成できます。
type属性の初期値は、type="text"(1行入力欄)です。HTML5から新しく追加された属性値に対応しないブラウザは、デフォルトのtype="text" (1行入力欄)になります。

対応したスマートフォンなど、ソフトウェアキーボードを備えたデバイスでは、type属性値の種類によって、キーボードが適宜、初期表示されたりしますので、フォームをより便利にすることができます。

このtype属性の値によって、データの種類を指定し、さまざまなコントロールを作成することができます。

accept、alt、autocomplete、checked、dirname、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、maxlength、min、minlength、multiple、pattern、placeholder、readonly、required、size、src、step、widthコンテンツ属性、checked、files、valueAsDate、valueAsNumber、およびlistIDL属性、select()メソッド、selectionStart、selectionEnd、およびselectionDirectionIDL属性、setRangeText() and setSelectionRange()メソッド、stepUp() and stepDown()メソッド、inputおよびchangeイベントが、そのtype属性の状態に依存するinput要素に適用する。
各タイプを定義するサブセクションはまた、各タイプにこれらの機能を適用するものと適用しないものを、規範的"簿記"セクションで明瞭に定義する。これらの機能の動作は、それら様々なセクションで定義されるため、それらが適用するかどうかに依存する。
W3C HTML5 仕様書より

type属性値で指定できる属性

HTML5はHTML5から新しく追加された属性値、属性になります。

type="hidden"

ブラウザ上に表示されない非表示データ(閲覧者の入力に関係なく送るクエリ値)を送信することができます。 隠しデータとも呼ばれますがHTMLソースには記述されています。

■属性
name属性
データが送信される際のクエリ名を指定します。
value属性
初期値を指定します。
disabled属性
入力コントールを無効にします。
form属性
任意のform要素に付与されたid属性値を指定することで関連付けを行います。

※name属性、value属性、disabled属性、form属性は全てのtype属性値に指定できます。

type="text"

1行入力欄が作成されます。name属性は入力欄に名前を付ける属性ですが、formでデータが送信される際、 name属性で指定した名前と入力された値が一組になって送信されます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
dirname属性
送信データの書字方向に関するクエリ値のクエリ名を指定します。
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
text

type="search"HTML5

検索テキスト入力欄が作成されます。name属性は入力欄に名前を付ける属性ですが、formでデータが送信される際、 name属性で指定した名前と入力された値が一組になって送信されます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
dirname属性
送信データの書字方向に関するクエリ値のクエリ名を指定します。
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
search

type="tel"HTML5

電話番号の入力欄となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
Telephone

type="url"HTML5

URL入力欄が作成されます。対応しているブラウザでは、入力された値が「http://」で始まる妥当な絶対URLでは無い場合にエラーを返します。ユーザーは空文字を入力することができます。入力必須にする場合には、required属性を併用します。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
Add your homepage

type="email"HTML5

メールアドレスの入力欄となります。対応しているブラウザでは、入力された値にアットマーク( @ )を含む妥当なメールアドレスでは無い場合にエラーを返します。
ユーザーは空文字を入力することができます。入力必須にする場合には、required属性を併用します。
multiple属性を指定すると、ユーザーが複数のメールアドレスを選択・入力できるようにすることができます。 この場合、送信される値は半角カンマ( , )区切りのリストとなります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
multiple属性
複数メールアドレスの入力を可能にします。HTML5
E-mail

type="password"

パスワードの入力欄となります。ブラウザ上では、入力内容は アスタリスク( * ) など伏せ字で置き換えられ、画面上では見ることができないようになりますが、入力されたデータが暗号化されて送信されるわけではなく、 送信されたデータを受け取ることができれば内容を見ることができます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。HTML5
maxlength属性
入力可能な最大字数を指定します。
pattern属性
正規表現による入力チェックを行います。HTML5
placeholder属性
ダミーテキスト(プレースホルダ)を設定します。HTML5
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。

type="datetime"HTML5

UTC(協定世界時)による日時の入力欄が作成されます。
入力された値はグローバル日時を表すことになります。 入力必須にする場合には、required属性を併用します。step属性の単位は秒、初期値は60となります。

ここで言うグローバル日時(global date and time)とは、協定世界時(UTC)をベースに指定する日時のことです。 UTC(Universal Time, Coordinated、協定世界時)とは、世界の公式な標準時刻のことです。 天体観測から決定されるグリニッジ標準時(GMT)とほぼ同じですが、UTCはセシウム原子時計が刻む国際原子時をもとに決定されています。 日本のローカル時刻はUTCに対して9時間進んでいるので、以下の書式でグローバル日時として指定します。
YYYY-MM-DDThh:mm:ssTZD
YYYY 年(4桁)
MM 月(2桁/01~12)
DD 日(2桁/01~31)
T ここから時間が始まることを表す文字(大文字のT)
hh 時(2桁/00~23)
mm 分(2桁/00~59)
ss 秒(2桁/00~59)
TZD タイムゾーン(Z,+hh:mm,-hh:mm)
Z …… UTCそのものであることを表す文字(大文字のZ)
+hh:mm …… UTCよりローカル時刻が進んでいる場合
-hh:mm …… UTCよりローカル時刻が遅れている場合
■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「60」です。HTML5
Birthday (date and time) 
Birthday (date and time)

type="date"HTML5

日付けの入力欄となります。対応するブラウザでは多くは、カレンダーのUIで表示され、選択することで日付けを入力できるようになります。
送信される値は、指定した日付けをyyyy-mm-ddという形式にした、2014-10-11(2014年10月11日) のような形式で送信されます。step属性の単位は日、初期値は1となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「1」です。HTML5
Birthday 
Birthday

type="month"HTML5

月の入力欄となります。対応するブラウザでは多くは、カレンダーのUIで表示され、選択することで日付けを入力できるようになります。送信される値は、指定した日付けをyyyy-mmという形式にした、2014-10(2014年10)のような形式で送信されます。step属性の単位は日、初期値は1となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「1」です。HTML5
Birthday (month and year)  
Birthday (month and year)

type="week"HTML5

週の入力欄となります。対応するブラウザでは多くは、カレンダーのUIで表示され、選択することで日付けを入力できるようになります。送信される値は、指定した日付けをyyyy-Wwwという形式にした、2014-W30(2014年第30週 7月21日〜7月27日)のような形式で送信されます。step属性の単位は日、初期値は1となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「1」です。HTML5
Select a week 
Select a week

type="time"HTML5

週の入力欄となります。対応するブラウザでは多くは、カレンダーのUIで表示され、選択することで日付けを入力できるようになります。
送信される値は、指定した日付けをhh:mm:ssという形式にした、18:30:55(18時30分55秒)のような形式で送信されます。step属性の単位は日、初期値は60となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「60」です。HTML5
Select a time 
Select a time

type="datetime-local"HTML5

日時の入力欄となります。対応するブラウザでは多くは、カレンダーのUIで表示され、選択することで日付けを入力できるようになります。
送信される日時は閲覧者の現地時間となり、送信される値は、日時を ISO 8601 形式 (yyyy-mm-ddThh:mm:ss) にした2014-10-11T18:30:55(2014年10月11日18時30分55秒)のような形式で送信されます。step属性の単位は日、初期値は60となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
size属性
入力欄のサイズ(文字数)を指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「60」です。HTML5
Birthday (date and time)  
Birthday (date and time)

type="number"HTML5

数値の入力欄となります。対応しているブラウザでは、入力された値に数値以外の入力が送信されようとするとエラーを返します。step属性の初期値は1となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
pattern属性
正規表現による入力チェックを行います。
placeholder属性
ダミーテキスト (プレースホルダ) を設定します。
readonly属性
読み込み専用にします。(編集不可)
required属性
入力を必須にします。HTML5
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「1」です。HTML5
Quantity (between 1 and 5) 
Quantity (between 1 and 5)

type="range"HTML5

数値のレンジ入力欄が作成されます。ただし、それほど厳密ではない、音量のボリュームや明るさの調節など大まかな数値の入力となります。
min属性の初期値は0、max属性の初期値は100となります。 また、step属性の初期値は1となります。 ユーザーが指定できる度合いの範囲や刻み方は強制され、ユーザーは空の値を指定することはできません。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
max属性
入力可能な日時の最大値を指定します。HTML5
min属性
入力可能な日時の最小値を指定します。HTML5
step属性
日時の値の精度を秒単位で指定します。初期値は「1」です。HTML5

type="color"HTML5

RGB カラーの入力欄となります。対応するブラウザでは、色を選択するためのユーザインタフェースが表示され、それを操作することで数値を入力できます。
常に何らかの色が選択された状態となり、 空の値を指定することはできません。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
autocomplete属性
オートコンプリートの有効 / 無効を設定します。HTML5
list属性
入力候補リストを指定します。
Select your favorite color 
Select your favorite color

type="checkbox"

複数用意された選択肢の中から複数の項目を選択できるチェックボックスが作成されます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
required属性
入力を必須にします。HTML5
checked属性
あらかじめ選択した状態にします。

type="radio"

用意された選択肢の中からひとつを選択できるラジオボタンが作成されます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
required属性
入力を必須にします。HTML5
checked属性
あらかじめ選択した状態にします。

type="file"

ファイル名の入力フィールドと[参照]ボタンが表示され、サーバーへ送信するファイルを選択できるようになります。
HTML5 では、multiple属性が新たに策定されたことによって、複数のファイルを選択して送信することが可能になりました。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
required属性
入力を必須にします。HTML5
accept属性
受け付けるファイルの MIME タイプ、または拡張子を指定します。
multiple属性
複数ファイルの選択を可能にします。HTML5
file 

type="submit"

フォームの送信ボタンを作成します。formaction属性(送信先URL)・formenctype属性(送信するデータの形式)・formmethod属性(送信方法)・formnovalidate属性(入力されたデータの妥当性を確認しない)・formtarget属性(フォーム送信するターゲット先)は、formの属性でも同様の指定をすることができますが、input要素側でこれらの属性を指定すると、formの指定より優先されます。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
required属性
入力を必須にします。HTML5
accept属性
受け付けるファイルの MIME タイプ、または拡張子を指定します。
multiple属性
複数ファイルの選択を可能にします。HTML5
formaction属性
form要素のaction 属性値を上書きします。HTML5
formenctype属性
form要素のenctype 属性値を上書きします。HTML5
formmethod属性
form要素のmethod 属性値を上書きします。HTML5
formnovalidate属性
form要素のnovalidate 属性値を上書きする。HTML5
formtarget属性
form要素のtarget 属性値を上書きします。HTML5

type="image"

画像形式のボタンを作成します。 画像ファイルはsrc属性で指定します。画像ボタンにはalt属性が必須となります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。
src属性(必須属性)
ボタン画像の URI を指定します。
alt属性(必須属性)
ボタン画像の代替テキストを指定します。
width属性
ボタンの表示サイズの横幅(px)を指定します。
height属性
ボタンの表示サイズの高さ(px)を指定します。
formaction属性
form要素のaction 属性値を上書きします。HTML5
formenctype属性
form要素のenctype 属性値を上書きします。HTML5
formmethod属性
form要素のmethod 属性値を上書きします。HTML5
formnovalidate属性
form要素のnovalidate 属性値を上書きする。HTML5
formtarget属性
form要素のtarget 属性値を上書きします。HTML5

type="reset"

フォームに入力した内容のリセットボタンとなります。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。

type="button"

汎用ボタンを作成します。イベントハンドラ属性などによって、JavaScriptなどの発動ボタンとしても利用します。

■属性
name属性、value属性、disabled属性、form属性
※type="hidden"参照
autofocus属性
文書読み込み時、自動的にフォーカスさせます。

HTML5から途端に属性が増えたので、ついつい後回しにしてしまいがちなinput要素ですが、CMSやシステムと絡めた制作の場合は、必ず利用するタグになりますので、しっかりと理解しておいて損はありません。ChromeとOperaが先行していますが、他のブラウザも対応が進んでいます。
各type属性値・input属性のブラウザ対応状況は、Mozillaのサイトに掲載、随時更新されているようです。
input 要素 - HTML | MDN 参照
input 要素 | HTML5 タグリファレンス | W3 Watch Reference
HTML5 Input Types|W3Schools.com
<input>-HTML5タグリファレンス|HTMLクイックリファレンス
form関連要素は、まだまだありますので残りは次回以降。

関連記事
Comment







(編集・削除用)


管理者にだけ表示を許可
Trackback
https://tridentwebdesign.blog.fc2.com/tb.php/465-1109fba7
検索フォーム
プロフィール

担当: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年生進級展「お母さんの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回若年者ものづくり競技大会閉会式
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科WCAN業界研究技能五輪ウェブデザイン職種ウェブデザイン2013若年者ものづくり競技大会Webサイト名古屋映画ポートフォリオECCコンピュータ専門学校2009学生ブログWinterWebデザインWordPressWebサイト制作2011JavaScript礒田優かっぱ商店街技能五輪全国大会a-blogライトニングトークNagoyacms入学式Wordpress2014卒業制作展矢野りんオープンキャンパスCGイラスト学科石黒雄介ホームページ・ビルダーアクアリングテンプレート作成Autumn面白法人カヤックWebSummer瀬川大勝若年者ものづくり大会東京研修名古屋駅2012大阪杉本拓也あいちカレーラーメンコンテスト2010第48回技能五輪全国大会HCDWeb制作会社miniin体験入学Flashココストアアクセス解析GIOIIJ1年生進級展2015html5Japanウェブデザイン技能競技会Adobe成田篤紀田中睦翔HTML5jQuery学生CSS3企業訪問マール情報デザインフォーラム卒業制作愛知県人間中心設計情報デザインCentOSラーメン水野裕太セントレアウェブデザイン技能検定ブログパーツBananaAdSpring卒展プロジェクト上村水月Webワークショップ専門学校gifアニメプレゼンテーション合同企業展Google99eagleモンキーワークス知多みるくトライデント合同企業展まぼろしナゴヤドーム塚本碧岩手県particlecanvasCalendarスマートフォンFICC和みCOMMUNICATIONNEXTYahoo!Japan写真アンティー・ファクトリー戸田芳裕Adventワークショップ真鍋大度カメラ5T(ファイヴティー)NTTドコモ東海SEOiPhone空気人形input要素textarea要素作品集option要素legend要素fieldset要素ウェブデザイン技能競技大会Webデザインギャラリーレイアウトたこ焼き名商連label要素form要素output要素select要素CMSカリキュラムForumUX中日ドラゴンズ1年生作品展スマホアプリ笈瀬本通りイラストマップ結果発表LikeBoxWordFesWEBサイト制作者のためのHCDの理解in名古屋長屋めぐみトライデントうぇーぶ幕張メッセディプロスWordCampアサココ!企業課題メ~テレグループ制作名古屋市科学館導入授業豊田市美術館F-siteCSS阿部淳也ビジュアルエディタDTPWORLD情報デザイン基礎CSSNiteサイバーエージェント佐藤歩就職活動会社訪問PluginRunstantAnalytics学生インタビュー卒業式AppleStoreWebクリエイター能力認定試験コミュニケーションデザインワークショップ静岡林田実樹2008名古屋開府400年祭熊谷佳紀茂森仙直謹賀新年鷹野雅弘サーティファイMarkup初期設定閉館日jbstyleポートフォリオサイト産学協同堀尾真衣福みつ夢プロジェクト2009・成果報告会横浜中華街IA2010キックオフセミナー箱根合宿慶華飯店餃子Ultimate田中稚妃呂浜松GoogleAnalytics新横浜ラーメン博物館横浜デジタルアーツ商店サイト制作Wasブラザー工業株式会社増田悟株式会社アクアリングプチ・フレーズThenAnd中部国際空港株式会社CODEポスターデザイン・コンペティション小林信次カメラワーク石井研二愛知商業高校SalsaGANIKEThere名チャリ名古屋サイト改善研究会中級編名駅経済新聞ウェブリテラシー協会第一回セミナー名古屋クリエイターフットサルプロ野球商店街大西健太金シャチ商店街名古屋メディアボンドポートピア名古屋フナ犬ペルソナネスカフェゴールドブレンド1→10design細川太郎タロヲアクセシビリティサーバー伊藤頼子森川眞行プロトコル分析WEBサイト制作者のためのHCDの理解unoplus松坂屋美術館スタジオジブリ・レイアウト展IAYORKE.知多半島ビジュアルデベロップメントシナリオ大沢たかおポスターデザイン・コンペディショングラフィクデザインCODE技能五輪予選笈瀬本通名古屋おもてなし武将隊武豊アニメーションフェスティバルみの治商店WCAN46TAFFTwitter武将都市ナゴヤ道頓堀広島弁iPhone4新世界求人柴乃櫂人ITCIRCUS名古屋グランパスチタハン10WEBサイト制作者のためのHCD(人間中心設計)の理解Andrioid三蔵Yahoo!FINALアートアニメーション武豊町TAFF'09FANTASYVIICOMPLETECHILDRENADVENT広告批評WCAN×CSSNiteWebリテラシーデッサンDesign造形基礎HTML+CSS基礎西村真里子プレゼン演習ActionScript基礎TokyoLabuat荒俣宏ファルコム音楽フリー宣言音楽ゲームUNIQLOCALENDARウルトラ展ヤノベケンジカスタマイズセミナー日本ファルコム□□□switch「ヤノベケンジ-ウルトラ」展BlogUTZOOMワークスコーポレーションGENOウィルス山村浩二デコクレセキュリティCS4サムライStefanW+KTokyo(+CRUZ)QubibiArtlessSagmeisterHelvetica2008WinterWebDirectionEast'08デザインのへそNam丹下紘希WEBウェブデザイン部門カンファレンスTHECONTESTHPデザインデザインコンテスト01XRAYSIGGRAPHCollegeFLEXFLASHNightSakaeTEXTURE中村勇吾佐藤可士和MAXデザイナーのためのプログラミング入門鳥取VideopuppetryASIA鳥取砂丘デザインPHP愛知県美術館アンドリュー・ワイエス黒い太陽ライブペイントマクロマリオネット映画のオープニング閉会式ゆるキャラマークアップ演習ごはんとFlashロゴ公募FITCCREAMFlash-GameswonderflカラーストリートビューJAPANインターネットクリエイティブアワードAutuminブランディングKyotodotFesHCDプロセス教育勉強会#infoeduペルソナ&シナリオ法浅野智おかだよういちペルソナ/シナリオ法クリ博就職フェスタ3校合同発表会鎌倉日本電子専門学校横浜デジタルアーツ専門学校情報デザイン教育勉強会ウェブDeBLOG山崎デザイン事務所コピーライティング小野裕子スーパーエレメンツ長谷川恭久ヨウイチイラストコンテストデュエル・マスターズLazy世界のCMフェスティバルソバットシアターコマ撮りアニメ電信柱エレミの恋ウサビッチCMS特集学生参加グラフィックデザイン今井佳子アイディグラフィックスカナバングラフィックス富岡聡西田幸司国家検定インターネットスキル認定普及協会ヱヴァンゲリヲン新劇場版:破ActionScript学科旭食品サンプル製作所食品サンプルガンダム入賞是枝裕和監督ナゴヤデザインウィーク2009UNIQLOCK人喰いの大鷲トリコ東京ゲームショウ2009ITホワイトボックスPHP勉強会大富豪スコアシートギレン総帥LPOアニメーションMozorama後期escalatoranimation第4回アックゼロヨン・アワードCG・イラストコンテストモーション演習会社見学愛知淑徳大学Kaizenアクティビティシナリオ源賢司UXデザインPlatformグロースハック採用担当者の心に響く高校14グロースハッカーDmm.com岡田陽一3DCG東京コスモクリスマス熊﨑彩松田洋樹CGスペシャリストFlexibleBoxFlexbox味仙ポートフォリオアイデア帳平野健太郎懇親会合宿合同制作合同制作合宿Web制作のおしごとWebディレクター坂本邦夫WebプログラマーWebデザイナー専門士学位ワイヤーフレーム仕事UIバイドゥうぇ~~~~~~~ぶウェブアートデザイナー出席率職業実践専門課程レスポンシブWebデザイン第53回ワクワク建設タウン麺の匠オリエンタル第52回技能五輪全国大会HTML親孝行新年のご挨拶スマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りNCF2014button要素datalist要素ネイルサロンマウア授業アイチータ結団式アイテムカンパニー紅茶専門店Liyn-ankeygen要素optgroup要素type属性インターンシップWF1でBLOGScrollmagic八木智章竹中民男夏麺フェアScrollMagicVelocity.js建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティ飯田淳介フロントエンドエンジニアSyntaxCrayon2015年度新入生Highlighter森田霞木村哲朗アップルップルマークアップエンジニア原一浩2016ES2015ES6ECMAScriptライデントコンピュータ専門学校制作合宿SyntaxHighlighter学校ProxyWCAN2017Springv4.0.1お母さんの二度見展学習NodeList美大芸大水野怜美HTMLCollectionappendChild()進級展マイクロソフトWebプログラミング初級講座ターミナル佐藤洋介出身高校D3.jsスクラップブック夏休みの課題AWARDS2017ofTableTOCノートPC貸与出張講座鈴木雄太フォトアルバムスタジオディテイルズ服部友厚山川綾那株式会社エイチーム尾鷲高校衣台高校梅澤朝樹株式会社LIG料理CodeplyPlunkerJSFiddleJSBinjsdo.it涼麺Day:Independenceクイズ駅麺通りCodePenプログラムクイズ平野秀幸坂本貴史制作実績津田直明IA/UXプラクティスカークスヴィルAO入試河地芳明沼田啓助Resurgenceプラネタリアンいな世驛麺通り再進学学園祭醐りょうドラマInstagramインスタグラム情報系Monacaジムナストコロン日清食品グループタカガールサイト水曜日のカンパネラ夏休み夏季閉館日学生作品集沖縄トライデント祭り愛知県選手団青山敬司静岡県ロゴマークメールマガジンOhanaツインメッセ静岡敢闘賞docomoドコモ2011年度迎春ゲーム大賞アマチュア部門東京ゲームショウライアン・ウッドワードマーサ・グレアム5月11日Googleロゴプラネタリウム鈴木神戸神戸国際展示場FutureStationIllustratorSVGFacebookページベースキャンプ名古屋長野結果張山大祐JQuery第50回SHOWGAMEBloosumTeamイマジンカップNHNBloom*Block尾花大輔TOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会ゴールデンウィークGATE中部国際空港GAINAXSUBARU放課後のプレアデス日本の四季キルト展絵文字円JOY!map卒業・修了制作展愛知県立芸術大学キルターズフェスティバル2011笈瀬本通商店街JISウェブリテラシー協会Slimbox2forX8341-3:2010名古屋市中村区FLAVER3.0FLVCustomSmiliesKtaistyleプロジェクションマッピングバルサマン3JAPANWORLDCUP恵那市岩村みつけものDRAGONドラゴンゲートContentsMagnum北岡弘至Untitled!!!!!!!!英国王のスピーチ卒業制作・研究発表会2011ぬいぐるみのラパントライデントカレッジ伊達千代DTPの勉強部屋ablogcms画像をチェックボタンにするMuseランチ中村健太道家陽介concrete5石原愛実宇野剛志マカベン名古屋マークアップ勉強会tableテーブル栗山聡一備忘録F81教室トライデント合同企業説明会10日でおぼえるLinuxサーバー入門教室卒業研究制作展GWDgoogleparseFloat()parseInt()Designer熊野古道八鬼山特別授業青空学区名古屋市営地下鉄柏木祥太AOAnimation山田拓生加藤ひとみ西岡克真スパルタキャンプ岩出本店大門坂那智の大滝本州最南端串本熊野三山和歌山中華そば丸田屋丸高アロチ本家最優秀賞ジョルテRhizomatiks田代豊たにぐちまことプレゼンinspiredbyそこにいない。展PARTYPerfumeThree.js木下健太郎モリサワFacebookたこ焼きパーティWeb制作合宿ウェブアクセシビリティみんなのICT就職東京佐藤ねじあいちトリエンナーレ2013Webデザイン演習list-style-typeNTTドコモ東海支社NCF2013美術大学displaylist-itemKDDIHTML5スマートアプリ&クリエイティブコンテストモテ声ボーダー芸術大学AWARDさかなや晴れやか嵐が如く第51回技能五輪全国大会フジ家55麺屋ココイチ高橋雅人カレーラーメン麺やOKLoad

メールフォーム

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

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