キッズセーフ 鯖江 / KidsSafe for Sabae

• https://code4fukui.github.io/kidssafe-sabae/

• 〇〇市〇〇地区の地域安全マップを作成して、スマホやパソコンで見られる形で共有するツールです

• ExcelやNumbersを使ってCSVデータを編集しアップロードすることで更新できます

• キッズセーフ by Code for FUKUI を使って作られています

サイトをホーム画面に追加する方法

◆スマホの操作が苦手な方にも、すぐにキッズセーフが閲覧できるように分かりやすい説明を作りました。

・ホーム画面登録(android）.pptx

・ホーム画面登録(iphone).pptx

サイトの表示を外国語に切り替える方法

◆サイトの表示を外国語に切り替えて表示したいという時の設定方法を解説してあります。

・外国語変換方法(iphone).pptx

データの更新方法

1. 変更したいデータを確認する (例、aed.csv)
2. ダウンロードボタンを押し、ダウンロードする

3. Excelで編集する
4. 位置情報は、「緯度経度地図」から該当場所に動かして、Geo3x3欄に表示された文字列を項目Geo3x3にコピーする

5. Excelで保存する
6. ./ に編集したファイルをドロップし、アップロード(Upload)する

7. 1分ほど待つと更新される（しばらくはキャッシュが使われることがあるので、プライベートモードなどで開いて確認するといい）

データ種の追加方法

1. template.csvをダウンロードし、Excelで開く
2. 2行目以降に地図に設定したい情報を記述する（項目は自由に増やせます）
3. Excelの「ファイル」「名前を付けて保存」を選び「ファイル形式」を「CSV UTF-8(コンマ区切り)(.csv)」に変更して、データ種類がわかるような英数ファイル名で保存する
4. index.csvをダウンロードし、Excelで開く
5. 3で保存したファイル名とデータ種類名、アイコンファイル名を記述する
6. ./ にindex.csvと3で保存したファイルをドロップし、アップロード(Upload)する
7. 1分ほど待つと更新される（しばらくはキャッシュが使われることがあるので、プライベートモードなどで開いて確認するといい）

アイコン追加方法

1. 大きさ100x100程度の画像を用意し、PNG形式、半角英数名で保存する（JPEGだと背景が透けません）
2. iconフォルダを表示し、エクスプローラーなどからドロップし、アップロード(Upload)する
3. index.csvや各データをダウンロードし、Excelで開き、icon項目を該当ファイル名に変更する
4. 編集したファイルを ./ へアップロードする
5. 1分ほど待つと更新される（しばらくはキャッシュが使われることがあるので、プライベートモードなどで開いて確認するといい）

要望などは

• この地区のキッズセーフについて Issues
• キッズセーフのアプリについて キッズセーフのIssues