Edited at

ログイン不要/最短15秒でソースコードを共有できるWebアプリ「Harigami」を作った

Advent Calendar 2018「個人開発 #2 」の4日目の記事です。

ちょっとコードを共有したいけど、GitHubやブログを使うほどではない。

そんなとき、ログイン不要で気軽にコードを共有できるWEBサービスを作ったので紹介します。

Harigami : https://harigami.jp/


Harigamiとは?

image.png

Harigamiは、ログイン不要のソースコード共有サービスです。

ソースコードを入力フォームに貼り付けて投稿すると、URLが発行されます。

発行されたURLをコピーしてSNS等で送信するか、TwitterまたはLINEの共有機能を使って、すぐにコードを共有できます。

image.png

共有されたURLにアクセスすると、投稿したコードを見ることができます。


Harigamiを作った理由

Harigamiを作った理由は、コードを気軽に共有してコードレビューしてもらいたい、と思ったためです。

コードレビューに使えそうなツールとして、GitHubのReview RequestやGitHub Gistがありますが、少し敷居が高いし、もっと気軽にできないかなあ、と感じていました。

コードの共有に特化したシンプルなサービスがあれば、コードレビュー以外にもいろいろ便利そうなので、開発することにしました。


コードの共有方法

コードの共有は簡単です。①トップページの入力フォームに共有したいコードを貼り付けます。②コードの言語を選択して、③「コードを提出する」をクリックすると、コードが投稿されます。

image.png

コードを投稿すると、共有用のURLが書かれたモーダルが表示されます。この画面で、URLをコピーしてSNS等で共有するか、TwitterまたはLINEで共有したら完了です。

image.png

発行されるURLは以下のようになります。このURLにアクセスすると、投稿したコードを見ることができます。

https://harigami.net/contents?id=1f5f0749-2ded-4671-a1d6-1a586dcd4604


Harigamiを支える技術

個人開発でスピード重視で作っているので、特に凝ったことはしていません。開発工数はリリースまで含め、5人日くらいです。


開発言語/フレームワーク/サーバー等


  • Python 3.6.3

  • Flask 1.0.2

  • jQuery 3.2.1

  • さくらのVPS

  • CentOS 7

  • Apache httpd 2.4.6


これからどうするか

今後はエディターをよりリッチにしたり、コードレビューを簡単にするための機能を追加したりする予定です。

Harigami : https://harigami.jp/

追記)2019年5月26日に、上記URLにてリニューアルオープンしました。

もともとのコード共有機能に加えて、オンライン実行機能等を追加しています。

古いHarigamiはこちらからどうぞ。

開発状況等は以下のTwitterアカウントでつぶやいていますので、ご興味があればフォローをよろしくお願いします。

https://twitter.com/sti320a

Advent Calendar 2018 「個人開発 #2」 明日、12月5日は @UedaTakeyukiさんの投稿です!