OpenLayesを用いたWebアプリのデータベース連携の手法

Question

前提・実現したいこと

　はじめまして。
大学の卒業研究として、HTMLとJavaScriptでOpenLayersを用いたイベント案内Webアプリ(サイト)を作っています。※HTML/CSS及びJavaScriptは未経験で、今月から学習を始めました。

　マップ上のイベントブースにあたる箇所にポインタを設置し、スマートフォン/PCでクリックすると情報が表示、また現在位置を取得し、表示するといったものです。そこで、イベントブースとその情報は運営側が毎年更新できるように、更新専用のサイトを作り、連携させるということをしたいです。

　ひとまずアプリのみのテストをしたく、情報を入れるデータベースをWebアプリに連携させ、データベースを更新すれば自動的に反映されるという仕組みはどういうように作るのか。またそれを詳しく解説しているサイトや書籍があればご教授願いたいです。

発生している問題・エラーメッセージ

データベース連携、更新方法の手法

試したこと

調べた結果、PHPとMySQLを用いると簡単にできそうとのことだが、その場合何から始めたらよいのかわからない。(たくさんのサービスや、その環境を構築する事業の会社のサイトが出てくる)

Comments

[m.ts10806]

若干要件が汲み取りにくいのでもう少し具体的に記載していただきたいのですが、どのように調べて（PHP＋MySQLで簡単にできそうということがわかったか）どのような情報が出てきたか（有料のサービス？）、例示していただけますか？

[退会済みユーザー]

コメントありがとうございます。インターネットにて、「webアプリ データベース 連動」等のワードで検索しまして、"phpMyAdmin"や "Dreamweaver MX"といったサービスが挙がっておりました。こちら回答になっておりますでしょうか。

[退会済みユーザー]

ではなぜPHPとMySQLが出てきたのかという事ですが、上記の検索によりPHP+MySQLの手法が多く出てきたため、ポピュラーな方法である≒簡単と感じたためです。

[kei344]

「Javaの基礎」とありますが、質問タグから想像するに「JavaScript」の間違いでは？

[退会済みユーザー]

コメントありがとうございます。プログラミングがJavaしかやったことがなく、全くのプログラミング未経験ではないという意味で記載させて頂きました。ちょっとややこしいので文面変えさせて頂きます！

Answer 1

もし、今年度卒業ではなく来年度卒業なのであれば、本屋で入門書から上級まで何冊か本を買って読むと今後の理解が進みます。とりあえず最初はわからないことのほうが多いと思いますが、そのうち腑に落ちることも多いはずなのでお勧めします。（Webの情報は「体系立てた情報」で無いことが多いので･･･）

最新の書籍をチェックしているわけではないので特定の本をお勧めできるわけではないですが、PHP7以降対応で、デバッグ環境構築の方法が丁寧なものを探すのがお勧めです。

---

もし今年度卒業であれば、きつい言い方ですが質問文を見る限り今の時点からPHP×MySQLのシステムを組めるとは思えません。
データをDBサーバで出し入れする方法をあきらめ、localStorage にJSONで保存するくらいがいいところだと思います。

【WebStorage API(LocalStorage)を使ってみた】
https://qiita.com/masamitsu-konya/items/c69515604570150d3ab9

【ブラウザにデータを保存するlocalStorage（ローカルストレージ）の使い方 | 株式会社グランフェアズ】
https://www.granfairs.com/blog/staff/local-storage-01

Comments

[退会済みユーザー]

ご回答ありがとうございます。PHPとMySQLの基礎的な書籍を読んで理解を進めているところです。
手段としてLocalStorageも学び、活用できたらと思います。