こんにちは、ゆうまです。
先日、こんなサービスを作成しました。
プログラミング学習開始から3ヶ月、言語はPHPです。
僕は乃木坂46が好きなので、ファンが同じ推しの人と簡単に繋がれるようになったらいいなと思い作成しました。
2020年5月現在、約90人の方に利用いただけています。自分の作ったサービスを利用してもらえるって、本当に嬉しいですね!笑。
主な機能としては、こんな感じです。
- Twitterログイン
- 推しメン登録
- 登録ユーザー表示
- ユーザープロフィール表示
今回は、このサービスを作るまでに学習したことを紹介します。
オリジナルサービス作成までに学習したこと
では、サービス作成までに学習したこと、どのように学習したかを紹介します。
HTML、CSS
まずは、Webページを作る基本となるHTMLとCSSです。
学習方法はこちらの記事でまとめてあるので、是非読んでみてください。
JavaScript、jQuery
サイトにアニメーションなどの動きをつけるために、JavaScriptとjQueryを学習しました。
まずは定番ドットインストールのこの動画たちでJavaScriptを学習。
JavaScriptの学習が終わったら、jQueryの学習を開始。
ドットインストールのjQuery入門 →ProgateのjQuery初級、jQuery中級の順で学習しました。
複数の学習サービスを使うと、復習にもなるし、お互いの足りない部分を補えるのでオススメです。
おみくじを作成
JavaScriptを使ってなんか作ってみようってことで、超簡単なおみくじを作りました。乃木坂46のメンバーが誰か一人出てくるものです。(僕乃木坂関連のものしか作ってないな...笑)
PHP
次に勉強したのがPHPです。
まずは、ProgateでPHP Ⅰ〜PHP Ⅳまで学習。
その後、ドットインストールでのPHPデータベース入門で学習しました。
このPHPデータベースについてはサービス作成にあたって非常に使う部分だったので、何度も繰り返し学習しました。(たぶん3周くらいした)
PHPデータベースは、こちらの記事も参考に学習しました。
PHPはHTML、CSSやjQueryに比べて学習時間が3倍位かかりました笑
データベースとの連携になかなか慣れず、時間がかかってしまいました。
でも、データベースを扱えるようになると楽しさが跳ね上がります!
簡易掲示板を作成
PHP学習の成果として、簡易掲示板を作成しました。
バグだらけですが、理解度を確認するには良かったかなと思います。
とりあえず成果物を作ってみることの大事さを痛感しました。
Twitterログイン(TwitterAPI)
Twitterログインは絶対実装したい機能でした。
学習はドットインストールのPHPでTwitterログインを実装しようで行いました。
APIを使うのは初めてなので最初は何がなんだかわかりませんでしたが、いじってるうちにだんだん理解することができました。
TwitterAPIを使って実装した機能はこんな感じです。
- Twitterアカウントでのログイン
- プロフィール取得
- フォロー、フォロワー数取得
実装したい機能がうまく動くと、それだけで嬉しかったですね笑
サービスを作成
Twitterログインのコードを参考にしつつ、作成を行いました。
デザイン、機能設計、DB設計、コーディングを1からやるのは中々大変で、作成に約1ヶ月かかりました。
PHPのファイル分けや、TwitterAPIを使ってのプロフィール取得、DB操作など、初心者の僕にはひとつひとつが大きな壁で、最初は本当に完成させられるのか不安でした。
「この機能を実装するにはどんなロジックを使えばよいのか?」「画面遷移はどのようにするか?」など、課題もたくさんありました。
でも、毎日ちょっとずつ前に進むことで完成させられましたし、結果的に大きく成長できた気がします。
まとめ
僕がサービス作成までに学習したことをまとめます。
- HTML、CSS
- JavaScript、jQuery
- PHP
- Twitterログイン(TwitterAPI)
自作サービス作成を通じて、自分で1から作ることの大切さを学びました。
そしてなにより、自分で作ったサービスを使ってもらうのはとっても嬉しいです。利用者が一人増えるたびに飛び上がるような嬉しさでした。
作ってみたいサービスがある人は、挑戦してみると大きく成長できますし、使ってもらうのはとても嬉しいと思うので、是非やってみてください!
あと、サービス使っていただけるととても嬉しいです笑