1. shihori_23

    Posted

    shihori_23
Changes in title
+プログラミングを始めて1ヶ月で作ったウェブアプリ
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,45 @@
+#1. プログラミングを学びはじめて1ヶ月が経ちました...
+はじめまして。はじめてQiitaに投稿します。
+
+現在、全くの未経験からプログラミングを学習しており、
+タイトルの通り学習を始めて1ヶ月が経ったので備忘録的に作ったものや参考になった記事などアップしていきたいと思います。
+#2. 1ヶ月の成果:天気APIを使用したコーディネート提案アプリ
+【アプリの概要】
+気象状況に応じた参考のコーディネート画像やおすすめのアイテムを提示してくれるアプリ
+<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/510320/3259736d-d167-bc0b-91cc-e081911f623e.gif" width="400px" height="auto">
+
+【制作期間】
+1週間
+
+【使用したAPI】
+OpenWeatherMap(Current weather data、5 day / 3 hour forecast)
+https://openweathermap.org/
+
+【実装した機能とこだわりポイント】
+・現在地を取得してその地域の天気を表示し、その結果に応じた参考コーディネートやコメントの表示
+・現在地以外の天気も確認できる機能
+・OpenWeatherrMapAPI既存の天気アイコンが気に食わなかったのでそこを変えた
+・1対1のチャットシステム
+(FirebaseのRealtimeDatabaseとGoogle認証を使用してっぽいものを作りました)
+
+画像やコメントの表示は、ifでひたすら条件分岐させるというかなりのアナログ設計ですが、
+作りたい!と思ったものを形にできるようになったのは、この1ヶ月の成果かなと思ってます。
+
+#3. 加えたかった機能や改善点
+本当はもっとやりたいことがあったのですが、技術と時間が伴わず形にすることができませんでした。
+さらに...改善点に関してはQiitaに記事を上げる前に改善しろよって感じだと思いますが
+あくまで備忘録なので、そのまま書かせていただきます。
+
+【加えたかった機能】
+・1対1のチャットシステムをちゃんと実装させたい
+・自分が持っている洋服を登録する機能
+・ニュースAPIを使ったニュースページ
+
+【改善点】
+・画像の読み込みがとても遅い
+・スマホで見ると時刻の表示がNaNになる
+#4. 参考にした記事
+・OpenWeatherrMap関連
+https://qiita.com/mikan3rd/items/a5bc87a2242e67cf17a4
+https://qiita.com/gurany_tou/items/483bcc3ec9bb3fdd8efa
+