---
# System prepended metadata

title: '[MyMedium](https://whispering-citadel-92558.herokuapp.com/)'
tags: [github]

---

# [MyMedium](https://whispering-citadel-92558.herokuapp.com/)
###### tags: `github` 
<font size="4">**アプリケーション概要：**</font>

```markdown
有名なブログ「medium」の機能を参考して作成いたしました。
写真付きの記事が投稿できる、お気に入りの記事にコメントやいいね！付くことができます。
```

<font size="4">**作成の目的：**</font>
<!-- 透過Ruby on Rails來建立部落格過程中，初步了解Rails框架的基本使用規則與原理。 -->
<!-- Railsのルーティング、Gem的相關使用方法、資料庫的建立相關規則。 -->
<!-- 在這次的專案中我學會了。 -->
```markdown
Ruby on Railsを通してアプリを作成しているうちに、
Railsの仕組みと知識、MVCモデル、Railsのルーターなど徐々に使い方を理解してきました。
```

---

## テスト用アカウント　＆　関連リンク

| テスト用     | アカウント          |
| ------------ | ------------------- |
| メール       | sample@gmail.com    |
| パスワード   | 11111111            |

| **テスト用** | **カード**          |
| ------------ | ------------------- |
| カード番号   | 4111 1111 1111 1111 |
| 有効期限     | 02 / 25             |

| タイトル　　　　　　　　　　　　| リンク　　　　　　　　　　　|
| --------------------------|:------------------------ |
| 私のブログ（中国語）　　　　　　|　[:link:][blog]　　　　　　|
| 受講したオンライン講座（中国語）|　[:link:][オンライン講座]　　|

[blog]: http://translate.google.com/translate?hl=en&sl=zh-CN&tl=ja&u=https%3A%2F%2Fhackmd.io%2F%407beedhBrQk2FjyAtSY5wxQ&sandbox=1
[オンライン講座]: http://translate.google.com/translate?hl=en&sl=zh-CN&tl=ja&u=https%3A%2F%2Fcampus.5xruby.tw%2Fp%2Fcoding

---
## 使い方の紹介 ／ URL：<font size="4">**https://whispering-citadel-92558.herokuapp.com/**</font>
### トップ画面
```markdown
記事リストが一覧で表示されている、気に入りる記事の下にコメントやいいね付くことができます。
```
![](https://i.imgur.com/uaFTm4M.gif)
### アカウント管理 ＆ 記事一覧 画面
```markdown
アカウント管理：アカウントに関するパスワード、ユーザー名、画像など変更を行います。

記事一覧：記事を再編集、公開をキャンセル、記事を削除。
```
![](https://i.imgur.com/fhdY7cv.gif)

---

## 使用技術
* Ruby 2.6.7
* ruby on rails 6.1.3
* ubuntu 20.04
* postgreSQL 13.2
* Stimulus
* CSS/bulma
* GitHub
* Heroku
* AWS
    * S3
    * IAM 

---
## 機能一覧、使用したgemなど
* ユーザー登録機能、ログイン機能（[devise](https://hackmd.io/nYCmlVBYTgGy4vYKYyr-Gw)）
    * アカウント管理機能（devise）
        * パスワードの変更、ユーザー名を設定する、プロフィール画像をアップロード（[Active Storage](https://hackmd.io/@7beedhBrQk2FjyAtSY5wxQ/SyHnoXCwd)）
    * 記事一覧機能
        * 記事を再編集．公開をキャンセル（[AASM](https://github.com/aasm/aasm)）、記事を削除（[paranoia](https://github.com/rubysherpas/paranoia)）
        * ページネーション機能（[Kaminari](https://qiita.com/residenti/items/1ae1e5ceb59c0729c0b9)）
    * 会員登録機能（**決済するのみです**）（[braintree-sandbox](https://developers.braintreepayments.com/start/overview)）
* 記事を投稿する機能（AASM）
    * 記事画像をアップロード（Active Storage）
* 記事にコメントを付ける機能（Ajax）
    * いいね機能（Ajax）
        * 人気記事ランキング機能（ホームページ）
  
        