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

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

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

注意

スニペットは，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］ボタンをクリックします。
   既存のワークスペースに日本語リソースのスニペットがインポートされます。
   

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

表6-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タグライブラリのスニペットを提供します。

各カテゴリに含まれるスニペットの一覧を次に示します。

表6-2　スニペットの一覧（JSPカテゴリ）

スニペット	説明
<%--..--%> comment	JSPコメントです。
<%..%> scriptlet	JSPスクリプトレットです。
<%=..%> expression	JSP式です。
<%!..%> declaration	JSP宣言です。
include directive	インクルードディレクティブです。
page directive	ページディレクティブです。
taglib directive	taglibディレクティブです。

表6-3　スニペットの一覧（CSSカテゴリ）

スニペット	説明
コメントの追加	複数行のCSSコメントです。
セルの背景色の変更	マウスをあてた時にテーブルのセルの背景色を変更します。
スタイル・クラスの追加	スタイルのクラスです。

表6-4　スニペットの一覧（フォーム・リストカテゴリ）

スニペット	説明
都道府県	都道府県のリスト・メニューです。
50 州リスト - フルネーム	アメリカ50州のリスト・メニューです。州のフルネームを選択すると，郵便コードの略称が値になります。
50 州リスト - 略称	アメリカ50州のリスト・メニューです。州名も値も郵便コードの略称です。
カナダの州とアメリカ領のリスト	カナダの州とアメリカの領土のリスト・メニューです。
国と地域のリスト	65の国/地域のリスト・メニューです。
年リスト 1900 - 2011	4桁の年を返す1900年から2011年までのリスト・メニューです。
年号リスト	年号のリスト・メニューです。
年リスト 00 - 99	2桁の年を返す00年から99年までのリスト・メニューです。
月リスト	対応する数値を返す月のリスト・メニューです。
曜日リスト	対応する数値を返す曜日のリスト・メニューです。
タイムゾーン・リスト	グリニッジ標準時タイムゾーンのリスト・メニューです。
時間リスト - AM/PM	真夜中から11:45（AM/PM）までの15分毎の時刻のリスト・メニューです。
24 時間制の時刻	24時間制の時刻を秒まで設定する三つのリスト・メニューのグループです。
通貨リスト	各国の通貨を表示するリスト・メニューです。値はその国の通貨記号です。

表6-5　スニペットの一覧（フォーム・エレメントカテゴリ）

スニペット	説明
1 フィールド・フォーム	一つのフィールドがあるフォームです。
2 フィールド・フォーム	二つのフィールドとボタンを含むフォームです。
自動クリアされるテキスト・フィールド	デフォルト・メッセージが表示されるフォーム・テキスト・フィールドです。
キャンセル・ボタン	一つ前のページに戻ります。
ファイル参照ボタン	ビジターが指定したローカル・ファイルのアップロードを許可するファイル名フィールドです。

表6-6　スニペットの一覧（HTMLカテゴリ）

スニペット	説明
メタタグ	ヘッダーと完全なメタタグ・リストです。
コメントの追加	複数行のコメントです。
単一表	1行1列の表です。
リストのある表	リストを持つ2列のテーブル（2列3行）です。
ページ・ヘッダー	左にロゴ，右にリンクが表示されるページ・ヘッダーです。
ダイナミック・ページ・ヘッダー	日付，時刻などの情報を使用した動的なヘッダーです。次の表示項目を挿入して，カスタマイズできます。 時刻に合わせたあいさつ 特別な日のメッセージ クイック・ジャンプ・ナビゲーション・メニュー
フッター - ページ番号	ページ番号ナビゲーションを提供します。
フッター - ナビゲーションと著作権	リンクと著作権を持つフッターです。

表6-7　スニペットの一覧（JavaScriptカテゴリ）

スニペット	説明
お気に入りに追加	指定されたページをお気に入りに自動追加します。サイトとタイトルを変更して使用してください。
前に戻る	キャンセルして，前のページへ戻るボタンと同様です。
次に進む	1ページ先へ進みます。
すべてのチェックボックスを選択	1クリックでチェックボックス・グループを選択します（同じページ上に複数グループを持てます）。
曜日リダイレクト	曜日に応じて異なるページへ送ります。例えば，今日が火曜日の場合，Tuesday.htmlにリダイレクトします。
一定時間後に URL へ移 動	一定時間後にURLへ移動します。
リダイレクト	指定されたURLにリダイレクトします。
Cookie の読み取り	指定した名前のCookieの値を読み取る関数です。
Cookie の書き込み	Cookieに値を書き込む関数です。
現在の日付	YYYY/MM/DD形式で現在の日付を表示します。
GMT ライブ日付/時刻	秒単位で変化するライブ日付/時刻を表示します。
メッセージ・ウィンドウ	指定したメッセージとタイトルを含む新規ウィンドウを表示します。
ポップアップ・ウィンドウ	指定したウィンドウの位置 （左および上部），幅，高さ，URLで新規ウィンドウを開きます。
ウィンドウを閉じる	現在のウィンドウを閉じるフォーム・ボタンです。

表6-8　スニペットの一覧（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>タグです。

表6-9　スニペットの一覧（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:outputText..//>タグ	JSFの<h:outputText..//>タグです。
<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>タグです。

表6-10　スニペットの一覧（Struts-Beanカテゴリ）

スニペット	説明
<bean:write ../> タグ	Strutsの<bean:write>タグです。
<bean:parameter ../> タグ	Strutsの<bean:parameter>タグです。
<bean:message ../> タグ	Strutsの<bean:message>タグです。
<bean:define ../> タグ	Strutsの<bean:define>タグです。

表6-11　スニペットの一覧（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>タグです。

表6-12　スニペットの一覧（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>タグです。

表6-13　スニペットの一覧（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>タグです。