初心者 Ruby on rails で実装し、jsでフロントを構成する事について質問させて頂きます。

Question

お世話になります。
クラウドファンディングwebサービスをrubyonrails で構築したいと考えております。
初心者の為、丁寧にご教示頂けると大変助かります。

機能は
ログイン機能から始まり
投稿者が写真・動画を含めプロジェクト投稿でき
ユーザが気に入ったプロジェクトにお金を支払える機能があり
管理者が投稿、支払いユーザ、お金を管理できる機能が最低限必要と考えています。

デザインは添付の画像のような画面デザインのwebを構築しようと考えております。
このようなデザインで実装する場合には、railsだけで実装するのではなく、
javaScript例えば、reactやvueやjqueryなどでフロント画面周りを実装し
機能面についてはRailsで構成するのが一般的(この辺が個人差と思いますが聞きたい所です)
なのでしょうか？
またrubyに対してフロントはjsを利用した方が早く綺麗に書けますか？

もちろん、Rubyでもがんばれば何でも出来る！のかもしれませんが、
フロントはJavaScriptでライブラリを用いて記載すると、割と早く書けるよ
むしろRailsを使用しない方が効率的でよい
と言った実際に構築経験のある方のご意見があれば是非参考にさせて頂きたいです。
正解はないと思いますので、ご自身のご経験を参考にしていただければ嬉しいです。

これが質問一点目になります。

また二点目ですが、
現在考えている環境構成は以下です。
jsonでバックエンドとフロントをつないで表示を想定していますが
具体的にjsで添付画面を構築する場合には、
Angular、vue、reactどれを用いるのが一番良いのでしょうか？

Aws　インフラ
sql　db
Rails　バックエンド
js　フロント

画面参考URL
https://www.kickstarter.com/?lang=ja

宜しくお願いします。

Comments

[m.ts10806]

「早く綺麗に」というのが何をどこまで目指しているのかわかりません。二点目についても「いずれも同レベルで可能である。あとは好みで」となりえます。質問者さんはいずれも今から学習予定でしょうか？それともいずれかある程度習得済みなのでしょうか？「初心者です」だけだと実力のほどは不明瞭なままで、それはそのまま回答粒度にもつながります。本来は「プログラミングをしていく中での問題や課題を解決する」質問サイトなので、もう少しそのあたりを考慮した具体的な内容にされた方がいいかもしれません。

[退会済みユーザー]

ありがとうございます。早く綺麗にというのはon rails のgemを利用した場合、例えばmastdonなど と比較して上記にあげた jsの記載したライブラリを用いた方が添付画像の画面構成に近いか質問しています。 「いずれも同レベルで可能である。あとは好みで」 逆にどの観点でRAILSとJSが同レベルなのでしょうか？フロント周りであればVIEWで構成するJSの方が構成しやすい気がします。同レベルの根拠を教えてください。 初心者は初心者です。私はプログラミングをしていく中での問題や課題を解決する為に質問しています。

[m.ts10806]

二点目はAngular、vue、reactどれを用いるのが一番良いのでしょうか？という質問ですよね。Rails絡んでません。いずれにしても質問は編集できるので要件は質問に追記してください。こちらのコメント欄はデフォルト非表示で目につきにくいですし大事な要件が埋もれてしまいます

[m.ts10806]

先にも書きましたが「初心者」だけでは本当に何がどの程度 なのか分からないんですよ。通常は問題があったコードが提示されてそこから展開されますのである程度推し量れますが今回はそれがありません。

[退会済みユーザー]

もちろん2点目はRAILS絡んでいません。JSの違いについて聞いています。質問内容に正副があっても良いですし、どちらを主題とするかは質問者です。諸々ありがとうございます。質問方法ではなく、回答できるものがもしもあればお願いします。

[m.ts10806]

「回答に至れる質問内容ではない」からこちらで指摘しています。どのようにさじ加減されても構いませんが、その内容で回答可能か判断するのは質問者さんではないですよ。質問方法も的確な回答を得るために必要なことです。(２回目)質問は編集できるので要件は質問に追記してください。こちらのコメント欄はデフォルト非表示で目につきにくいですし大事な要件が埋もれます

[退会済みユーザー]

ありがとうございます。他の人にこの質問で回答できる人沢山いると思いますので、回答して頂けないんであれば迷惑なんでやめてもらえますか？といってもやめないと思いますが。。

[m.ts10806]

質問履歴からするとあまり全うなコミュニケーション期待しない方が良さそうな人でしたね。失礼しました。

[退会済みユーザー]

いえいえ。回答するならば最初に質問履歴くらい見た方が良いですよ。こちらこそ失礼しました。

[m.ts10806]

全うなコミュニケーション期待できないと自覚あるのでしたらなおされては。まあ、あとはご自由に。

[kawax]

