1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

世界初? "アイテムで繋がるSNS" を作ってみた。

Last updated at Posted at 2019-04-05

"アイテムで繋がるSNS"を初心者が2ヶ月で作って見ました

個人間で互いにレンタルができる匿名CtoCサービス(無料)があったら面白そうだと思い作りました。将来、企業への広告媒体としてのモデル(下ネタ以外でも)の可能性があるのかなと。作ってきた経緯等を此方の記事に書きたいと思います。ありそうでなかった?(無知でしたらすいません↓

個人的に"SSS(ソーシャル-シェアリング-システム)"と名付けました。
Ruby on Railsで作り、後ろでどんな技術が使ったのか簡単に解説します。
そして、少しエロいです(笑)

  • メッセージ機能
    メッセージ機能

  • ユーザー・検索機能

スクリーンショット 2019-04-03 21.20.37.png
  • Add-Item 機能
スクリーンショット 2019-04-03 21.28.44.png
  • 武器を買う

    商品購入ページ or ECサイトへ

...等をGoogle先生を調べながら実装しました。

URL
Den-app 

##スペック

  • 使用言語等など

  • Ruby 2.5.1

  • Rails 5.2.1

  • Vagrant CentOS7

  • 著者プロフィール

    • プログラミング歴 約1年
      (去年の 5月13日〜14日位から)
    • Rubyのチェリー本 => Rails チュートリアル => クローンアプリ制作後,実際に自分の考えたアプリを作ろうと思い, "Den-app"を制作しました。
    • PG,転職探し中
    • 祝 初サイト:sunny:

- メッセージ機能(リアルタイム). ~ Action Cable ~

  • ここからは実際に使用した技術を2種類紹介いたします。

    どちらも, Rails5.2系で標準なので詳しい素晴らしい記事は他に多くあります。
  • "den-app"にどのような効果をもたらしたかを書きたいと思います。

1つ目は、個人間でのメッセージ機能をページ推移なしで行えるように,"ActionCable"を使用しました。これを使えば、非同期でサーバーと通信が出来ます。

messaging.gif

ActionCableは日本語のページ等も多く、技術自体は簡単に実装できたのですが、理想の挙動にするのが私の力不足で時間が掛かり、1ヶ月程掛かりました。
QItaは勿論の事、意外と英語用のプログラミング質問サイト等にサラッと金言が載ってたりして血眼で探した記憶があります。

こういう非同期で通信することを"Ajax化"と呼ぶそうで、ActionCableではないですがden-appではもう一箇所この技術を利用している箇所があります。

  • 借りたい申請

items.gif

皆さんの持ち物に"借りたい”という申請をするページですが、"Ajax化"で、更新せずとも Create & Destroyアクションを送信できます。素晴らしいですね:eyes:

- 画像アップロード. ~ Active storoge ~

Railsで画像アップロードと聞くと、現在でもやはり,CarrierWaveが人気のようです。探して見ても圧倒的に情報が載って居ました。
Den-appではrails標準の最近追加された,"Active storoge" とストレージにAWSのS3を用いています。採用理由としては、

  • 新しい技術好き
  • gem追加が要らない
  • 最近の紹介ページが意外と多い(2018年頃~)
  • 名前が格好良い(笑)

からです。Modelに

user.rb
class User < ApplicationRecord
  has_one_attached :image
  ....
end

とてもシンプルで使いやすいです。
S3との相性?も良いらしく、バケットを追加後アップデート出来るようになりました。CarrierWaveを使っている人も一度使って見ては如何でしょうか?
画像リサイズやデフォルトイメージ(初期画像)も調べればできます。

  • プロフィール編集機能

edit.gif

  • Add-Item 機能で"Active Stroge"は使用されています。クローンアプリを練習した時、CarrierWaveを使用したのですが、現代の段階では標準装備がActive Storageよりも多く便利です。私としても使い分けて使用していきたいと思います。

##本番へのデプロイ
Railsから繋げる本番環境としてはHerokuを使用しています。Pushコマンド1つで更新できるのはとても魅力がありますね。

ただ、現在直面している問題がネイキッドドメイン(www無し)からDen-app(www有り)へのリダイレクトが出来ない。。。Railsの機能として,

config/production.rb
Rails.application.configure do
  ...
# Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  config.force_ssl = true
  ....
end

でSSHへのリダイレクトや,○○○..herokuapp.comから独自ドメインへのリダイレクトは設定できたが、ネイキッドドメインからのアクセスが未だに出来ない↓
今後とも勉強していきます。優しい人、教えて下さい。

##総括
纏めて見ましたが、一言で言うと,"Ruby on Railsは凄まじい"に尽きます。
私のような初心者でも、完璧ではなくともアイデアをサービスとして開発できました。

今後とも、Den-appの研磨は勿論のこと、色々作りたいサービスがあるので影でひっそりと一人で作っていきたいと思います。都内で週末などに、一緒にプログラミングをできる方がいればな〜と思っています。(気軽にコメントやTwitterのDM等で連絡くれると嬉しいです。)

Den-appに少しでも興味を持った方は是非登録して見て下さいね。
詳しい使い方は"HowToUse"に載っています。素敵な事があるかもしれません。

記事を読んで頂き、大変感謝いたします。
Den-app 

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?