Information

0b6d8a13 5f53 4231 9714 ac9fed105acd
  • 作者
  • 766f5cba 7e12 4c28 ba84 a78b7b73453a YO@Eggineer
  • 作品リンク
  • 0b6d8a13 5f53 4231 9714 ac9fed105acd Eggineer
  • 概要
  • 「Eggineer」は、プログラミングで創ったWebアプリを投稿・公開できるサービスです。Webアプリ作品を投稿し、自分なりのアプリへのこだわりやプログラミングをどのように勉強してきたかを共有できます。どちらかというと初心者プログラマー向けに、自分が作ったプロダクトを、同じようにプログラミング学習に取り組む人達に対して公開する場があればいいなと思って作成しました。

  • タグ
  • こだわり・開発背景
  • ・基本的に投稿する側はPCで、閲覧する側がスマホで見る人が多いのではないかと仮説を立て、作品詳細ページがスマホでも冗長で見にくくならないように、文字制限を設定してみました。少しスクロールすれば全体を眺められるサイズ感になっている?かと思います。
    ・Twitterと連携させたいと考えていたので、deviseとOmniauthを使ってTwitterログインを実装してみました。非常に優秀なgemだったこともあり、それっぽくなりました。また、作品詳細ページからは作った作品をツイートできるので是非使ってもらいたいです。
    ・作品登録ページも少し工夫していて、javascriptを使って文字数をカウントできるようにしたり、タグ付けをselect2を使っていい感じにしてみました。これまた、Javascriptの基本を理解しておらず途中でつまずいてしまいましたが、jsとcoffeescriptの違いやaplication.jsの扱い方を学びながら、なんとか実装することができました。
    ・デザイン全般はbootstrapです。ただ正直、html&cssは簡単だと聞いていたので、学習を後回しにしていたのですが、細かい調整にかなり苦労しました
    ・タグ付け機能もgemで簡単に作れました!ユーザーさんが増えて、投稿数も増えたら、検索できるといいですよね。
    ・今後もどんどんアップデートしていきます!

  • 開発環境
  • Mac, Atom, Ruby 2.5.0p0, Ruby on Rails5.1.4, Heroku, postgresql, 便利だったgem(activeadmin, act-as-taggable-on, devise, omniauth, will_pagenate, faker, select2-rails, etc.)

  • 制作期間
  • 2017/10月からプログラミングを学び始め、このアプリの制作は2018/1月からスタートしました。なので大体、勉強開始から約5ヶ月、制作開始から2ヶ月弱でEggineerを完成させました。自分の場合、序盤はコツコツ勉強していて、アプリ制作開始頃からまとまった時間を取って学習できたかなと思います。振り返るとあっという間でしたが、思ったより時間かかったという印象です。

  • 学習方法
  • Progateで色々な言語にチャレンジしてみて最終的にRailsをたくさんやりました。その後は定番教材の Railsチュートリアルを1周して、アプリ制作に取り掛かりました。また新しい情報を得たら、「Ruby on Rails5アプリケーションプログラミング」を読んで確認しつつ学習を進めました。またRails以外の知識はProgateでの記憶を頼りに開発しながら随時補いました。
    Webアプリ開発を開始した頃からは、もくもく会に参加するなどして、多くの方にあれこれ教えて頂きながら学習を進めました。プログラミングスクールに通っていない自分としては、多くの方にご指導頂けるチャンスであるもくもく会への参加は非常に実りあるものでした。また何より一人で開発をしていると、たまに不安になることもあるのですが、そうした集まりでお話しさせて頂くことがモチベーションアップになって最後まで作り切れたように思います。