初心者がお金が関わるサービス作ろうとしてるのは本当に理解できない。法律のこととか分かってなさそうだし初心者には最初から無理な話

Answer 1

Railsは基本的にバックエンドからフロントエンドまで全て作成することを想定したフレームワークです。また、フロントはあくまでHTMLとCSS(もちろんRailsでサポートされています)で書くもので、Rubyではかけません。

Reactをやるとjsでフロントエンドを書くという感覚もありますが、基本的にjsはブラウザ上で動きをつけたり値を一時的に保存したり、非同期通信を行うために使用するものです。

確かにRailsにもAPIモードというのがありますが、はっきり言ってあまりRailsの強みも行かせておらず、実用的ではありません。

添付されている画像のようなページと挙げられている程度の機能を作るだけであれば、Railsで十分作れると思います。ページにどの程度動きをつけるかによりますが、jsの出番ほとんどないのではないかと思います。

Comments

[退会済みユーザー]

お忙しい中回答頂きありがとうございました。とてもよく理解できました。1点質問させて頂きます。というか私が質問させて頂いた答えはbigeastTtexan様の答え一点に絞られています。

＞添付されている画像のようなページと挙げられている程度の機能を作るだけであれば、Railsで十分作れると思います。ページにどの程度動きをつけるかによりますが、jsの出番ほとんどないのではないかと思います。

実際作るのは、参考URLのようなサイトです。例えば機能でいえば、投稿者と支援者がいて、支援ボタンを押すと支援できるカート機能や、投稿者が投稿できる機能、管理者が見る機能です。これはrubyで構成できるイメージがついています。

しかし、添付写真のようなrubyOnRailsの画面レイアウトに関連するgemがみあたらず不安でした。JSを絶対に使いたいという理由はありません。この辺は非常にきわどい書き方になりますが、JSを使った方が簡単なのか、rubyで描いた方が現実的なのかが、全くわかりませんでした。

jsの出番はほぼないとの事ですが、具体的にRubyのgemで参考URLのような画面を早期に構築する場合どのような既存ライブラリが適しているかご教示頂けないでしょうか？
宜しくお願いします。

[退会済みユーザー]

> しかし、添付写真のようなrubyOnRailsの画面レイアウトに関連するgemがみあたらず不安でした。JSを絶対に使いたいという理由はありません。この辺は非常にきわどい書き方になりますが、JSを使った方が簡単なのか、rubyで描いた方が現実的なのかが、全くわかりませんでした。

この文章が少し気になって再度の回答となりますが、rubyでもjsでも画面は描画できません。あくまで、画面を描画するのはHTMLとCSSです。
RailsはそのHTMLやCSSを一緒に一つのプロジェクトの中でサーバー(となる)システムと一緒に管理できるということです。gemなどは全く必要ありません。また、参考サイト先を拝見いたしましたが、特に動きといえばhoverでunderlineが出たり、色が変わったりするくらいだと思います。その場合はCSSで記述可能です。

動きというのが画面の遷移そのものをさしているのであれば、それはRailsのサーバーでもできますし、Reactなどのライブラリを使うことも可能でしょう。しかし、ログインシステムやそのほかデーターベースを使用するとなると、jsライブラリ単体で作ることは不可能なので、(特に初心者なら)Railsを使って一気に作る方が良いかと思います。

[退会済みユーザー]

もちろん個別の機能ごとに分けて考えると、これはこのgem(例えばloginならgem 'devise'など)というように定番のgemはあります。ただし、その場合でも見た目に関するgemは特に思い当たりません(強いていうならbootstarpを使うと少しは楽になるかもしれません)。

[退会済みユーザー]

非常にわかりやすい回答ありがとうございました。またHTMLとCSSの出力について紛らわしい説明失礼しました。またサイトを確認して頂きありがとうございました。このような方に確認頂いたおかげでRails一本で記載する事にしました。

＞その場合でも見た目に関するgemは特に思い当たりません

私にはRubyのこの点が知りませんでした。デザイン＝見た目に関するライブラリはないという事はRailsでデザイン面を構築する場合は1からhtmlとcssを吐くものを作成しなければいけないのでしょうか？

また別件ｄすがRailsかPhpで記載するのであれば、どちらで記載した方が良いと考えるかご教示頂けないでしょうか？

宜しくお願いします。

[退会済みユーザー]

そうですね、基本的に、htmlとcssは何のフレームワークやライブラリを使ったところで自分で書く部分が相対的に多くなるのは避けられません。(そもそもoriginalのデザインをしようとしているのですから、しょうがありません。)もちろん、その記述の仕方はフレームワークやライブラリに依存する部分もあるかとも思います。

phpとRailsどちらが良いかというご質問ですが、私はphpを業務レベルで本格的に扱ったことはないので、断定的な物言いはできませんが、少なくともあげてある機能のなかでRailsで作れないものはないなと思います。