LoginSignup
264
126

More than 3 years have passed since last update.

プログラミングを始めて1ヶ月で作ったウェブアプリ

Last updated at Posted at 2019-11-13

1. プログラミングを学びはじめて1ヶ月が経ちました...

はじめまして。はじめてQiitaに投稿します。

現在、全くの未経験からプログラミングを学習しており、
タイトルの通り学習を始めて1ヶ月が経ったので
備忘録的に作ったものや参考になった記事などアップしていきたいと思います。

2. 1ヶ月の成果:天気APIを使用したコーディネート提案アプリ

【アプリの概要】
気象状況に応じた参考のコーディネート画像やおすすめのアイテムを提示してくれるアプリ

【制作期間】
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

264
126
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
264
126