スニペットは，汎用的なソースコードベースの部品です。MyEclipseでは，JSPに配置できるスニペットを提供します。スニペットを使用すると効率良く，JSPファイルを編集できます。

ここでは，スニペットを使用したJSPファイルの編集を説明します。

スニペットは，［MyEclipse Java エンタープライズ開発］パースペクティブの［スニペット］ビューから［MyEclipseビジュアルJSPデザイナー］にドラッグアンドドロップで追加できます。

［スニペット］ビューは，スニペットを次のカテゴリに分類して表示します。

表5-1　MyEclipseのスニペットカテゴリ

カテゴリ	説明
JSP	JSPコンポーネント（コメント，ディレクティブ，スクリプトレットなど）のスニペットを提供します。
CSS	カスケードスタイルシートのスニペットを提供します。
フォーム・リスト	都道府県，年月日などの各種リストのスニペットを提供します。
フォーム・エレメント	送信画面フォームを作成するのに便利なスニペットを提供します。
HTML	Web画面をデザインするのに便利なスニペットを提供します。
JavaScript	JavaScriptのスニペットを提供します。
JSF-F	JSFコアタグライブラリのスニペットを提供します。
JSF-H	JSF HTMLタグライブラリのスニペットを提供します。
Struts-Bean	Struts Beanタグライブラリのスニペットを提供します。
Struts-HTML	Struts HTMLタグライブラリのスニペットを提供します。
Struts-Logic	Struts Logicタグライブラリのスニペットを提供します。
Struts-Tiles	Struts Tilesタグライブラリのスニペットを提供します。

MyEclipseは，カテゴリごとに次のスニペットを提供します。

表5-2　MyEclipseが提供するスニペット

カテゴリ	スニペット	説明
JSP	<%--..--%> comment	JSPコメントです。
	<%..%> scriptlet	JSPスクリプトレットです。
	<%=..%> expression	JSP式です。
	<%!..%> declaration	JSP宣言です。
	include directive	インクルードディレクティブです。
	page directive	ページディレクティブです。
	taglib directive	taglibディレクティブです。
CSS	コメントの追加	複数行のCSSコメントです。
	セルの背景色の変更	マウスをあてた時にテーブルのセルの背景色を変更します。
	スタイル・クラスの追加	スタイルのクラスです。
フォーム・リスト	都道府県	都道府県のリスト・メニューです。
	50 州リスト - フルネーム	アメリカ50州のリスト・メニューです。州のフルネームを選択すると，郵便コードの略称が値になります。
	50 州リスト - 略称	アメリカ50州のリスト・メニューです。州名も値も郵便コードの略称です。
	カナダの州とアメリカ領のリスト	カナダの州とアメリカの領土のリスト・メニューです。
	国と地域のリスト	65の国/地域のリスト・メニューです。
	年リスト 1900 - 2007	4桁の年を返す1900年から2007年までのリスト・メニューです。
	年号リスト	年号のリスト・メニューです。
	年リスト 00 - 99	2桁の年を返す00年から99年までのリスト・メニューです。
	月リスト	対応する数値を返す月のリスト・メニューです。
	曜日リスト	対応する数値を返す曜日のリスト・メニューです。
	タイムゾーン・リスト	グリニッジ標準時タイムゾーンのリスト・メニューです。
	時間リスト - AM/PM	真夜中から11:45（AM/PM）までの15分毎の時刻のリスト・メニューです。
	24 時間制の時刻	24時間制の時刻を秒まで設定する三つのリスト・メニューのグループです。
	通貨リスト	各国の通貨を表示するリスト・メニューです。値はその国の通貨記号です。
フォーム・エレメント	1 フィールド・フォーム	一つのフィールドがあるフォームです。
	2 フィールド・フォーム	ニつのフィールドとボタンを含むフォームです。
	自動クリアされるテキスト・フィールド	デフォルト・メッセージが表示されるフォーム・テキスト・フィールドです。
	キャンセル・ボタン	一つ前のページに戻ります。
	ファイル参照ボタン	ビジターが指定したローカル・ファイルのアップロードを許可するファイル名フィールドです。
HTML	メタタグ	ヘッダーと完全なメタタグ・リストです。
	コメントの追加	複数行のコメントです。
	単一表	1行1列の表です。
	リストのある表	リストを持つ2列のテーブル（2列3行）です。
	ページ・ヘッダー	左にロゴ，右にリンクが表示されるページ・ヘッダーです。
	ダイナミック・ページ・ヘッダー	日付，時刻などの情報を使用した動的なヘッダーです。次の表示項目を挿入して，カスタマイズできます。 時刻に合わせたあいさつ 特別な日のメッセージ クイック・ジャンプ・ナビゲーション・メニュー
	フッター - ページ番号	ページ番号ナビゲーションを提供します。
	フッター - ナビゲーションと著作権	リンクと著作権を持つフッターです。
