チャリっこ紀行

チャリっこ紀行

クロスバイクでいこう。

iOSアプリ製作、ランダムで北海道の駅を表示する

f:id:plno:20190424205237p:plain
こんにちは。

Swiftを触る機会があったので、遊びでiOSアプリ作ってみました。

 

 

 

どんなアプリ?

f:id:plno:20190424194210p:plain

今回は北海道の鉄道路線の駅をランダムで表示するアプリを製作しました。

青春18きっぷでどこかに行こう、となった時にアプリが行き先を決めてくれます。

運命に任せた旅になることでしょう。

 

仕様

トップ画面

f:id:plno:20190424194337p:plain

さぁ、あなたの行き先を決めましょう。

スタートボタンをタップすると表示してくれます。

 

f:id:plno:20190424194529p:plain

しかし、

まだ路線の条件を設定していないのでアラートが出ます。

路線の条件を設定することで、その選択された路線の駅からランダムに表示することができます。

 

路線選択画面

f:id:plno:20190424194824p:plain

トップ画面の条件設定ボタンをタップすると、路線選択画面が開きます。

路線選択画面では路線名のセルをタッチすることで、右側にチェックマークがつき選択されたことになります。

好きな路線を何個か選択しましょう。

 

f:id:plno:20190424195415p:plain

面倒であれば、「全て選択」をタップすることで北海道内の全ての路線を選択することができます。もういちど「全て選択」をタップすることで選択を解除できます。

 

路線の選択が終わったら、「この条件で設定」でトップに戻ります。

 

結果画面

f:id:plno:20190424195632p:plain

路線選択後にスタートボタンを押すと、ランダムで駅が表示されます。

 

   1. 路線名

   2. 1の路線の駅の中からランダムで選ばれた駅

   3. 選ばれた駅の位置を表示するマップ

   4. その駅のwikipediaを開くボタン(まだ実装してない)

 

という感じです。

 

製作してみて

初心者なので色々つまづいたところがありました。

   1. 全ての路線を選択する機能

   2. APIで駅データをとってくる

   3. 画面の遷移

 

1について、

iOSのテーブルビューの仕組みがよくわからずに作ったのがまずかったですね。

セルが再利用されることで、選択されてるのにチェックマークが表示されないなどありました。これはreloadDataで対応。

 

2について、

↓ 使用したAPIはこちら

scureではないhttpのためエラーがでてデータが取得できませんでしたが、Xcodeでなんやらやったら大丈夫でした。

 

3について、

コードがぐちゃぐちゃで大変でした。

 

なぜ北海道版なのか?

f:id:plno:20190424200504p:plain

本州だと鉄道路線が多すぎるので、北海道にしました。

 

まとめ

・こんな感じの簡単なiOSアプリだったら誰でも作れそう

・自分が好きな分野のアプリを作るのは面白い

・役立つかどうかは考えてはいけない

 

 

 

おわり。