244
144

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

毎週アプリをリリースして3ヶ月経ったので振り返る

Last updated at Posted at 2021-08-16

こんにちは、Yuiです。

実は5月後半から週イチ発信と称して、週一でアプリをリリースして日本語と英語両方で記事を書くという挑戦をしておりました。
まだもう少し続ける予定ですが、一旦は3ヶ月完走したということでこのチャレンジ期間中に開発したアプリやできるようになったことを紹介していこうと思います。

参考になったと思えばLGTM :thumbsup: してもらえれば大変励みになります。

1週目: TensorFlowを使って画像にマスクをかけるアプリを作った

TensorFlow.jsを使った初めての開発でした。

最初face-api.jsで動かそうとしてたんですが、なんでかモデルの読み込みができなくて(最終的にはできるようになった)TensorFlow.jsでやりました。

ただ、TensorFlow.jsを使うことにしたのは良いものの、React+TypeScriptで動かしてる例があまりなくて、最初はまあまあハマりました。笑
ただこれでTypeScriptで動かす方法がわかったので、この経験は今後も活用することになります。

また、このとき初めて英語の記事を書きましたが、それがトレンド4位になって嬉しかったです。

2週目: ボタン一つでコンポーネントのscssをコピーできるサイトを作った

自分がほしいなと思って作りました。

私はアニメーション系があんまり得意ではないので、よく使うアニメーション類はコピペできるようにメモ帳にまとめてたんですが、さすがにいい加減見にくいと思ってまとめることにしました。

結構便利じゃないですか?笑

3週目: ui-componentsに18個のコンポーネントを追加した

前の週に作ったサイトにコンポーネントを新たに追加しました。

この週だけリリースじゃなくてアップデートになってしまいましたが、結構追加したのでまあまあ大変でした。

4週目: ボタン一つで有名絵画風の画像にできるサービスを作った

画像処理に興味を持ったので作ってみました。

記事にも書いてる通り、以下のリポジトリをAPI化する形で利用させてもらったので、画像処理を私がガッツリやったわけではないです。

記事を書いてくれた人がいて、嬉しかったです。

5週目: 現在地の近くのおすすめのごはん屋さんを教えてくれるLINE Botを作った

(LINE関連のことは英語版で書いても需要がないと思って前に作ったアプリのリリース記事を翻訳しました。)

LINE Botは実は過去に何回も作ってるので、サクッと作れました。

この記事がきっかけでLINE Developer Communityの方から声をかけて頂き、登壇することになりました。

一人だけCommentScreenの設定を間違えていて、コメントが流れない感じになってしまいましたが、楽しくはなさせて頂きました。

6週目: Next.js + TypeScript + Vercelデプロイで動的OGPを実現した

これはアプリと呼べるものではないですが、これまで動的OGPをNuxt.jsでしか行ったことがなく、Next.jsでもやりたいなと思ったので試してみました。

ちなみにNuxt.jsで動的OGPを実現してみた記事は以下です。

7週目: ポケモン画像でアスキーアート風に変換するAPIを作った

ふとポケモンの画像を眺めていて、なんとなくこれで画像を変換できたら面白いかなと思って作りました。

私は集合体があんまり得意ではないので、作ったは良いものの大変不快な気分になりました。笑
でもやるからにはちゃんとやりたいので無駄なこだわりを持ってちょっと粒度を修正したりしました。

LambdaでOpenCVを利用するというのがなかなか難しくて苦戦した部分です。

8週目: ポケモン画像でアスキーアート風に変換するwebアプリを作った

先週作ったAPIを利用してwebアプリを作りました(なんで?)

9週目: ボタン一つで漫画風の画像にできるサービスを作った

7〜8週目でポケモンの画像で遊んだりしてちょっと画像処理楽しくなってきたので、その勢いのまま作りました。

なかなか楽しいと思うのでよければ遊んでください。
人物抽出をしてるわけじゃないので、背景を入れ替える場合は背景に何もおいてない画像じゃないとうまくいかないと思います。

10週目: バーチャル旅行を体験できるアプリを作った

ちょうど#web1weekが開催されてたので、「バケーション」というお題にのっとって作りました。

背景を変えているだけですが、海外では結構需要があったようで、なんとトレンド1位になりました。

また、この記事がきっかけで3件ほど問い合わせメールがきました。
1週目にReact+TypeScriptでTensorFlow.jsを動かしたときは結構苦戦しましたが、このときはそこまで苦戦せずあっさりできてちょっとだけ自分の成長を感じて嬉しかったです。

11週目: オリンピックを盛り上げるためにピクトグラムさんになれるアプリを作った

こういう発信を続けていたらなんととみーさんからお声がけ頂き、一緒にピクトグラムアプリの開発をすることになりました。

ずっとDiscordをつないで2日間朝から夜中まで開発しました。

TBSの王様のブランチで紹介されたり、ねとらぼさんに紹介していただけたり、反響があって嬉しかったです。

12週目: 顔出しをせずに表情だけを伝えることができるwebアプリを作った

最近オンライン会議が多い中で毎回メイクするのめんどいな、でも表情もわからないのはさすがになと思ってその問題を解決できるアプリを作りました。

需要あればChromeの拡張機能にでもして、実際の会議で使えるようにしようと思ったんですが、私の表情が乏しいのか怒った顔をしても悲しい顔をしても全く反応してくれなかったのでどうしようか迷ってます。笑
ただネタアプリとしてはおもしろいんじゃないかなと思いました。

感想

毎週リリースして発信するのは本当にしんどかったです。笑
仕事だとゴールがありますがこの挑戦に関してはゴールが見えないので何に向かって走ってるのかわからなくなるときがしばしばありました。

何度もなんでこの苦行をやってるんだろうと思いましたが、時々反響があるとやはり嬉しいので、あともう少しだけ続ける予定です。

実際に作りはじめるのが毎週土曜か日曜で、次の月曜(間に合わなければ火曜)に発信というスタイルをとっているので、実質アプリ開発にあてている時間は丸1日ぐらいだと思います。
そんな中で、最低限の機能でリリースをしてという作業を繰り返しているので、MVPの作成ははやくなったかなと実感しています。(とはいえ相変わらず変なところで詰まったりはしますが)

英語で記事を書くのも初めての挑戦でしたが、ぼちぼち問い合わせが来たりして嬉しく思ってます。

一年前にも100日チャレンジをしてましたが、何かしらの縛りを自分につけるとしんどいですが生きてる感じがして最高に楽しいですね。

それではまた来週もなにか作って出そうと思います!
最後までお読み頂きありがとうございました!

244
144
2

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
244
144

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?