JavaScript	お気に入りに追加	指定されたページをお気に入りに自動追加します。サイトとタイトルを変更して使用してください。
	前に戻る	キャンセルして，前のページへ戻るボタンと同様です。
	次に進む	1ページ先へ進みます。
	すべてのチェックボックスを選択	1クリックでチェックボックス・グループを選択します（同じページ上に複数グループを持てます）。
	曜日リダイレクト	曜日に応じて異なるページへ送ります。例えば，今日が火曜日の場合，Tuesday.htmlにリダイレクトします。
	一定時間後に URL へ移 動	一定時間後にURLへ移動します。
	リダイレクト	指定されたURLにリダイレクトします。
	Cookie の読み取り	指定した名前のCookieの値を読み取る関数です。
	Cookie の書き込み	Cookieに値を書き込む関数です。
	現在の日付	YYYY/MM/DD形式で現在の日付を表示します。
	GMT ライブ日付/時刻	秒単位で変化するライブ日付/時刻を表示します。
	メッセージ・ウィンドウ	指定したメッセージとタイトルを含む新規ウィンドウを表示します。
	ポップアップ・ウィンドウ	指定したウィンドウの位置 （左および上部），幅，高さ，URLで新規ウィンドウを開きます。
	ウィンドウを閉じる	現在のウィンドウを閉じるフォーム・ボタンです。
JSF-F	<f:actionListener ../> タグ	JSFのf:actionListenerタグです。
	<f:convertDateTime ../> タグ	JSFのf:convertDateTimeタグです。
	<f:convertNumber ../> タグ	JSFのf:convertNumberタグです。
	<f:facet ..> タグ	JSFのf:facetタグです。
	<f:selectItems ../> タグ	JSFのf:selectItemsタグです。
	<f:validateDoubleRange ../> タグ	JSFのf:validateDoubleRangeタグです。
	<f:validateLength ../> タグ	JSFのf:validateLengthタグです。
	<f:validateLongRange ../> タグ	JSFのf:validateLongRangeタグです。
	<f:valueChangeListener ../> タグ	JSFのf:valueChangeListenerタグです。
	<f:verbatim> タグ	JSFのf:verbatimタグです。
JSF-H	<h:commandButton ../> タグ	JSFのh:commandButtonタグです。
	<h:commandLink ..> タグ	JSFのh:commandLinkタグです。
	<h:dataTable ..> タグ	JSFのh:dataTableタグです。
	<h:form> タグ	JSFのh:formタグです。
	<h:graphicImage ../> タグ	JSFのh:graphicImageタグです。
	<h:inputHidden ../> タグ	JSFのh:inputHiddenタグです。
	<h:inputSecret ../> タグ	JSFのh:inputSecretタグです。
	<h:inputText ../> タグ	JSFのh:inputTextタグです。
	<h:inputTextarea ../> タグ	JSFのh:inputTextareaタグです。
	<h:message ../> タグ	JSFのh:messageタグです。
	<h:outputFormat ..> タグ	JSFのh:outputFormatタグです。
	<h:outputLabel ../> タグ	JSFのh:outputLabelタグです。
	<h:outputLink ..> タグ	JSFのh:outputLinkタグです。
	<h:panelGrid ..> タグ	JSFのh:panelGridタグです。
	<h:selectBooleanCheckbox ../> タグ	JSFのh:selectBooleanCheckboxタグです。
	<h:selectManyCheckbox ..> タグ	JSFのh:selectManyCheckboxタグです。
	<h:selectManyListbox ..> タグ	JSFのh:selectManyListboxタグです。
	<h:selectManyMenu ..> タグ	JSFのh:selectManyMenuタグです。
	<h:selectOneListbox ..> タグ	JSFのh:selectOneListboxタグです。
	<h:selectOneMenu ..> タグ	JSFのh:selectOneMenuタグです。
	<h:selectOneRadio ..> タグ	JSFのh:selectOneRadioタグです。
	<h:column> タグ	JSFのh:columnタグです。
Struts-Bean	<bean:write ../> タグ	Strutsのbean:writeタグです。
	<bean:parameter ../> タグ	Strutsのbean:parameterタグです。
	<bean:message ../> タグ	Strutsのbean:messageタグです。
	<bean:define ../> タグ	Strutsのbean:defineタグです。
