6
1

More than 3 years have passed since last update.

【個人開発】GIF生成アプリを作ってアメリカのProduct Huntに投稿した話

Last updated at Posted at 2020-02-04

背景

こんにちは。
キャリアチェンジをしてエンジニアとして就職するためにバンクーバーの専門学校に通っているMarieと申します。

現在、実績なしで海外就職という難易度高めの問題に立ち向かっています。
もうすぐ就職しなくてはならないのですが、なんせ実績がないので、ポートフォリオに作品を載せて、求人サイトでポチポチ応募するだけでは十分なアピールにはなりません。

だったら、もっと自分から動かなくては!!と思い、作ったアプリをアメリカのProduct Huntに投稿してみました!というキラキラ(と見せかけてとても泥臭い)お話です。

Product Huntってなに

Product Huntは、シリコンバレーで生まれたサービスで、世界中のユーザーが新サービスを投稿したり、探したりできるサービスです。
投稿されたサービスに対して、ユーザーが票を入れる(UPVOTEする)仕組みがあり、デイリーランキングとして集計されるのも魅力の1つです。
見ているだけで楽しいので、まだ知らない方は覗いてみると良いと思います。

何を作ったか

MsgifというGIF生成アプリを作りました。
どんなサービスなのかは画像を見てもらった方が早いと思うのですが、タイピングした文字がGIFアニメーションに変換されるというものです。
messagif (17).gif

どんな風に作ったか

技術としてはReact.js、ライブラリはstateを管理するためにRedux、HTMLをCanvasに変換するためにhtml2canvas、Canvasで撮った画像をGIFに変換するためにjsgifを使っています。



仕組みとしては、テキストエリアに文字をタイプする度にキャプチャーして画像に変換し、それを配列に放り込んで、文字を打ち終わったタイミング(CreateGIFというボタンが押されたタイミング)でそれらを1つのGIFファイルにまとめて出力しています。

もしコードに興味がある方は、GitHubに公開していますので、こちらをご覧ください。

投稿してみてどうだったか

実は、このエントリーを書いている時点で、Productのデイリーランキングの集計真っ最中です!

1日でランキングがリセットされてしまうため、前日の0時前後にパソコンの前に座って、「行けー!!!」と力強くエンターキーを打刻。
投下した直後から反応は悪くなかったのですが、なんせ無名で実績もゼロなので、放っておいて票が集まるわけがありません。

Twitter、Facebook、LinkedIn、WhatsApp、LINE…いろんなところでペコペコしながら清き一票をお願いして、現時点でUpvotes:140、ランキング10位の状態です。
スクリーンショット 2020-02-03 18.42.36.png



個人開発をしていて思うのは、必要なスキルがめちゃくちゃ多くて割と無理ゲーだということです。
コーディングができるだけでは十分ではなく、どうやったら人に見てもらえるか考えるマーケティングの力も要りますし、サービスを知ってもらう営業努力もかかせません。

今日1日だけで色んなところにペコペコしすぎて、とても疲れ…充実していました。
まだ集計中なので、需要がありそうであれば後日結果もご報告できたらなと思います。

結局宣伝かい

はい...すみません!
いろんなところでペコペコしておいて、このままQiitaでペコペコしないわけにはいきません。
自分としては1年前にはReactなんて触ったこともなかったので、正直サービスをリリースできて感慨深いものがあります。
ユーザーの皆様にはそんなことは関係ないのは百も承知ですが、
もしサービスが面白いと思っていただけたら、1票を入れてUpvoteをしていただけると大変励みになります!!
(Upvoteするにはログインが必要なのでお手数だとは思うのですが…何卒よろしくお願いします🙇‍♀️

▼投票はこちらから
https://www.producthunt.com/posts/msgif

長くなりましたが、自分で考えたサービスが世の中の人に使われるというのは本当に嬉しいことです。
多くの人がこのサービスを面白がってくれたら幸いです!


6
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
1