nabettu.
←Blog
【月報】2020年6月の個人開発の目標管理や売上報告
個人開発

【月報】2020年6月の個人開発の目標管理や売上報告

こんにちは。 @nabettuです。

引き続き運営者ギルドというコミュニティで毎月月報を書いているんですが、ブログに内容をまとめます〜

今回からはこの notion.nabettu.com からお送りします。これがなんなのかは後述します。

ついに娘の小学校が開始！！！はじめ2週間は 1,2時間だけだったけど、給食が始まったりしてめちゃ楽になった〜😂 まぁ仕事があるので個人開発できる時間はそんなに増えてないのですが、、、笑

というわけで今月もいってみます。

６月の目標達成状況

  • 電気通信事業の届け出をやろう
  • ↑ができたらオンライン飲み会サービスのベータ版を公開しよう！
  • 字幕アプリをリリースしよう
  • スケールするCGM的なのを作りたいね〜
  • ブログの引っ越しについて本気出して考える→後述
  • 友達が作ってたMakelearnってのが出たので触ってみる

６分の２未達成です。まぁいい感じなのではないでしょうか！（自分に甘い）笑

プロダクトごとの進捗

アプリーチ（既存）

  • 誤字があったので修正（２年くらい気づいていなかったのをにっしーさんが指摘してくれましたｗ）
  • 誤字を直しつつついでにOG画像もでっかくした
  • ２年半くらい前のSketchファイルをfigmaに移植。結構ちゃんと動きました。

teloppy（既存）

  • 設定画面とのデータ連携など作りきったので、公開！

  • リアルタイム字幕生成アプリ teloppy — Web会議などで聴覚障害がある方でも話している内容がわかるように、カメラに音声入力の字幕を表示したらいいんじゃないかという話を落合陽一さんがしていました。 https://twitter.com/ochyai/status/1260610691041357825?s=19 こちらに触発されて、作業中などで画面共有していても字幕が表示できるようなアプリケーションを制作しました。 利用イメージはこんな感じです。 https://twitter.com/nabettu/status/1264695618888298497?s=19 文字サイズや色、背景などの設定ができるため自分用にカスタマイズして利用ができます。 Web会議以外にも、ウェビナーなどのオンライン講演などでも利用できますし、YouTuberなどの活動で配信時に字幕を表示することにも利用できます。 ※利用にはインターネットへの接続が必要です。 アプリケーションを立ち上げ、マイクの許可を行うと自動で音声を読み取って字幕を生成します 英語での字幕にご利用したい場合には、メニュー Langage から英語を選択してください 字幕表示エリアはアプリケーションの端をマウスでドラッグして、リサイズしてください https://drive.google.com/drive/folders/1rJ_a50rbr9McdCVErM48GhqOXu7-d8zV?usp=sharing teloppy にフォーカスがあたった状態で Esc キーを押下(もしくは Menu を開いて Untouchable をクリック)すると、固定モードになります 固定モード中にはマウスのフォーカスが当たらず、画面下の操作が可能になります 再度 Esc を押下すると、モードが解除され、リサイズ等が可能になります メニューから Settings をクリック(または Command+, Control+,)で設定画面が開けます 文字サイズ等が調整できるようになっていますので、お使いの環境に合わせて設定してください 文字縁は 0 にすると OFF になります Macの場合はdmgファイルをダウンロードし、右クリックして開いてインストールしてください。

  • Windowsでちゃんと動かないようなので、検証環境ちゃんと用意しなきゃ

    • →mikkameさんオススメのVMWare Fusionをいれたら調子いい！

  • Poducthuntにも載せました みなさんupvoteありがとうございました🙏

  • teloppy — Generate subtitles in real time from voice input and display them on the screen. This will help you to communicate smoothly in situations where the voice quality is poor or you have a video chat with someone who is deaf.

ポートフォリオ・ブログどうする問題（新規）

  • ポートフォリオはRESUME・ブログははてなブログになっていたけど、フロントエンドエンジニアとして自作しないのどうなんだ問題があったので、ついに重い腰をあげて作るか〜ということで、、、
  • 技術選定：Next.jsという個人的に納得感のあるフレームワークとVercelの組み合わせと、NotionをヘッドレスCMSとして使うというnotoin-blogってのが出ているしForkして触ってみた
  • 最初は思ってたよりもろもろの執筆体験良くないな〜と思ってたけど、notionで知らない機能とかあったからその辺使ったらまぁ行けそうな気がしてきたので作ってみることに
  • はてなブログのエクスポート機能がひどすぎてやる気を吸われて頓挫😇
  • Notion使うアイディアは別で使うとして、やはり時代はmicroCMSですかね！！！
  • 優先度は低いのでブログはまた気が向いたら続きやります（とか言ってたらまたはてなブログ自動更新しちゃったんだけどｗ）
  • とりあえず、後述するNotionのやつでポートフォリオだけは作れないかと作り始めてみた

