※他言語版についても同様の方法で作成ができます。その場合はファイル名の末尾に pt が付いたものが対応します。

ダウンロード後、そのフォルダを開いてください。

フォルダ構造やファイルの役割について説明します。
●image フォルダ：画像ファイルが入っています。
――gomicalendarimage フォルダ：ゴミかれんだー用の画像が入っています。
――gomicheckerimage フォルダ：ゴミチェッカー用の画像が入っています。
――アイコンファイル（gomi_icon.png）：ホーム画面に追加した時のアイコンです。
●js フォルダ：ゴミチェッカー/ゴミかれんだーを動作させるためのスクリプトファイルが入っています。
●text フォルダ：コンテンツパートを決めるテンプレートファイルが入っています。
●xml フォルダ：品目と分類等のデータのファイルが入っています。
●xmlsakusei フォルダ：xml ファイルを作成するためのエクセルファイルが入っています。
このエクセルにデータを入力していってもらいます。
○gomicalendar.html：このファイルを開くとゴミかれんだーが動きます。
○gomicalendar_noGPS.html：このファイルを開くとゴミかれんだー（GPS 無）が動きます。
○gomicalendarpt.html：このファイルを開くとゴミかれんだー（他言語版）が動きます。
○gomichecker.html：このファイルを開くとゴミチェッカーが動きます。
○gomicheckerpt.html：このファイルを開くとゴミチェッカー（他言語版）が動きます。

画面構成は次のとおりですが、ここでは説明のため、４つのパートに分けます。
パート①：ヘッダー（「このゴミ燃えるゴミだっけ」から「検索バーの直前」まで）
パート②：リスト（「検索バー」から「町内別ゴミ収集日をチェックの直前」まで）
パート③：フッター（「町内別ゴミ収集日をチェック」から「Last updated」まで）
パート④：コンテンツ（「Back」ボタンを含む「画面全体」）

パート①：ヘッダー

パート②：リスト
パート④：コンテンツ

パート③：フッター

これらの各パートと次のファイルが対応しています。
パート①～③は gomichecker.html が対応（詳細は後述）→
パート④は text/gomichecker.txt が対応（詳細は後述）→
リスト及びコンテンツに「何が表示されるか？」のデータは次のファイルが対応しています。
（詳細は後述）→
xml/gomi.xml
この xml/gomi.xml ファイルを gomichecker.html , text/gomichecker.txt が読み取ることで、あなたのまちの「このゴミ、何ゴミ？」のごみ分別アプリになります。
また、この xml/gomi.xml ファイルは、次のファイルから作成することができます。
（詳細は後述）→
xmlsakusei/gomichecker.xlsx

パート①～③は gomichecker.html が対応しています。
そのファイルを「右クリック」＞「プログラムから開く」＞「メモ帳」で開きます。

どこを変更すればいいのかは、次のルールで書いています。
<!--■■■■■○←番号 コメント・・・・■■■■■-->
この記号を探して順番通りに変更していってください。

【変更方法】<!--■■■■■①【タイトル】次の「越前市」部分をあなたのまち（自治体）に直してください。■■■■■--><title>越前市ゴミチェッカー</title><!--■■■■■②【あなたのまち（自治体）をゴミチェッカーのロゴの部分の吹き出しに表示】■■■■■-->～<spanstyle="position:absolute;

top:36px;

left:105px;"><font size="2">越前市</font></span>～●自治体の文字数に注意して、「left: XXXpx」値も設定してください。
<!--■■■■■③【他言語版の「ゴミチェッカー」へのリンク】
もし他の言語版が無い場合は、次の※ここまで※を消去してください。■■■■■-->～<ahref="http://www4.ttn.ne.jp/~flowerhana/gomicheckerpt.html" target="_blank"><font size="2">Portugues</font>～●URL の指定と、言語を入力してください。他言語版を作成しない場合は、消去してください。
<!--■■■■■④【「ゴミかれんだー」へのリンク】もし「ゴミかれんだー」を使用しない場合は、次の※ここまで※を消去してください。■■■■■-->～<ahref="http://www4.ttn.ne.jp/~flowerhana/gomicalendar.ht
ml" target="_blank" style="text-decoration:none">～●URL の指定をしてください。ゴミかれんだーを作成しない場
合は、消去してください。

