リレー式小説投稿サービス"Hundread"をリリースしました！【個人開発】

じぇい([@jyouj__](https://twitter.com/jyouj__))です！

一週間ちょっとでリレー式小説投稿サービス"[Hundread](https://hundread.fun/)(ハンドレッド)"をリリースしました！

このサービスはもともと6月に行われたStartup Weekend Okayamaにて発表し、優勝したものです。

その後、別のサービスの開発で全然作れていなかったのですが、急に作りたくなってきてデザインを考え直し、急遽一週間ちょっとで作りリリースすることができました！

<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">リレー式小説サービス&quot;Hundread&quot;をリリースしました！！<br><br>Hundreadは自分が投稿した小説をツイッターにシェアして続きを他の人に書いてもらうことができます！もちろん、他の人の小説の続きを書くこともできちゃいます！<br><br>ぜひ、使って拡散してください！<a href="https://t.co/qEbytWUukM">https://t.co/qEbytWUukM</a></p>&mdash; じぇい👨‍💻Punizm作ってます (@jyouj__) <a href="https://twitter.com/jyouj__/status/1057652433797570562?ref_src=twsrc%5Etfw">October 31, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


個人開発ではあるものの、様々な方にDMでわからないことを教えていただき無事リリースしました。本当にありがとうございます。

#どんなサービスなの？
[Hundread](https://hundread.fun/)は

小説を投稿してツイッターで共有するとそのツイートを見た誰かがその続きを書いてくれる小説投稿サービスです。

もちろん他のユーザーの小説や文章の続きも書くことができます。

###ログイン画面
<img width="1242" alt="スクリーンショット 2018-11-01 22.08.42.png" src="https://qiita-image-store.s3.amazonaws.com/0/252295/9767151f-d0d3-01b5-ca7c-cc9f06a3f242.png">
<img width="1247" alt="スクリーンショット 2018-11-01 22.08.54.png" src="https://qiita-image-store.s3.amazonaws.com/0/252295/e9943f02-a63b-9b3d-c649-81a8a96391d8.png">

###トップページ
<img width="1247" alt="スクリーンショット 2018-11-01 22.09.12.png" src="https://qiita-image-store.s3.amazonaws.com/0/252295/825c32a8-da0c-5347-ecf7-c6485ce40879.png">

このサービスは質問箱のようなサービスのようにツイッターでのコミュニケーションの方法の一つになればと思っています。

次から次に小説をリレーで回すことでこの人はこんなことを書くのか！という新たな気づきを、新しいコミュニケーションの形を、楽しんでみてください！

###モバイルにも対応

<img width="439" alt="スクリーンショット 2018-11-01 22.20.29.png" src="https://qiita-image-store.s3.amazonaws.com/0/252295/449d51fe-faca-8a28-c7ee-48a83e6f32f7.png">
<img width="416" alt="スクリーンショット 2018-11-01 22.20.52.png" src="https://qiita-image-store.s3.amazonaws.com/0/252295/45860f71-248f-cdb3-7281-5600f84744ae.png">

#使ったもの
- [Django](https://www.djangoproject.com/)
    - Pythonのフレームワーク。
    - 一番なれてる。

- [Bulma](https://bulma.io/)
    - CSSのフレームワーク。
    - モバイル対応も簡単でデザインもいい感じにできるので、これに頼りきりでした。

- [Twitter API](https://developer.twitter.com/)
    - Twitterアカウントでログインできるようにしました。

- [fontawesome](https://fontawesome.com/)
    - とにかく便利

- Github
    - 使うよね:sunglasses:

- Heroku
    - インフラ関連の知識がないので助かりました。
    - hobbyプランにすると独自ドメインでもSSLになるのでとにかくありがたい。
    - ただ、staticfileの扱いでハマってしまった。。。

#助けられた記事
- https://torina.top/detail/337/
    - DetailViewとCreateViewの組み合わせを参考にさせていただきました。

- https://qiita.com/okoppe8/items/76cdb202eb15aab566d1
    - Herokuでのデプロイの時に参考にさせていただきました。

- https://blog.mktia.com/how-to-use-environment-variables-on-heroku/
    - Herokuで環境変数の設定をする際に参考にさせていただきました。

- https://qiita.com/kenjikatooo/items/07c3d911210a4ca96781
    - Herokuで独自ドメインを設定する際に参考にさせていただきました。

また、困っているDjango関連の質問を[Django-ja](https://groups.google.com/forum/m/#!forum/django-ja)というグループにして、助けてもらいました。

#最後に
僕は新しい文化を創造することを常に追求してます。

是非とも[Hundread](https://hundread.fun/)を遊んで、拡散してください！

ちなみに......

Hundreadというサービス名は

手(Hund)で書き、読む(read)

と

100の英単語であるHundred

をかけた造語です笑

お読みいただきありがとうございます！

#追記（機能追加）
1.検索機能を追加しました！

<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">【機能追加🎉のお知らせ】<br><br>タイトル検索機能を利用できるようになりました！<br><br>PCでは右上から！スマホではメニューバーから使えます<br><br>ぜひお試しください！<a href="https://t.co/8ZmLwPkZpZ">https://t.co/8ZmLwPkZpZ</a> <a href="https://t.co/egpT3aNSGE">pic.twitter.com/egpT3aNSGE</a></p>&mdash; Hundread【公式】 (@hundread_fun) <a href="https://twitter.com/hundread_fun/status/1058625902077140993?ref_src=twsrc%5Etfw">November 3, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

2.タグ機能を追加しました！

<blockquote class="twitter-tweet" data-lang="en"><p lang="ja" dir="ltr">【機能追加🥰のお知らせ】<br>投稿する際にタグを任意で二個まで設定できるようにしました！<br><br>物語の方向性に影響するかもしれないので、評判が悪かったら取り外します。 <a href="https://t.co/eEHY3snrWZ">pic.twitter.com/eEHY3snrWZ</a></p>&mdash; Hundread【公式】 (@hundread_fun) <a href="https://twitter.com/hundread_fun/status/1059455158927581184?ref_src=twsrc%5Etfw">November 5, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>