LoginSignup
6
2

More than 3 years have passed since last update.

【随時更新】ポートフォリオ・SaaS開発の参考に!超本格的なRails製オープンソースたち!【初心者もおすすめ】

Last updated at Posted at 2021-03-06

「プログラマーになってすごいサービスを作りたい!」

という動機でプログラミングを始めてみたものの、いざ勉強を始めてみると

「どんな技術を使って開発したらいいの?」
「どこまで作り込めばいいのだろう?」
「一応完成したけどまだ足りないところがあるのでは?」

と不安に感じたことは一度はありますよね?

そんな方に強くオススメしたいRailsアプリケーションのGitHubリポジトリたちを紹介します。

ここで紹介するRailsアプリケーションはオープンソースにもかかわらず、
実際にWebサービスとして運用されていたり、有料で提供されていたりするものもありますので、必ずサービス開発の参考になるはずです!

ぜひ、一読してWebサービス開発の参考にしてみてください!

対象読者

・プログラミング初学者さん
・個人サービスの開発に取り掛かる前の方
・サービス開発の参考資料を探している方
・よりよいサービス開発の参考にしたい方

GitHubリポジトリたち

ChatWoot

オープンソースのライブチャットソフトです。
ホームページやランディングページに埋め込むお問い合わせチャットや、それに対するメッセージの管理システムを提供しているサービスです。

Vue.js × Ruby on Railsで開発されていて、このコードを勉強してマネするだけでかなり本格的なサービスの開発に繋げられると思います!
初見、かなり難しそうに感じますが、Gemfileを見て「devise」など初学者さんでもわかるライブラリなどがたくさん使われていますので、そういった分かる部分から読み進めていってもいいかもしれません。

GitHubリポジトリURL
https://github.com/chatwoot/chatwoot

公式ページ
https://www.chatwoot.com/

dashboard-screen-b294bdd1d718312290ec49b6c2a13428.png
引用元:https://www.chatwoot.com/static/dashboard-screen-b294bdd1d718312290ec49b6c2a13428.png

widget-ghost-99d99a87a95d9c1731b79af6584218ef.png
引用元:https://www.chatwoot.com/static/widget-ghost-99d99a87a95d9c1731b79af6584218ef.png

使われている主な技術

  • Ruby on Rails
  • Vue.js
  • Docker
  • CircleCI など

GitLab

GitHubのようにコードを管理することができるサービス。
かなりざっくりとGitHubとの違いを挙げると、自社で用意したサーバーなどにGitHubと同じような環境を構築できるので、セキュリティや情報管理の観点からGitHubは使いたくない!という企業さんに使われることが多いサービスです。
※その他にもGitLabの良いところはたくさんありますが、割愛します!

こちらもVue.js × Ruby on Railsで開発されたサービスですが、chatwootと違い、Railsのapp/views内のHTMLファイルのコードも充実しているため、まだJSフレームワークでのフロントエンド開発は視野に入れていないプログラマーさんでも読みやすいところは多いのかな、と思います。
ただし、hamlで書かれているため、人によっては読みにくさを感じるかも…

GitHubリポジトリ
https://github.com/gitlabhq/gitlabhq/

公式ページ
https://about.gitlab.com/

solutions-create.png
引用元:https://about.gitlab.com/images/solutions/solutions-create.png

使われている主な技術

  • Ruby on Rails
  • Vue.js
  • Docker など

solidus

オープンソースのeコマース構築サービス。
他のリポジトリと比べるとディレクトリ構成が少し特殊かな、という印象です。
こちらはフロントエンドも含めてRuby on Railsで開発されているようですので、その点においては参考にしやすいリポジトリなのかな、と思います。

こちら(http://demo.solidus.io/) からでもページを見ることも可能です。

GitHubリポジトリ
https://github.com/solidusio/solidus

公式ページ
https://spreecommerce.org/

Screen Shot 2021-03-06 at 14.37.52.png

使われている技術

  • Ruby on Rails
  • CircleCI など

まとめ

こちらの内容は随時更新していきます!
他にも実際にサービスとして提供されている良いオープンソースコードがございましたら教えていただきますと幸いです!

6
2
0

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
6
2