%#!platex -kanji=%k
%#DVIPDF dvipdfmx -f ipa.map
\documentclass{jsbook}
%\pagestyle{empty}
\usepackage[dvipdfmx]{graphicx}
%\usepackage{listings, jlisting}
%\usepackage[sectionbib]{chapterbib}
%\usepackage{ascmac}
\usepackage{geometry}
\usepackage{url}		% 文中にURLを書くときは \url{} で括る
\usepackage{here}
\usepackage{listings}
\usepackage{ascmac}

\geometry{textwidth=160mm, textheight=225mm}
\renewcommand{\bibname}{参考文献}


\title{マップ作成支援についての提案}
\author{広瀬研究室　\\C1171644 中川貴博}
\date {}

\begin{document}
\maketitle


\begin{center}
  {\bfseries 概要}
\end{center}
自治体の行うキャンペーンではキャンペーン対象店舗の情報を文字だけで紹介を終えてしまい利用者にとっては利用しづらい場合がある。キャンペーン情報の配布についてもPDF形式で配布されることが多いため、なにかと不便である。近年、情報技術の発展によりスマートフォンなどの携帯端末を持って生活することが当たり前になっている時代だからこそ正確で利便性の長けた情報発信が必要になっている。そこで本研究では、自治体がキャンペーンの対象店舗としてまとめた情報を利用してマップ化し、自動で対象店舗にマーカーを配置するようなプログラムを開発する。マップ化することで文字が羅列しただけの紹介Webページに比べて対象店舗などがひと目で分かるためキャンペーンなどを利用しやすくできると考える。既存の地図アプリケーションで便利なものもインターネット上には存在するが誰でも利用可能なオープンソースの地図やコンテンツを活用して、マップを作成できるようにする。(411字)
\tableofcontents


\chapter{はじめに}
本章では背景と自治体での事例について述べる。
\section{背景}
2020年の春頃からコロナウイルスが流行し、各業種に影響を与えた。東北公益文科大学(以下、本学)が位置する山形県酒田市でもコロナによる影響をうけ、市が飲食業を支援する形でテイクアウトができる飲食店を紹介する「おうちで食べようバイ酒田キャンペーン」などを実施している。このようなキャンペーンや支援を県や市でも数多く行っているが店舗の位置情報が確認しづらいといった問題を抱えている。店舗名や住所が記載されていてもキャンペーンの詳細が載っているWebページ上で何処にあるかを確認する手段が1店舗ずつ各サイトを閲覧することになるため、不便に感じる利用者がいることが考えられる。\\
また、近年の情報技術の発展により、スマートフォンの普及などが進んでいる。令和元年の総務省の調査\cite{soumu}によると、2019年のインターネット利用者の割合は89.8\%となっており、生活の身近にインターネットがあることがわかる。インターネット利用状況を年齢別で見ると60歳以上の利用率が2018年に比べ大幅に上がっており最大の伸び率は80歳以上の利用率は21.5\%から57.5\%にまで上げっている。このことから年代問わず多くの人がインターネットを利用するようになっている。ソーシャルネットワーキングサービス\footnote[1]{SNSと呼ばれ、登録した利用者同士が交流できるWeb上の交流サイトを指す}の利用目的を聞いた問では２番目に知りたいことについて情報を探すためと回答しており、知りたい情報を簡単に入手できるようになることが重要になると予想できる。

\begin{figure}[H]
  \centering
    \includegraphics[keepaspectratio, scale=0.6]
                 {gurahu.png}
                 \caption{\cite{soumu}より筆者作成}     
\label{gurahu1}
\end{figure}


\begin{figure}[H]
  \centering
  \includegraphics[keepaspectratio, scale=0.6]
                  {gurahu2.png}
                  \caption{\cite{soumu}より筆者作成}                 
                  \label{gurahu2}
\end{figure}



\section{自治体での事例}
自治体が実施していたキャンペーンの情報が記載された事例を述べる。


