C# formで地震情報を表示する(C#未経験者向け)

この記事は、防災アプリ開発 Advent Calendar 2023 6日目の記事です。

私はNode.js？ナニソレ状態だったのですげぇ、、、と思いながら読んでました。やってみようかな？

(勝手に記事のURL張って申し訳ございません)

注意:この記事は、2日間も記事が無いままだとなんか寂しいな、、、と思ったので記事を書きました。ネタもあんまいいものじゃないし、数時間で書いたので、誤字脱字等があるかもしれませんが、中継ぎな記事何だなぁ、、と思いながら熱い目で読んでください(((

今回の記事の内容
まず前提
制作する環境を作る
制作開始

今回の記事の内容

今回の記事では、C#初心者が頑張って理解した地震情報を受信してC# Formに描画する方法をぱぱーっと書いていきたいと思います。

多分もっと効率の良い方法などがあるとも思います。その時はコメントやDM等でそっと教えてください(((

自己紹介については23日の記事で書くので割愛します。ゆるして

まず前提

とりあえず開発環境を整えるところから始めましょう

今回はVisualStudioを使用します。formを使えるのは私の知る限りVisualStudioしか知らないし、無料なので使用します。というか私がVisualStudioしか知らないんですけどね、、、

ということで、Visual Studio Community Editionをダウンロードしましょう。

ダウンロードしたら、exeファイルを開き、ユーザアカウント制御を許可してインストーラーの言われるようにダウンロードしていきましょう

そしたら、ランチャーが起動すると思うので、写真の物をダウンロードしましょう。

↑多分これをダウンロードすればOKです。間違えてるかも

VisualStudioはすでにダウンロードしていてダウンロードの方法がまだやってない人ので少し雑です、、、申し訳ない、、、

再ダウンロードしてもよかったんですけど、時間が無くて（（

制作する環境を作る

はい、VisualStudioがダウンロード出来たら、起動しましょう

そしたら、これを押して、

こいつを選択します。

そしたら、プロジェクト名だけ決めます。何でもいいですが、適当な奴にすると後々めんどくさくなると思うので、やめましょう(((

今回はEarthQuakeInfoTestという名前でやっていきたいと思います。

そしたら、環境は完成したと思うので、早速制作していきましょう！

制作開始

はい。とりあえずこのような画面になったと思います。

そしたら、このForm1というウィンドウをカチカチッ！っとダブルクリックして

プログラムを書けそうな画面に行きましょう。

C#の記述について

はい。最初はなんじゃこりゃ？？？？？？となると思います。誰でもそうです。

簡単に説明すると、この

private void Form1_Load(object sender, EventArgs e)
{

}

という部分では、プログラムを実行したときに{ }に書かれた部分のプログラムが実行されます。

これだけ覚えておけば、なんとなくはできると思います。

他のいろいろは、、、、ググってください！！！！！！！！(投げやり)

とりあえず定期的に地震情報を受信するところを作る

はい。とりあえずさっきのウィンドウがあったデザインの画面に戻りましょう

そしたら、左のほうに、ツールボックス、というものがあると思うので、押しましょう。ない人は、Ctrl+Alt+Xを押したら開きます。

そしたら、この中からすべてのWindowsフォームというところを展開し、Timerをクリックします。

そしたら、そのままウィンドウのところをクリックすると、

こいつが追加されてると思います。そしたらそいつを右クリックして、プロパティを開きます。

そしたら、右下などに、プロパティが出てくると思います。

Intervalの部分は、取得したい周期をミリ秒で指定します。

今回は30秒に1度取得するということで、30000にします。

そのあと、上にあるEnabledをTrueにしておきましょう。名前はそのままでいいと思います。

そしたら、さっきの左下のほうにあるTimer1というやつをダブル左クリックして、さっきのプログラムを書けそうな画面に行きます。すると、

private void timer1_Tick(object sender, EventArgs e)
{

}

この下に、以下のように記述してください

private void APIpost()
{

}

APIpostという部分はなんでもいいんですけどね、、、

すると全体がこんな感じになります

そしたら、このAPIpostというものは、地震情報を受信するプログラムを後々記述するので、先ほど説明したプログラム実行時の部分と、取得周期で実行するところで、実行されるようにします。

private void Form1_Load(object sender, EventArgs e)
{

APIpost();

}

private void timer1_Tick(object sender, EventArgs e)

{

APIpost();

}

という感じにします。もっといい方法があると思うのですが、わからないのでこうします。

初心者がこんな記事書くな！！！って話ですよね、、、

地震情報受信部分を制作

はい。地震情報を受信する部分を作っていきましょう。

private void APIpost()
{

}

こちらの{ }内に記述していきましょう

まず、地震情報のソースとして、P2P 地震情報を使用します。

この{ }の中に

string url = "https://api.p2pquake.net/v2/history?codes=551";
HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url);
HttpWebResponse response = (HttpWebResponse)request.GetResponse();

Stream stream = response.GetResponseStream();
StreamReader reader = new StreamReader(stream);
string jsonString = reader.ReadToEnd();

と記述します。これはP2P 地震情報から情報を受信してそのままの電文を受信しているプログラムです。多分もうちょっとましな方法があります。頭の良い方々教えてください（（（

何はともあれ、地震情報を受信するところまではできました！！あとは表示するだけと思いきや、このままだと、何も解析されていない情報なので、大切な震源地名などだけを抜き出すデシリアライズという作業が必要です。

ということでここをやっていきましょう

デシリアライズ！

正直、簡単です(!?)

私もプログラムを作るところまでは大変でしたが、1行(正確には結構ある)でできてしまいます。

このわんさかあるstring url = ~~~~~~~~ ReadToEnd();という部分の下に、改行してスペースを作ります。

そしたら、そこに

Class1 deserial1 = JsonConvert.DeserializeObject<Class1>(jsonString);

と入力しましょう

しかし何やら、エラーがたくさん出ていますね、、、一つずつ直していきましょう。

まずJsonConvertという部分から直していきましょう。

JsonConvertを右クリックして、クイックアクションとリファクタリングというところを押します

すると、下の写真のようなものが出てくると思うので、クリックしてインストールします。

すると、、、？

緑色になって直りました！！

そしたらClass1という部分を直していきましょう。

これも簡単です。

ここにしたの怪文をコピペしてください。

public class Class1
{
public int code { get; set; }
public earthquake earthquake { get; set; }
public string id { get; set; }
public Issue issue { get; set; }
public List<Point> Points { get; set; }
public string time { get; set; }
public string user_agent { get; set; }
public string ver { get; set; }
public int depth { get; set; }
public hypocenter hypocenter { get; set; }
}

public class earthquake
{
public string domesticTsunami { get; set; }
public string foreignTsunami { get; set; }
public hypocenter hypocenter { get; set; }
public int maxScale { get; set; }
public string time { get; set; }
public float magnitude { get; internal set; }
}
public class hypocenter
{
public int depth { get; set; }
public float latitude { get; set; }
public float longitude { get; set; }
public float magnitude { get; set; }
public string name { get; set; }
}

public class Issue
{
public string type { get; set; }
public string time { get; set; }
public string eventId { get; set; }
public string serial { get; set; }
}
public class Point
{
public string addr { get; set; }
public bool isArea { get; set; }
public string pref { get; set; }
public int scale { get; set; }
}