面倒な検索作業を他の人に手伝ってもらえるサービス「Linch（リンク）」をリリースした【個人開発】

**「助け合って検索する」**をテーマにしたサービス**「Linch（リンク）」**のβ版をリリースしました！

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">面倒な検索作業を他の人に手伝ってもらえるサービス「Linch（リンク）」のβ版を改めてリリースしました！<a href="https://t.co/fm2m4B5c7U">https://t.co/fm2m4B5c7U</a><br><br>検索するのが億劫な時やあまり時間が取れない時に「Linch」に投稿すると、代わりに誰かが検索してくれるのを理想としたサービスです。<a href="https://twitter.com/hashtag/Linch?src=hash&amp;ref_src=twsrc%5Etfw">#Linch</a> <a href="https://twitter.com/hashtag/RT%E6%8B%A1%E6%95%A3%E3%81%8A%E9%A1%98%E3%81%84%E3%81%97%E3%81%BE%E3%81%99?src=hash&amp;ref_src=twsrc%5Etfw">#RT拡散お願いします</a></p>&mdash; TaKO8Ki (@takoyaki3160) <a href="https://twitter.com/takoyaki3160/status/1097701341789544448?ref_src=twsrc%5Etfw">February 19, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

もし良かったら、拡散していただけたら嬉しいです！

# リリースしたサービス

