はじめてのWebアプリを公開したので、その内容をご紹介します。
固定費比較：https://jyu2-engineer.com/koteihihikaku/
自作Webアプリ開発までに学習した内容
自作Webアプリを作成するまでに右往左往しまくりました。
結果的に以下を学習したのは以下になります。
- HTML/CSS（Progate/Udemy）
- JavaScript（Progate/ドットインストール)
- jQuery（Progate）
- Ruby（Progate）
- Ruby on Rails（Progate/ドットインストール/Railsチュートリアル)
- PHP（Progate/ドットインストール/Udemy）
- デイトラ(30DAYSトライアル)1st、2nd。Rails
準備運動が長すぎました・・・。
僕の目標は「自作Webアプリを作成する」でした。
しかし、いつのまにかHP、LP制作のほうに力を入れたり、Railsチュートリアルで挫折したりして時間がかかってしまいました。
RubyやRailsは「自作Webアプリを作成する」という目標に向かっていたので良かったのですが、正直自作Rubyの書き方が自分に合いませんでした。
感覚的な話しなんですが、Javaとかを扱ってきた自分にとっては「クセがつよい」と感じてしまったんですね。
こうなってしまった理由は色々ありますが、要するに目標を見失ってブレブレな生活を送ってしまっていたんです。
自作Webアプリ開発で使用した言語
自作Webアプリ開発で使用した言語は以下になります。
- HTML
- CSS
- PHP
- jQueryライブラリ「wow」
最終的には一番最後に学習したPHPで行こうと決めました。
そのためにProgate、ドットインストール、Udemy
で学習しました。
その中でもUdemyのPHP+MySQL（MariaDB） Webサーバーサイドプログラミング入門
が良かったですね。
PHP+MySQL（MariaDB） Webサーバーサイドプログラミング入門さえやればProgate、ドットインストールは不要だと思います。
自作Webアプリの仕様
今回の自作Webアプリは、とりあえず作ってWeb上に公開するというの目標だったので、超簡単仕様にしました。
- DBアクセスはしない
- 現在の固定費を入力
- 目標の固定費を入力
- 現在と目標の固定費を1年単位に10年間分の合計と差額をTABLEに表示
- TABLE表示にはアニメーションをつける
- クリアボタンを押すことで計算結果をクリアして初期画面にする
- 見栄えにはこだわらない
自作Webアプリの開発環境
開発環境は以下の通りです。
| OS | macOS Catalina v10.15.2 |
|---|---|
| 言語 | PHP v7.3.7 |
| エディタ | VSCOde |
| Webサーバー | Apach(MAMP) |
まとめ
だいぶ遠回りしてしまいましたが、超簡単ではありますが自作のWebアプリを公開することができました。
学習内容を見ると本当に遠回りしたな・・・。
でも、これで一つ実績ができました。
超簡単でもなんでも、一つのアプリをWebに公開したという実績です。
ちなみにこのアプリの開発時間は2〜3時間ほどです。
次はUdemyで学んだTwitter風のアプリに自分なりの機能をプラスしたアプリを作ります！！
最後にもう一度リンク貼っておきます。良かったら見てみてください。
固定費比較：https://jyu2-engineer.com/koteihihikaku/