Struts-HTML	<html:base /> タグ	Strutsのhtml:baseタグです。
	<html:cancel /> タグ	Strutsのhtml:cancelタグです。
	<html:checkbox ../> タグ	Strutsのhtml:checkboxタグです。
	<html:errors ../> タグ	Strutsのhtml:errorsタグです。
	<html:file ../> タグ	Strutsのhtml:fileタグです。
	<html:form ../> タグ	Strutsのhtml:formタグです。
	<html:hidden ../> タグ	Strutsのhtml:hiddenタグです。
	<html:html> タグ	Strutsのhtml:htmlタグです。
	<html:image ../> タグ	Strutsのhtml:imageタグです。
	<html:img ../> タグ	Strutsのhtml:imgタグです。
	<html:link ..> タグ	Strutsのhtml:linkタグです。
	<html:messages ../> タグ	Strutsのhtml:messagesタグです。
	<html:multibox ../> タグ	Strutsのhtml:multiboxタグです。
	<html:option ../> タグ	Strutsのhtml:optionタグです。
	<html:optionsCollection ../> タグ	Strutsのhtml:optionsCollectionタグです。
	<html:password ../> タグ	Strutsのhtml:passwordタグです。
	<html:radio ../> タグ	Strutsのhtml:radioタグです。
	<html:reset /> タグ	Strutsのhtml:resetタグです。
	<html:select ../> タグ	Strutsのhtml:selectタグです。
	<html:submit /> タグ	Strutsのhtml:submit タグです。
	<html:text ../> タグ	Strutsのhtml:textタグです。
	<html:textarea.../> タグ	Strutsのhtml:textareaタグです。
Struts-Logic	<logic:iterate ../> タグ	Strutsのlogic:iterateタグです。
	<logic:redirect ../> タグ	Strutsのlogic:redirectタグです。
	<logic:empty ../> タグ	Strutsのlogic:emptyタグです。
	<logic:notEmpty ../> タグ	Strutsのlogic:notEmptyタグです。
	<logic:present /> タグ	Strutsのlogic:presentタグ
	<logic:notPresent /> タグ	Strutsのlogic:notPresentタグ
	<logic:equal ../> タグ	Strutsのlogic:equalタグです。
	<logic:notEqual ../> タグ	Strutsのlogic:notEqualタグです。
	<logic:lessEqual ../> タグ	Strutsのlogic:lessEqualタグです。
	<logic:lessThan ../> タグ	Strutsのlogic:lessThanタグです。
	<logic:greaterEqual ../> タグ	Strutsのlogic:greaterEqualタグです。
	<logic:greaterThan ../> タグ	Strutsのlogic:greaterThanタグです。
Struts-Tiles	<tiles:insert../>tag	Strutsのtiles:insertタグです。
	<tiles:put../>tag	Strutsのtiles:putタグです。
	<tiles:get../>tag	Strutsのtiles:getタグです。
	<tiles:getAsString../>tag	Strutsのtiles:getAsStringタグです。
	<tiles:useAttribute../>tag	Strutsのtiles:useAttributeタグです。

注意

スニペットは，Eclipseのワークスペースごとに保持されます。スニペットは，ワークスペース作成時に，次のファイルに保存されます。

<Eclipseのワークスペースディレクトリ>/.metadata/.plugins/org.eclipse.wst.common.snippets/user.xml

なお，MyEclipseのバージョンアップでMyEclipseが提供するスニペットに変更があった場合は，既存のワークスペースに反映されません。既存のワークスペースにスニペットの変更を反映する場合は，新しいワークスペースを指定してMyEclipseを起動したあとに新しいワークスペースのスニペットをエクスポートして，既存のワークスペースにインポートする必要があります。

既存のワークスペースでスニペットをカスタマイズしている場合は，インポート時に表示される［既存ドロワー・エントリーの上書き］ダイアログで［キャンセル］ボタンをクリックすると，カスタマイズしたスニペットを残せます。

インポートの手順を次に示します。

1. 日本語リソースのスニペットが追加されているワークスペースで［スニペット］ビューの項目を選択して，コンテキストメニューから［カスタマイズ］を選択します。
   ［パレットのカスタマイズ］ダイアログが表示されます。
   
2. ［パレットのカスタマイズ］ダイアログでエクスポートしたいスニペットのカテゴリを選択します。
   

   

3. ［パレットのカスタマイズ］ダイアログのツールバーにある［エクスポート］をクリックして，xmlファイルにエクスポートします。
4. インポート先のワークスペースを開いて，［スニペット］ビューの項目を選択して，コンテキストメニューから［カスタマイズ］を選択します。
   ［パレットのカスタマイズ］ダイアログが表示されます。
   
5. ［パレットのカスタマイズ］ダイアログのツールバーにある［インポート］をクリックして，手順3.でエクスポートしたxmlファイルを指定します。
6. ［既存ドロワー・エントリーの上書き］ダイアログで［OK］ボタンをクリックします。
7. ［パレットのカスタマイズ］ダイアログの［OK］ボタンをクリックします。