\begin{itemize}
\item 酒田市
%「酒田を元気に！酒田のお店で最大30\%戻ってくるキャンペーン」\\
  %酒田市がPayPayで実施したキャンペーン。対象店舗一覧がPDFで確認することができる。

  %(酒田市のWebページから削除されているPayPay側にはまだ存在する)

  
  「おうちで食べようバイ酒田キャンペーン」\cite{sakata}\\
テイクアウトや出前ができる飲食店を応援するキャンペーン。特設サイトには料理のジャンルごとにお店の住所、電話番号、ホームページが記載されている。
\\

\item 秋田県
「食べて応援!!秋田県プレミアム飲食券」\cite{akita} \\
秋田県内の飲食店を対象に実施し、県内消費の拡大を図るもの。キャンペーン対象店一覧をPDFでダウンロードできる。
\\

\item 宮城県
「仙台・宮城すずめの宿キャンペーン」\cite{sendai}  \\
小規模宿泊施設限定で宮城県が実施する事情を活用し、キャンペーンに参加した宿泊施設に補助金を給
付する精度。加盟施設の宿泊プランを割引価格で販売するキャンペーン。
\end{itemize}


これらのキャンペーンや支援で共通している事として、特設サイトのページには住所などの情報が載っているだけでそのページで飲食店や宿泊施設の位置を把握することが難しい。マップを利用しているキャンペーンもあるが、店や施設１つひとつ別々のページに移動しなければならない。また、施設一覧として情報をまとめて入手できることもあるがファイル形式がPDFのみであるため利用しづらい。\\






\begin{figure}[H]
    \centering
 \includegraphics[keepaspectratio, scale=0.5]
                 {page2.png}
     \label{site1}
\caption{秋田県プレミアム飲食券キャンペーンの Webページ}\cite{akita}

\end{figure}

\begin{figure}[H]
    \centering
 \includegraphics[keepaspectratio, scale=0.5]
                 {page1.png}
     \label{site1}
\caption{仙台・宮城すずめの宿キャンペーンのWebページ}\cite{sendai}

\end{figure}


\chapter{先行研究・既存のマップサービス}
本章では先行研究と既存のマップサービスについて説明する。



\section{郷土食による地域理解支援システム「もちマップ」の試作}
河村らの研究\cite{moti}では、郷土食理解のための地図コンテンツをはもとからインターネット上に存在するが、複数の視点からユーザーが操作、閲覧するものがないとし、地域ごとの郷土食を違いを理解するためにWebマップを作成した。郷土食の主要な食材を「もち」として地域ごとの素材や調理法、利用法を１つのマップにまとめている。「もちマップ」の評価として、IT系イベントのなかでオンライン上で各自自由に操作してもらうテストを行い、その後アンケートを結果をまとめている。使用後の評価アンケートでは「もちマップ」によって、知識をえることが重要であると答えた人が62.5\%にものぼった。この結果からマップの中の情報も利用者から重要視していることが判明した。



\section{大学等の在学者出身高校情報マップの自動生成とその有用性}
山本らの研究\cite{syusinkoko}では大学と受験生、在学生間のコミュニケーションの活性化を図ることを目的にマップを生成するシステムを開発した。データベースを利用してマップ化するもので、在学書情報、高校位置情報、郵便番号代表点位置情報の3つの情報から構成している。緯度経度の収集にはGoogle Geocodingサービスを利用して収集を行っている。連続してのサービスの利用はDos攻撃\footnote[2]{サイトやサーバに対して大量のデータを送りつける攻撃}とみなされる場合があるとし、収集に1週間を要している。高校や市町村の合併による名称、所在地の変更が必ずしもGoogleのサーバ側に反映されていないといった問題点もあげている。




\section{既存のマップサービス}
\subsection{Googleマップ}\cite{google_map}
Google社が提供しているオンラインの地図サービス。360°のパノラマ写真を表示できる「ストリートビュー」が提供されている。また、利用者が任意の位置にマーカーなどを設置することができるマイマップというサービスも存在するが、この機能を利用するにはGoogleアカウントが必須になる。