Nabeneko Maker（新規）

絵文字となべねこを組み合わせて画像を作れてシェアできるサービス

  • こくしんを応援するためにmakelearnの課題を一個作ってみた！
  • 「画像と文字合成してサーバーにアップしてOGP設定」という、結構よく使うやつ。いい課題だな〜
  • ３時間くらいかかりました
  • みんなもMakelearnやってみて！
  • Nabeneko Maker by nabettu🍲個人開発 - Makelearn [メイクラーン] — nabettu🍲個人開発さんの作品を見よう！

WipeCamera（既存）

  • mikkameさんの公証のやりかたを真似して、バーチャルカメラ対応をしたかったけど、うまく行かなかった😢
  • 優先度低いので、また自分がYouTube撮るかってときに再挑戦します。

ツイ飲み（既存・未公開）

Twitterアカウントでオンライン飲みサービス

  • 電気通信事業者の登録が出来た！サイトをオープンにできるぞ〜

  • 𝕏 @nabettu のポスト

  • しかし続きはNotionのやつ終わったらかな、、、

  • なんかただのオンライン飲み会サービスだと面白くないから、もうひとアイディアほしいところ（アイディアあったらください！）

tabmemo（既存）

  • Sign In Apple が今月以降は入ってないとリジェクトされる！マズイ！ってことで入れた
  • 最初CFBundleAllowMixedLocalizationsとか入れてなくてぐぬぬぬった
  • ストアに公開されて無事にAppleログイン対応出来ました🎉
  • Expo 38も出たから移行していかなきゃな〜

Notionページ（新規・未公開）

Notionの文章がそのままウェブサイトになるサービス

  • 6/16開始 Notion-blog触ってみて、、、Notionの内容をスタイルだけ変えるってやつ、サッと作れそうだったから朝からプロトタイプ作って昼にTwitterに事前登録＆アンケートとして出してみた

  • 𝕏 @nabettu のポスト

  • 有料でも使うよ！って人もアンケートでいたのでこれはいけるかもしれない・・・？でもあんまり刺さってる人は多くないのでかなりニッチ？APIがまだ未発表だけど、出てくる前提で開発をしてみるか・・・

  • Vercel.appのドメインがtwitterでURL BANされている＆ユーザーごとにサブドメイン発行をしたいので、とりあえず開発コードのドメインとって開発進めてたけど、サードパーティアプリで本家の名前が入ってる＆tld変えただけってのは基本NGなので、notion.styleはダメだなってことでいいサービス名を考えたいところ

  • 管理画面概ね作った。 firebase functionsの callable function作るよりNext.jsの/apiで自前でやったほうが楽だな〜となったので自作している。Next.js & Vercelの開発体験めっちゃいい〜

  • 運営者ギルド内でだーすーさんにβ版としてテストで触ってもらったりして、サービスの方針が固まってきた！（めっちゃFBもらえてありがたや🙏）

  • 所々notion-blogのコードを流用していて、対応していない部分も多いので、追加実装している→notion-blogの方でも必要そうなものだったりしたらPRしようと思う。ということで手始めにとりあえず小さいの一個出してマージしてもらえた

  • Support Underline by nabettu · Pull Request #38 · ijjk/notion-blog — Why Error occurs when loading "Underline text". The returned value tag name is "_" from the API. How Add supporting renderer's Notion Add .underline in CSS

  • サイトにフォーム入れたいとかね〜デザインカスタマイズはどうしようとかとか、、、色々考えることはありますが、引き続き開発していきます！

  • ってかなんとびっくり今読んでるこのサイトがこのサービスなんですのよ！笑

  • Notion使っててそのままこんな風にブログにもなるサービスどうでしょうか？？？興味あったら 事前登録** **をお願いします！書き心地はNotionなのでめっちゃいいですよｗ

  • 運営者ギルド内でネーミング相談して名前決めました！ご協力感謝！そのままドメインも取りました

6月の個人開発での収益

¥99,362 でした。前月比 -28.64% 😭あちゃー

まぁ今月の新サービスで取り返そうw

まとめ

  • 引き続きまぁまぁたくさん開発出来ている
  • たくさん作ってるのは「これだ！」ってのが見つかるまでの模索だったので、まぁヨシ！
  • このままちゃんと収益化するサービスに繋がらないと意味無いので、Notionのやつを頑張ります。

7月の目標

  • Notionでページ作るやつをローンチするぞ！
    • 今のところ最初は有料会員のみへの提供になると思います
    • 準備出来たら、事前登録してくれた方達に最初にメールします
  • とりあえず自分でも使う
    • tabmemoのランディングページや、規約ページを差し替えるために使ってみる
    • ポートフォリオもいけるかな・・・？

終わりです！7月仕事増やしちゃって忙しいんだけど、Notionのやつローンチするからみんな待っててくれ〜

以上！

Share