<!--■■■■■⑤【各自治体のオープンデータのポータルサイ
トへのリンク】次の「越前市」の部分を直してください。もしない場合は、次の※ここまで※を消去してください。■■■■■-->～<ahref="http://www.city.echizen.lg.jp/office/010/010/open-data-echizen.html" target="_blank">越前市オープンデータ「オープンデータ越前！」</a>～●URL の指定をしてください。もしない場合は、消去してください。
<!--■■■■■⑥【著作権表示】次の「越前市ぷらぷらぼ」の部分を直してください。■■■■■--><font size="2">&copy;越前市ぷらぷらぼ</font><!--■■■■■⑦【最終更新日】次の「日付」の部分を直してください。■■■■■--><font size="2">Last updated[2014/04/20]</font>

以上、インターネットに接続した状態で、ここまでの結果を画面で確認してみてください。
もし次のメッセージが出たら、「許可」してください。

パート④は text/gomichecker.txt が対応しています。
そのファイルを「メモ帳」で開きます（通常の開くで OK だと思います）。

【変更方法】# ▼▼▼▼▼以下を変更してください。<h4>の中の<br>は改行です。▼▼▼▼▼<h3>品目：${dataroot.gomi[%d].name}</h3><h3>区分：${dataroot.gomi[%d].kubun}</h3><p>条件：${dataroot.gomi[%d].zyouken}</p><h4><br>資源を次の世代に。
。。</h4># ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲●黄色以外のプログラムのところは変更しないでください。
「資源を次の世代に。
。
。」のところで、2 行以上にしたい（改行したい）場合は、改行を<br>としてください。
例）資源を次の世代に<br>残しましょう以上、2 章と 3 章でゴミチェッカーのフレームにあたる部分を変更してきました。この 4 章
では、その中身「何が表示されるか？」にあたる部分を変更します。
パート④は xml/gomi.xml ← xmlsakusei/gomichecker.xlsx が対応しています。
xml/gomi.xml ← xmlsakusei/gomichecker.xlsx と、書いたのには理由があります。それは、 xmlsakusei/gomichecker.xlsx のエクセルから xml/gomi.xml を作成することができるからです。ということで、 xmlsakusei/gomichecker.xlsx のファイルを開きます。
【元データ入力画面】…こちらでデータを入力したり更新したりします。

日本語版

⇔他言語版

【xml 出力画面】…こちらにコピーをしてから xml エクスポートを行います。

タブで切り替えます元データ入力画面（初期データ）B 列～H 列が日本語版、I 列～O 列がポルトガル語版になっています。
他言語版の利用をしない場合は、I 列以下を削除してしまっても構いません。
I 列以降の他言語版を利用する場合は、日本語の変更に合わせて他言語も変更してください。
xml 出力画面
xml 出力は 1 種類の言語ずつのみ出力可能です。
日本語版を出力する場合は、元データ入力画面の B 列から H 列をコピーして、この xml 出力画面にペーストしてください。そのうえで xml 出力をしてください。
2 種類以上ある場合は、それぞれ、データをコピーして xml 出力してください。
【xml 出力の方法】「開発」タブ＞「エクスポート」

日本語版の場合、ファイル名は「gomi.xml」となるようにしてください。
※「開発」タブが見つからない場合は、次のようにすることで表示されます。
「ファイル」タブ＞「オプション」＞「リボンのユーザー設定」＞「開発」

以上、4 章が中身の「何が表示されるか？」にあたる部分でしたので、分別データのないまちの方には大変だったかもしれませんが、これでゴミチェッカーのデータは全てそろいました。
【確認】
もう一度確認しますと、次の部分の変更を行いました。

3章
パート④

4章
gomi.xml の出力

4章
データ作成

2章
パート①～③

Web サーバーにアップロードする前にもう一度、 gomichecker.html を開いてゴミチェッカーが動かしてみてください。

以上、あとは Web サーバーを用意して、アップロードソフトでアップしてください。