コンテンツリサイクル編

チュートリアル2では、コンテンツリサイクル機能を学習していきます。
コンテンツリサイクル機能とは、一度アクセスしたページのキャッシュを保存する機能です。
お天気サイトのフォームコンテンツを利用して入力、確認、完了ページを保存し、URLリストからアクセスしてみましょう。
また、Step4では確認、完了ページをチュートリアルで作成したテンプレートを利用し、変換してみましょう。

キャッシュを保存する

  1. 画面右下にあるアイコンをクリックしキャプチャURL設定ステージへ移動します。
      左側のURL listにトップページのURLが保存されていることを確認してください。キャプチャ

    各ステージの説明はこちら

  2. Origin viewで天気予報.comサイトに設けられている天気情報投稿フォームに任意の情報を入力し、キャプチャ送   信ボタンをクリックしてください。
  3. 確認画面完了画面と遷移し、再度トップページに戻ってきてください。
  4. URL listにこれまで遷移してきたページのURLが追加されていることを確認します。キャプチャ

キャッシュにアクセスする

キャッシュにアクセスする(ブラウズモード)

各モードの説明はこちら

URL listから投稿完了ページのURLをクリックしてください。
入力内容も含めてキャッシュとして保存されていることを確認してください。

キャッシュにアクセスする(開発モード)

各モードの説明はこちら

開発するページを変更する際には開発状態をリセットする必要があります。

  1. 真ん中の画面の左上にある右矢印ボタンキャプチャをクリックします。これにより各ステージの開発状態をリセットします。
  2. 開発を始めるページをURL listから選択します。キャプチャ
  3. これによりトップページの開発を始めることができます。

キャッシュを整理する

大規模なサイトや遷移階層の深いサイトを開発していると、URLリストの量は膨大になり、管理しきれなくなってきます。
そのような場合には適宜URLリストを整理する必要があります。

カラーで絞り込む

カラーを付けることでキャッシュを分類し、整理することができます。
URLの絞り込みや、開発テスト時にテストが完了したURLのマーキングなどに使用します。

  1. カラーを付けたいキャッシュの左上にあるチェックボックスにチェックを入れてください。キャプチャ
  2. カラーを付けるボタンをクリックし、REDを選択してください。キャプチャ
  3. 絞り込みボタンをクリックします。キャプチャ
  4. 表示されたダイアログのREDボタンをクリックします。
  5. 実行ボタンをクリックし、URL listREDを設定したものだけが表示されていることを確認してくださ   い。

カラーを削除する場合は再度左上にチェックを入れ、カラーを付けるボタンから削除したいカラーをクリックしてください。

スターをつけてキャッシュを保護する

スターを付けることで保存したキャッシュを保護することができます。
階層の深いフォームの完了ページや、遷移フロー上1度しか確認できないような画面のキャッシュを誤って削除することを防止するために使用します。
URL list左上の星マークをクリックすることでスターの付け外しができます。
星が黄色くなっている状態がスター付き状態です。

マッピングの追加

IDEではテンプレート作成時に自動的にマッピングを追加する機能も備わっていますが、設定画面から手動でマッピングを追加することも可能です。

  1. アイコンをクリックし、設定を選択してください。キャプチャ
  2. [URLとテンプレートの変換マッピングを表示する]をクリックしキャプチャマッピングの一覧を表示させます。
  3. URLパスの左隣の灰色の正方形キャプチャをクリックし、この下にマッピングを追加キャプチャを選択します。
  4. 追加された行に以下を追加してください。
  5. 行が追加されたことを確認してください。キャプチャ
  6. 適用ボタンをクリックし、設定画面を閉じてください。キャプチャ
  7. 設定タブを閉じ、IDEを起動しているタブに戻ってください。
  8. URL listから投稿完了ページを開いてください。
  9. Conversion viewにはテキストだけが表示されます。
  10. (tutorial.html内のパネルパーツがテキストを出力しています。)

コンテンツリサイクル編は以上です。

TOPへ

© 2015- Symmetric Co.,Ltd. All Rights Reserved.