Skip to content

shafiulshaon/image-upload-with-ActiveStorage

Repository files navigation

写真管理アプリ

写真管理アプリはRuby on Railsアプリケーションで、ユーザーが自分の写真をアップロードし、管理することができます。ユーザーはログインして、アカウントに写真をアップロードできます。アップロードした写真を一覧で表示したり、OAuthを使用して外部のTwitterアプリとアカウントを接続したりすることもできます。

スタートガイド

必要条件

このアプリを実行するには、以下が必要です。

  • Ruby 2.6.8
  • Ruby on Rails 6.1.4以上
  • SQLite 3または互換性のあるデータベース

インストール

アプリをインストールするには、以下の手順に従ってください。

  1. リポジトリをクローンします。

git clone https://github.com/shafiulshaon/photo-management-app.git

  1. 依存関係をインストールします。

cd photo-management-app

bundle install

Required ruby-2.6.8 is not installed. というエラーが発生したら、gemfileの ruby '2.6.8' をコンピュータにインストールされているバージョンに変更します。

その後もエラーが発生した場合は、Ruby のバージョンを変更する必要があります。まず、次のコマンドを実行して、追加のパッケージなしで RVM をインストールします。

\curl -sSL https://get.rvm.io | bash -s stable

インストールが完了したら、次のコマンドを実行して、現在のシェルセッションに RVM をロードします。

source ~/.rvm/scripts/rvm

特定の Ruby バージョンをインストールするには、「x.x.x」を目的のバージョン番号に置き換えます。

rvm install ruby-x.x.x

最後に、インストールした Ruby バージョンをデフォルトに設定します。

rvm use ruby-x.x.x --default

そのあと、bundle install コマンドを再度実行します。

You must use Bundler 2 or greater with this lockfile. というエラーが発生したら、まず、現在のBundlerのバージョンを確認します。

bundler -v

Bundlerのバージョンが2.0.0より古い場合は、次のコマンドを実行してアップデートします。

gem install bundler

それでも問題が解決しない場合は、プロジェクトのBundler設定をアップデートする必要があります。その場合は、次のコマンドを実行します。

bundle update --bundler

そのあと、bundle install コマンドを再度実行します。

  1. データベースをセットアップします。

rails db:migrate

  1. (オプション)いくつかのサンプルデータを使用してデータベースをシードします。

rails db:seed

rails s その後、Webブラウザを開き、http://localhost:3000/ にアクセスします。

使い方

ログイン

アカウントにログインするには、ログインページでユーザー名とパスワードを入力し、「ログイン」ボタンをクリックします。認証情報が有効な場合、画像一覧ページにリダイレクトされます。

画像のアップロード

画像をアップロードするには、画像一覧ページの「画像をアップロード」ボタンをクリックします。画像アップロードフォームにリダイレクトされ、画像のタイトルを入力し、アップロードするファイルを選択できます。フォームを送信すると、画像がアカウントに保存され、画像一覧ページにリダイレクトされます。

画像の表示

画像一覧ページでは、アップロードしたすべての画像の一覧を表示できます。各画像は、タイトルとサムネイルプレビューが表示されます。

MyTweetAppとの連携

外部のテストTwitterアプリをOAuthを使ってあなたのアカウントに接続するには、画像リストページの"MyTweetAppと連携"ボタンをクリックしてください。すると、外部アプリの承認ページにリダイレクトされ、テストTwitterアカウントへのアクセス許可を許可することができます。許可を与えた後、フォトマネジメントアプリにリダイレクトされ、テストTwitterアカウントがあなたのアカウントにリンクされます。これにより、フォトマネジメントアプリから直接画像のタイトルとURLを含むツイートを投稿することができます。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published