Slide 1

Slide 1 text

個人開発を 加速させる 効率アップ戦術 2023/10/26 個人開発エンジニア集まれ!~個人開発LT会~ 発表者:@natsumican63

Slide 2

Slide 2 text

自己紹介 川上 奈津美 / @natsumican63 フリーランスエンジニア ReactNative,TypeScript 生成系AIに夢中な一児の母 家族向けサービスを個人開発中

Slide 3

Slide 3 text

https://postock.app/

Slide 4

Slide 4 text

とにかく時間がない 個人開発の課題:

Slide 5

Slide 5 text

とにかく時間がない 個人開発の課題: ⇛限られた時間を効率的に使う

Slide 6

Slide 6 text

①マーケティングと開発50:50のルール ②プロセスエコノミー開発 ③ツールの活用 3つの効率アップ戦略

Slide 7

Slide 7 text

戦略その1 マーケティングと開発 50:50のルール

Slide 8

Slide 8 text

マーケティングと開発50:50のルール 個人開発者 ジョン・ヨンフック氏が提唱するルール マーケティングと開発を50:50で行う

Slide 9

Slide 9 text

具体的になにをするの? 一週間開発に取り組んだら、次の一週間で実装したことをブログや SNSで報告する 技術的な記事でもOK

Slide 10

Slide 10 text

一週間おきのメリット シンプルでわかりやすい 開発8日、マーケ2日だとスケジュール管理が難しい 結局コードばかり書いてしまいがち

Slide 11

Slide 11 text

せっかく作るからにはより多くの人に使ってもらおう 「時間をかけて作ったのに、使われない」が一番もったいない マーケティングにもコーディングと同じだけ時間をかけてみよう

Slide 12

Slide 12 text

戦略その2 ②プロセスエコノミー 開発

Slide 13

Slide 13 text

妊娠中に始めた育児アカウントに ある日こんな投稿が流れてきた

Slide 14

Slide 14 text

開発過程を投稿しながら実装すること一年・・・

Slide 15

Slide 15 text

ようやくリリース 🎉めちゃくちゃ喜んでもらえた

Slide 16

Slide 16 text

プロセスエコノミー プロダクトを作る過程(プロセス)を 開示することでユーザーの共感を得る

Slide 17

Slide 17 text

プロセスエコノミーの例 オーディション番組、クラウドファンディング

Slide 18

Slide 18 text

プロセスエコノミーの例 オーディション番組、クラウドファンディング ⇛個人開発xプロセスエコノミーは相性抜群 💪

Slide 19

Slide 19 text

個人開発 x プロセスエコノミーのメリット 孤独感の軽減 想いや背景の共有で愛着を持ってもらいやすい 早期のフィードバックで、MVPの方向性を確認しやすい

Slide 20

Slide 20 text

プロセスエコノミー開発のはじめ方 興味のあるトピックを選定。専用アカウントを作成する 趣味、持病、ペット、介護、環境問題など何でも良い 同じ属性の人々と多く繋がり、交流する 投稿から着想を得る アイデアを呟いて反応をみる 開発過程を共有する

Slide 21

Slide 21 text

プロセスエコノミー開発の注意点 あくまでコミュニケーションに主軸を置く 開発のことばかり呟かない(ビジネス目的は避けられやすい) トピックに関することを多く投稿する リプライやいいねを送る 楽しんで交流しよう!

Slide 22

Slide 22 text

戦略その3 ツールの活用

Slide 23

Slide 23 text

①ChatGPT

Slide 24

Slide 24 text

個人開発の必需品: ChatGPT コードはほとんどChatGPTに書いてもらっている ブログ・SNS投稿のアイデア提供、執筆 お問い合わせ・レビュー返信 Advanced Data Analysis(Code interpreter)よく使う

Slide 25

Slide 25 text

リテンション率を分析してもらう

Slide 26

Slide 26 text

施策を考えてもらう

Slide 27

Slide 27 text

具体的なアップデート内容と紐づけてみる

Slide 28

Slide 28 text

②Canva

Slide 29

Slide 29 text

グラフィックデザインツール『Canva』 サムネイル画像、SNS投稿画像、バナー、スライド、動画など テンプレートを編集するだけでいい感じになる

Slide 30

Slide 30 text

LP作成 ワンクリックで公開。パララックス効果もつけられる。

Slide 31

Slide 31 text

モックアップ作成 ドラッグ&ドロップするだけ簡単操作

Slide 32

Slide 32 text

①表にデータを追加する ②データをデザインの素 材と紐づける ③一括作成 一括作成機能 データとデザインを紐づけて一瞬で作成

Slide 33

Slide 33 text

ChatGPTと一括作成機能を組み合わせて インスタ用画像を作ってみる

Slide 34

Slide 34 text

アプリの使い方記事を読み込ませて 説明を書き出す

Slide 35

Slide 35 text

説明から表を作成する

Slide 36

Slide 36 text

Canvaにコピペ&スクショ画像の設定

Slide 37

Slide 37 text

データと要素を紐付ける

Slide 38

Slide 38 text

素材とデータを紐づけて一括作成 🚀

Slide 39

Slide 39 text

\ UIテストツール/ ③Maestro さらばしんどい手動テストとデグレ

Slide 40

Slide 40 text

個人開発のリグレッションテストしんどい問題 時間的にも心理的にも高負荷 iOS,Androidなど複数プラットフォームでの確認

Slide 41

Slide 41 text

Maestroとは? シンプルなUIテストフレームワーク iOS,Android,Flutter,ReactNative対応

Slide 42

Slide 42 text

導入方法

Slide 43

Slide 43 text

記述もめっちゃ簡単 yamlでtapやassertなどの手順を記述する 面倒なwaitやSleep処理もなし

Slide 44

Slide 44 text

Maestro Studioとは? Maestro CLIに同梱されているテストシナリオ作成支援ツール

Slide 45

Slide 45 text

Maestro Studioで簡単構築 `maestro studio` コマンドを実行すると、ブラウザ上でMaestro Studio が立ち上がる

Slide 46

Slide 46 text

Maestro Studioで簡単構築 要素をポチポチすると、自動的でコードを提案してくれる

Slide 47

Slide 47 text

Maestro Studioで簡単構築 一通りテストを追加したら、最後にExportするだけ

Slide 48

Slide 48 text

Maestroで投稿追加/削除を自動化してみる

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

確認時間の短縮&心理的負担軽減 🎉

Slide 51

Slide 51 text

最後に LLMは個人開発者にとって大きな追い風となる LLMのおかげで個人でも少ない時間で多くのことに 取り組めるようになった 個人開発は、LLMの恩恵を最も受けることができる 分野であるといっても過言ではない とくに、LLM時代に対して漠然とした不安を抱えてい るエンジニアにこそ、是非個人開発をおすすめしたい

Slide 52

Slide 52 text

誰 か の 不 便 を 解 決 し て お 金 も ら い 感 謝 さ れ る と い う こ と 、

Slide 53

Slide 53 text

そ れ は 人 間 に と っ て プ リ ミ テ ィ ブ な 行 為 で あ り 、 こ れ か ら も 変 わ ら な い

Slide 54

Slide 54 text

「みんなが隣の不便を解決していけば、 世界はもっとよくなる 🌍」

Slide 55

Slide 55 text

“効率化”で 個人開発を加速させよう 🚀

Slide 56

Slide 56 text

ご清聴ありがとうございました