Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
ご清聴ありがとうございました