[Linch（リンク） - 助け合って検索しよう！](https://linch.link)

### 追記 2月22日
ご要望をいただいたので、Twitterアカウントでのログインを実装しました！
もしよければ、Linchで情報収集してみてください！

# サービスの概要
「Linch（リンク）」は、自分の知りたいことについて投稿すると、他のユーザーから関連するサイトのURLを教えてもらえるサービスです。
あるタスクに取り組んでいる時に、次のタスクで必要な情報を事前に手に入れておくなど、検索時間を短縮することに貢献できればと思っています。

参考：[Linch（リンク）とは - Linch](https://linch.link/about)

### トップページ
<img width="1440" alt="スクリーンショット 2019-02-19 12.17.15.png" src="https://qiita-image-store.s3.amazonaws.com/0/285624/facf0956-5fae-7888-7f2b-4b62dec2de87.png">


どこがリンクでどこがボタンとなっているかなど、できる限り見やすさを意識したデザインになるように心がけました。

### 投稿ページ
<img width="1440" alt="スクリーンショット 2019-02-19 3.40.34.png" src="https://qiita-image-store.s3.amazonaws.com/0/285624/4b86c4f3-de5c-2ac2-f2d7-fcc3155346f2.png">

投稿するのは、知りたい情報に関するタイトル・タグ・概要のみです。少しでも画面遷移を少なくするためにポップアップで投稿できるようにしました。

### 記事表示ページ
<img width="1440" alt="スクリーンショット 2019-02-18 20.57.02.png" src="https://qiita-image-store.s3.amazonaws.com/0/285624/1f2aa69b-015a-41a7-15c0-9a2b7583e100.png">
ページ上部には、記事のタイトル・タグ・本文がページトップに表示されています。また、ページ下部には、記事に対して他のユーザーから投稿されたリンクの一覧を表示しています。

### ユーザーページ
<img width="1440" alt="スクリーンショット 2019-02-19 12.17.30.png" src="https://qiita-image-store.s3.amazonaws.com/0/285624/e19f46fc-94db-752d-e82a-5c2d6f393308.png">

ユーザーが書いた記事に投稿されたリンクの合計いいね数・ストック数と記事の一覧が表示されています。

# 使用した技術
- Ruby・Ruby on Rails
 - [nokogiri](https://nokogiri.org/)　（スクレイピングで有名なgem）
 - [acts-as-taggable-on](https://github.com/mbleigh/acts-as-taggable-on)　（スペース区切りでタグを付けられるようになるgem）
 - [google-analytics-rails](https://github.com/bgarret/google-analytics-rails)　(google analyticsが簡単に導入できるgem)
- JavaScript・jQuery
 - [tag-it.js](http://aehlke.github.io/tag-it/)　(タグ付け機能が導入できるjQueryのプラグイン)
 

- [Cloudinary](https://cloudinary.com/)

 - 画像を保存するストレージです。Herokuのアドオンとして利用できるのが非常やりやすかったです。


- [Amazon S3](https://aws.amazon.com/jp/s3/)

 - sitemapを保存するために利用しています。

- Git・GitHub
- Postgresql
- [Heroku](https://jp.heroku.com/)

 - 取り敢えず、Hobbyプランを利用しています。非常に簡単にWEBサービスを公開できるので、サービスの開発そのものに注力できました。

- アイコン
 - ボタンなどのアイコンは色々なフリー素材にお世話になりました。

また、ムームードメインでドメインを取得したのですが、ムームードメインで取得したドメインをHerokuで公開しているサービスにルートドメインとして設定する方法に関する情報があまり見つからなかったので、あとで記事を書いて追記したいと思います。

追記：記事を書きました。 
[Herokuで公開しているサービスに独自ドメインをサブドメインなしで設定する（ムームードメインの場合）](https://tako8ki.hatenablog.com/entry/2019/02/20/010723?_ga=2.185367274.2135140043.1550562055-356135884.1529818775)

### 費用面
現在幸運にも大学生という身分なので、GitHub Student Developer Packを利用することができます。
学生の方は下記のリンクから受け取ることができます。
[GitHub Student Developer Pack](https://education.github.com/pack)

GitHub Student Developer Packの特典の一つとして、下記のようにHerokuのHobbyプラン二年分（$168分）が無料で使えるようです。
> Heroku : One free Hobby Dyno for up to two years (valued at $84/year).

そのため、現在は、Herokuに対する費用は一切かかっていません。
また、Amazon S3に関しても無料枠内で収まると思われるので、一年間はドメインの取得料のみが費用になりそうです。

# Linchの特徴

### 非ログインでもリンクの投稿といいねができる
twitterなどSNSに記事を投稿してURLを募集することを考えて、非ログインでもリンクを投稿したり、いいねができるようにしました。
ただし、リンクを募集するにはログインが必要です。

### いいねが連打可能
好きなだけいいねが押せたほうが面白そうなので、いいねを連打することができるようにしました。
いいねボタン連打するだけでもいいので使ってみてください！
[いいねボタンを連打しにいく - Linch](https://linch.link/articles/49)

![](https://i.gyazo.com/a2d7ff238a808ecd0fd61e4a41af9eeb.gif)

### とにかくシンプル
欲しい情報が素早く手に入る状態を目指したかったので、情報を「リンク（URL）」として集めるというシンプルな設計にしました。

# リリースしてみての感想

### やってみることの大切さ
ある程度の技術を身につけたら取り敢えず、何か作ってみることの大切さを改めて実感しました。例えリリースまで行うことができなくとも、コードと格闘して実装することを繰り返していると知らぬ間に技術は身についていくと感じました。

### 不安な気持ち
Linchの大部分を開発し終わった時に、あまりsearch engineとの差別化ができてないように思いましたが、完成させてみることが大切だと思ったので、一旦その考えは心の奥底にしまいました。
また、大学では、情報系の学科に通っているわけではないもあって、サービスのフィードバックなどを受け取る機会が非常に少なかったです。これからいろんな方にフィードバックをもらえる機会を増やしていきたいです。

### デザインの難しさ
やはり、デザインは非常に難しいです。デザインに凝りすぎると沼にハマりそうだったので、諦めの気持ちも大切だと思いました。cssも勉強したいと思います。


# 最後に
プログラミングを始めてから八ヶ月という段階でついに自分が作りたいものを形にする段階まで来ることができました。
これからも触れていきたい技術がたくさんありますが、自分が習得したことを臆病にならずにアウトプットしていこうと思います。

現状、自分ひとりで投稿を続けている状態なので、一人目のユーザーお待ちしています！
また、バグ・デザインの乱れがあれば、教えていただければありがたいです。

[Linch（リンク） - 助け合って検索しよう！](https://linch.link)


**もしよろしければ、いいねボタンを押していただけたら嬉しいです！**


ご覧いただきありがとうございました！


# 追記
①自動更新されるウィークリーいいねランキングに載せていただきました。
https://qiita.com/takeharu/items/bb154a4bc198fb102ff3#_reference-1eb95e9a3ff1e12b75d1

②多くの人にご覧いただけて非常に嬉しいです！もしよろしければ、何か投稿を残していただけれるとさらに嬉しいです！

③2/20 16:10頃からLinchを訪れてもエラーが表示されてしまっていましたが、16:25には復旧しました。