\subsection{Yahoo!地図}\cite{yahoo_map}
Yahoo!JAPANが提供している地図サービス。混雑情報の確認がとれる混雑レーダー、不審者情報などがまとめられている防犯マップ、雨雲の動きが確認できる雨雲レーダーなどが多くの機能が提供されている。雨雲レーダーにおいてはYahoo!JAPANへのログインをすることで最大6時間後の情報も見れるようになるため、全ての機能を利用するにはYahoo!JAPAN IDを取得しログインが必要になる。


\chapter{提案}
この章では目的とシステムの提案について述べる。

\section{目的}
第1章で提示した自治体のキャンペーンは実施されているものの全てではないが、自治体のキャンペーンではほとんどが店舗情報をまとめるだけで終わってしまっている。その情報を見る利用者にとって文字の羅列だけでは情報が伝わりにくい。自治体がまとめた店舗情報を利用してマップ化できれば、キャンペーンを利用する人が利用しやすいものになるのではないかと考える。既存の地図アプリケーションで便利なものもインターネット上には存在するが誰でも利用可能なオープンソースの地図を活用しマップを作成することを目的とする。

\section{システムの提案}
マップ化の仕組みとしては図のようになる。
JSONファイルに予めマーカーを指したい緯度・経度情報をまとめgeojson形式で保存し、そのデータをJavasScriptでWeb上に表示させるものとする。



\begin{figure}[H]
    \centering
 \includegraphics[keepaspectratio, scale=0.35]
                 {teian.pdf}
                 \label{teian}
\caption{システム提案}
\end{figure}



\chapter{システムについて}
この章では、開発環境とシステムの概要について述べる。

\section{開発環境}
\subsection{HTML5}
HTML(Hyper Text Marku Language)はW3C\footnote[3]{「World Wide Web Consortium」の略称}によって開発、勧告されているWebページを記述するために使用されるマークアップ言語である。HTML5とはその改訂第5版にあたり、第4版のHTML4より明確に文章構造を記すことができる。


\subsection{Javascrit}
Netscape Communications社が開発したオブジェクト指向のスクリプト言語である。HTMLと合わせて記述することで動きのあるWebページを開発することが可能である。


\subsection{JQuery}
Web上で動作するJavaScriptのライブラリ。本研究ではjQuery3.5.1を使用した。


\section{システムの概要}
\subsection{マップの作成}
Web上でマップを表示させるため、JavaScriptオープンソースライブラリであるLeaflet1.7.1\cite{leaflet}を利用した。タイルには国土交通省の国土地理院\cite{tiriin}のタイルを利用してマップを作成する。本研究では、本学、酒田市役所、酒田駅にマーカーを設置したマップを作成する。

\subsection{マーカーの配置}
マーカーの配置に関しては、オープン規格の地理空間データ交換形式であるGeoJSONファイルを利用し、1つのファイルに緯度・経度の情報をまとめる。GeoJSONファイルの読み込みにはjQueryの.getJSONでファイルを読み込んでマップ上にマーカーを配置する。.getJSONでsouturon.gejsonを読み込む場合は以下のようなコードになる。緯度・経度の情報獲得方法については4.2.3で説明する。


\begin{screen}
\begin{lstlisting}
$.getJSON("soturon.geojson", function(data) {
    var geojson = L.geoJson(data, {
        onEachFeature: function (feature, layer) {
            layer.bindPopup(feature.properties.name);
        }
    });
    geojson.addTo(map);
});
\end{lstlisting}

  \end{screen}




\subsection{地理情報の獲得}
マップの任意の位置にマーカーを自動で設置するためには緯度経度といったの地理情報が必須になる。本研究では地理情報の獲得にオープンソースのuMap\cite{umap}を活用する。緯度・経度の情報が欲しい場所にマーカーを設置し、GeoJSON形式でダウンロードすると１つのファイルに緯度・経度まとめることができる。実際にダウンロードをしたGeoJSONファイルが以下のようになる。uMapでマーカーを設置する際に名称と概要を書き込んだ場合それぞれnemeとdescriptionに内容が反映される。coordinatesには緯度・経度の情報が反映されるため、地理情報を獲得できる。


