🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

1339閲覧

プロブラミング勉強の道筋(ウェブの住所情報からGoogleMap等の地図にプロットしたい)

rickey

総合スコア24

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2019/11/19 00:55

編集2019/11/19 01:20

何を勉強すると、これが実現できるのか?考えて検索をしているところで、皆様のご意見を聞かせていただけないでしょうか?

あるHPにイベントの情報が載っています。
イベントのHP

・イベントの場所を地図にプロットしたい
・プロットをクリックすると、もとのHPに飛びたい
※HP中のイベントが更新されると自動的に地図の内容を変わるようにしたい。
・HPの中の機能で、年齢や場所でソートができるようなので、そのソートを地図にも活かしたい。

というサービスをウェブで作りたいと考えています。
これを作る際にどのような道筋で勉強していいかを考えています。

【現在の自分の知識】
・現在、HTML、CSS、Javascriptを勉強しています。
・各種、ライブラリの勉強はまだしていません。
・最近、HTML、CSS、Javascriptで、電卓アプリ、割り勘アプリを作りました。
・まだデータベースに関する知識はありません。

もし、ウェブに書かれている内容を、毎回手入力するのであれば、
GoogleMAPS APIの勉強をして、javascriptに毎回書けば、プロットできるなと思いましたが、
今後の更新を考えたときに、現実的ではありません。
ウェブ上にある情報を収集して、表示させる時に、どんな知識が必要なのでしょうか?
PHPやMySQLを学んで、情報をデータベースに格納して、それを取り出して表示するような必要があるのか?そこまでの勉強はいらないのか?
自分の検索で、まだ答えが見つからず、ご教授いただけないでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Zuishin

2019/11/19 01:10

「イベントのHP」がリンク切れで確認できません。RSS 配信していたり、API を公開したりしていないでしょうか?
rickey

2019/11/19 01:22

ご指摘ありがとうございました。表示されているURLを入力したからといって、再度表示されるわけではないんですね。ウェブの知識不足を痛感しました。リンクをトップページに変更しました。
Zuishin

2019/11/19 01:30

つまりこのサイトを解析してデータを取り込みたいのではなく、このサイトを手本にして同じものを作りたいということですか?
rickey

2019/11/19 04:10

このデータを解析して取り込んで、住所を抽出して地図上にプロットしたいと考えいます。
Zuishin

2019/11/19 04:13

つまり、他のサイトが集めた情報の著作権を書き換えて自分のものにしたいということですか?
Zuishin

2019/11/19 04:14

まず必要な知識はプログラミング技術ではなく、そのサイトに問い合わせて「こういうものを作りたいがいいか」と尋ね、許可をとることです。
rickey

2019/11/19 04:17

最終的に、公開する場合は、使用者の許可を取って、OKでれば公開するというようにいたしますが、まずは公開するのではなく、自分がプログラミングを勉強する上で、何か作りたいものが無いと勉強できないため、その課題の一つして目標を設定いたしました。公開せずに、個人で情報収集(先方のサイトに不可のかからない程度の頻度でのアクセスで)の場合は、著作権等の違反につながらないのではと考えているのですが、問題だったりするのでしょうか?
rickey

2019/11/19 04:19

その辺は、本文に明記してほうたほうがよさそうですか??確かに、権利等、人の情報を使うときはどうする必要があるか等も、公開する場合は気を付けないといけないところですよね。
Zuishin

2019/11/19 04:25

公開する予定があるなら、私的目的の複製にあたらないのでグレーですね。著作権には問題がなくても、図書館事件のようにアクセスそのものが問題になることがあります。開発する時は何度も頻繁にアクセスすることになると思うので、まず問い合わせるのが良いかと。
rickey

2019/11/19 04:27

ご助言ありがとうございます。ウェブサイトの情報を使用するときは注意が必要ですね。
Zuishin

2019/11/19 04:30

何も言わないと無言でブロックされる可能性もありますから、開発自体できなくなるかもしれません。
rickey

2019/11/19 05:38

ありがとうございます。さまざまな情報を使うときに気を付けたいと思います。
guest

回答2

0

ベストアンサー

いわゆる「スクレイピング」「クロール」と呼ばれることをすれば御所望のものはできると思います。
Pythonがやりやすいそうですが、言語的にはPHP + DBで可能かとは思います。(ただし出典元の許可は受けてください)

ちょっと簡単に手順を書きます。

  • 1, PHPで該当のページのコードを取得
  • 2, コードの中からイベントの場所等を取得してDBに格納
  • 3, 一連の動作をcronで一定時間ごとに行う(情報更新用)
  • 4, 地図表示ページではPHPでDBから情報を取得してechoし、そこの地図を表示する

おそらく、これらのプログラムを作るのにはそこまで難しい技術は必要ないはずです。
唯一つまずくのはPDOらへんだとおもいます。

投稿2019/11/19 01:00

編集2019/11/19 01:06
kyoya0819

総合スコア10429

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rickey

2019/11/19 05:33

丁寧にありがとうございます。自分の調べた情報を追記して、こうやっていけばいいのかというのを記載させていただきます。 1, PHPで該当のページのコードを取得 (この1~2の間に使う技術がPDOですね?) PDO PHPを使うことによって、データベースにアクセスする https://qiita.com/mitsuru793/items/45b2452284e321c7a5a9 2, コードの中からイベントの場所等を取得してDBに格納 3, 一連の動作をcronで一定時間ごとに行う(情報更新用) →cron:一定時間ごとに処理を繰り返す方法 https://qiita.com/yukibe/items/cd5b59122804223698d0 4, 地図表示ページではPHPでDBから情報を取得してechoし、そこの地図を表示する echo:文字列の出力 https://proengineer.internous.co.jp/content/columnfeature/4877 道筋が全く読めなかったので、本当に助かりました。まだ未知の世界でしたが、PHPの勉強を始めたいと思います。ご丁寧に順序立てて説明していただき、ありがとうございました。
kyoya0819

2019/11/19 05:45

DBとのデータをやり取りする技術(?)のことをPDOと言います。
guest

0

今の知識にプラスしてスプレッドシート使えば出来るんじゃないしょうか
GAS使ってスクレイピングした結果をシートに残してhtml側からはその結果を読みだすだけです
GAS側のスクリプトを動かすタイミングも自分で作ればよろしい

投稿2019/11/19 01:05

hentaiman

総合スコア6426

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rickey

2019/11/19 05:34

解答ありがとうございます。これを使うと、他の言語等を勉強しなくてもできそうですね。もう少し調べてみます。ありがとうございました。
hentaiman

2019/11/19 06:48

目的が分からないので今お持ちの知識だけで済ませられるような回答にしたまでです もしも新しく言語を学びたくてphpかpythonを選ぶってんならpythonの方がいいですよ、phpと比べて入門はし辛いと思うけど書きやすいし痒い所に手が届くライブラリが多いです 新しい言語を学びたい訳じゃないけどちょっとだけサーバーサイドもやってみたいのならnodejsで十分です、スクレイピングもできます phpの長所はweb環境構築が楽なところぐらいです
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問