\begin{screen}
\begin{lstlisting}
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "name": "東北公益文科大学",
        "description": "酒田市にある大学"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          139.819458,
          38.893304
        ]
      }
    },

\end{lstlisting}

  \end{screen}


\begin{figure}[htbp]
    \centering
 \includegraphics[keepaspectratio, scale=0.4]
                 {umap.png}
     \label{uMap}
\caption{uMapでのデータダウンロード画面}

\end{figure}


\begin{figure}[htbp]
    \centering
 \includegraphics[keepaspectratio, scale=0.4]
                 {tizu.png}
     \label{uMap}
\caption{ダウンロードしたデータを利用し、地図を作成したWebページ}

\end{figure}






\chapter{結論}

本章では、本研究の結論と今後の展望について述べる。

\section{結論}
本研究では、マップ作成の支援として緯度・経度の情報を利用して自動でマーカーを配置するプログラムを作成した。作成したマップとは別に作成したい場合はプログラム自体を書き換える必要は無く、GeoJSONファイルのデータを書き換えることでマップの変更が可能である。そのため、自治体で使う場合にキャンペーンごとGeoJSONファイルを用意するだけでWeb上にマップを表示させることができる。

\section{今後の展望}
本研究では、作成するマップのマーカー部分に使用するGeoJSONファイルを作成するにあたり、uMapでマーカーを設置してダウンロードをするという操作が必要になった。膨大なデータを使用する場合に手作業では時間がかかってしまうため、今後はこの過程を自動で行う処理を追加する。












	% 原稿がどの程度のクォリティなのか参考文献である程度分かる。

\begin{thebibliography}{}
 \bibitem{soumu} 総務省　令和元年通信利用動向調査の結果.
   \url{https://www.soumu.go.jp/johotsusintokei/statistics/data/200529_1.pdf},(参照 2020-12-20).

 \bibitem{sakata}酒田市.おうちで食べ王バイ酒田キャンペーン.\url{https://www.city.sakata.lg.jp/smph/kenko/iryo/kansen/covid_19/jigyoushien2/kanko0320205.html},(参照 2021-1-3).
 \bibitem{sendai}仙台・宮城すずめのお宿キャンペーン事務局.仙台・宮城すずめのお宿キャンペーン.\url{https://sendai-miyagi-suzumenooyado.jp/},(参照 2020-12-21).
 \bibitem{akita}秋田県.食べて応援!!秋田県プレミアム飲食券.
   \url{https://akita-premium.com/restaurant/},(参照 2020-12-21).
 \bibitem{moti}河村郁江 伊藤孝行.名古屋工業大学大学院工学研究科.郷土食による地域理解支援システム「もちマップ」の試作.\url{https://ipsj.ixsq.nii.ac.jp/ej/?action=pages_view_main&active_action=repository_view_main_item_detail&item_id=177391&item_no=1&page_id=13&block_id=8},(参照 2020-12-21).
 \bibitem{syusinkoko}山本富士男 宮崎剛 大里将太.神奈川工科大学情報学部情報工学科.大学等の在学者出身高校情報マップの自動生成とその有用性.\url{https://ipsj.ixsq.nii.ac.jp/ej/?action=pages_view_main&active_action=repository_view_main_item_detail&item_id=90124&item_no=1&page_id=13&block_id=8},(参照 2020-12-21).
\bibitem{google_map}Google マップ.\url{https://www.google.co.jp/maps},(参照 2020-12-21).
\bibitem{yahoo_map}YAHOO!JAPAN地図.\url{https://map.yahoo.co.jp/},(参照 2020-12-21).
\bibitem{leaflet}Leaflet.\url{https://leafletjs.com/},(参照 2020-12-21).
\bibitem{tiriin}国土交通省.GSI HOMEPAGE-国土地理院.\url{https://www.gsi.go.jp/},(参照 2020-12-21).
\bibitem{umap}uMap.\url{https://umap.openstreetmap.fr/ja/},(参照 2020-12-21).

 
  

   
\end{thebibliography}


\end{document}
