00:01はい
00:03今日はですね、非エンジニア向けに、ボルトを使ってアプリを作っていくっていう動画をやっていこうかなと思います
00:05で、がっつり、ま、どういう感じで、ま、開発していくのかっていうのを、ま、0から、ま、全然会ったことない人向けにやっていくって感じです
00:18ま、アプリ開発とは何なんやみたいな
00:31あ、コトリんって何？Androidって何？iOSって何？iPhoneって何？みたいなぐらいの人から、あの人が見ても分かるように、ま、結構ゆっくり雑談もちょっと交えながら開発をしていこうかなと思います
00:53 ます
01:15で、ま、今回の動画で一気に完全リリースのところまで行ける感じではないと思うんで、ま、最初の触りとか、どうやってVibeコーディングとかAI駆動開発を、ま、ボルトを使ってやっていくのかとか、まず始め方とか課金の仕方とか、なんかどういうスクリーンがどういう風に見えてんのかとか、ま、iPhone使ってスキャンすれば、iPhone上で自分の開発してるアプリをすぐに確認できるようになるんですよとか、意外と簡単やんとか、なんか、ま、そういう感じのね、紹介をしながら、ま、やっていくと
01:37 だから、全然やったことない人が、「あれ、こんなに簡単みたい」みたいな、意外とこれ頑張っていけば、リリースまで自分でもできるかもみたいな感じで、ちょっと勇気づけるような内容になればいいかなと思ってます
02:00で、作りたいアプリなんですけど、ま、僕が欲しいアプリを今回は開発してきます
02:22で、僕が今欲しいと思ってるのは、あの、ま、家族とか友達と一緒にいる時に、仕事のメールとか、あの、仕事のメッセージとか、あの、ま、いろんなね、通知が飛んでくると思うんですけど、その通知が来た時にめちゃくちゃイライラ
02:44 するんで、ま、そのイライラを解消するためのアプリだ、自分のプライベートの時間を果てしなく守るためのアプリを開発したいかなと思って、えっと、開発していこうと思うんで、ま、ね、使いたい人結構いると思う
03:06僕は自分がユーザーになるアプリのアイデアが降りてきたと思って、よっしゃって感じでね、テンション上がって開発してきたんで、えっと今回の動画、え、今から見ていってください
03:29どうぞ
03:51はい
04:13まず早速アプリを作っていくんやけど、ま、ボルトっていうね、ブラウザー上でプログラミングアプリケ ー、ションレイヤの開発ができる、ま、AI駆動開発、バイブコーディングができるツールがあるんですよね
04:36で、まあ、2タ目なので、ボルト、ラバブル、レプリクトエージェントってのがあるんやけど、ま、今回はネイティブアプリ、ま、アプリを開発していくってことで、ま、それに1番相性が、ま、現状でね、2025年8月でいいのがボルトかなと思うので、まずボルトで作っていくと
04:58で、モバイル開発を始める前に、ま、知っておかないといけないことで、iOSアプリと、ま、Androidアプリがありますと
05:20で、 、ま、もちろんその、それぞれね、元々、ま、開発していく時に使うプログラミング言語ってのが、ま、バラバラやったんですよね
05:42で、iOSやったSwiftっていうAppleが、ま、開発したプログラミング言語
06:05元々は、オブジェクティブCってやつを使ってたんですけど、ま、今はね、Swiftを使って開発しますと
06:27ま、ここにも書いてある感じで、ま、さっとね、こういうのは自分で調べたら出てくるんですけど、ま、Androidのアプリ開発に関しては、元々Javaっていうね、聞いたことあると思 けど、プログラミング言語が使われてて、で、今はコトリっていう、ま、モダンなプログラミング言語が使われてますと
06:49で、ま、それぞれ2つ全然違うプログラミング言語とか、全然違う、ま、フレームワークとか、ま、SDKとかが、ま、全然違うんですよ
07:11だから一緒に開発することは基本的には、ま、できないもんなんですよね
07:34iOSアプリとAndroidアプリって
07:56例えばAndroidアプリやったら、Androidスタジオっていう、ま、エディター、プログラミングエディターとか統合開発環境みたい 使う必要があるし、iOSやったら、ま、Xコードっていうのを使う必要があるって
08:18ま、こんなん調べていったらね、え、アプリ開発って、Webブ開発と比べたらハードル高すぎんって、ま、ここら辺でね、皆さん気づくんですよね
08:40で、実際、ま、ウェブ開発と、ま、アプリ開発リリースするまでの最短距離で考えると、全然アプリの方が、ま、遠いです
09:03例えばその、ま、iOSにしろ、Androidにしろ、Google PlayとかApp Storeとかに、まね、こうお金を上納しないといけないですよ
09:25あの、Ap P S t o r e に限って、ま、100ドルとか、年間G o o g l e P l a y は1回だけ25ドルとか、うん
09:47ま、今円安なんでね、どんどん高くなってきてるけれども、ま、そんな感じで、ま、まずね、ちょっとだけしておいた方がいいかなと思うのは、アプリ開発の方がWeb開発よりハードル自体は高いです
10:09でも、ま、色々開発環境とかが整ってたりとか、ま、アプリの課金とかもね、あの、割と最近ライブラリーとかを使えば簡単に実装ができるとかで、やっと、あの、ユーザーからお金を受け取る時に、ま、クレジットカード
10:32 決済とかを簡単にしてくれる、ストライプとかを使うんですけど、まあね、自由度高い分、ま、ちょっとそういうのをしっかり実装するのは、ま、アプリよりね、逆にそういう部分でハードルが高かったりしたりします
10:54ま、なんでどっちが、ま、明らかに難しいとかってのは、なかなか言いにくいんやけれども、ま、一応ね、最初慣れるまではアプリには癖があるっていうことだけ知っておいて欲しいかなって感じです
11:16で、今ここまでの話だと、あの、アプリ開発、Appleも、あの、Googleも全然違うプログラミング ング言語使ってて、開発あれ、これ2つアプリ、iOSとAndroidに出したかったら、2つの言語で全然違うコードのアプリケーションレイヤーで、2つ完全に別のプロジェクトをやらないといけないことですかってなるんですよね
11:38はい
12:01これ結構悲惨です
12:23実際個人開発でiOSとAndroidを両方やるって、2つの言語で全々別のプロジェクトとしてやっていくって無理です
12:45無理なんです
13:07そんな余裕はない
13:30だから、クラスクロスプラットフォーム戦略っていうのを取りまず
13:52じゃ、ちょっとその説明に今から行きま
14:14 はい
14:36で、iOSとAndroidの開発、別々にやるの辛くないですかっていうので、次はクロスプラットフォームをで開発していけば、まあ、1つのコードベースとか1回開発するだけで、まあ、iOSもAndroidも同時に開発できるっていう、まあ、一隻2兆みたいなやつがあるんですよね
14:59で、まあ、それの仕組みみたいなのを完全に深く理解する必要はないすけど、まあ、大体こうね、いろんなこういうクロスフレームワークのあのものがあるんで、一通り名前とかを知っておいたら、まあ、開発やったことない人とか、まあ、こう
15:21 いう議論がね、あの、色々Twitterとかで、あの、やられてるけど、ま、見た時とか聞いた時に、ああ、フラッターねとか、ああ、リアクトネイティブねとか、ま、ザリンってのがあるんですね、UN Unityってのがあるんですねぐらいは、ま、知っておいた方がいいかなと思うんで、ま、一通り説明していくと
15:43で、ま、UN Unityは基本的にはゲーム開発に使うやつです
16:05で、は、Mic Microsoftが、ま、バックにね、あの、開発シームとして入ってるフレームワークなんですけど、ま、これを使ってアプリを開 発してるっていう話は、ま、正直ほとんど効かないす
16:28はい
16:50どちらかというと、フラッターとリアクトネイティブで、海外グローバルで見た時は、もう圧倒的にリアクトネイティブが今主流です
17:12で、フラッターは日本国内だけ、なぜか、あとはインドとかそういう、ま、オフショアとかソフトウェアを安く早く作るっていうのが重要視されるような、ベトナムインド、ま、日本のSIや界隈ではやたらと使われてる印象ですが、ま、プログラミング言語がダートっていう特殊なものを使われたりとか、開発環境もAndroid S Tジオっていうね、割とちょっとクローズドな感じの、ま、開発、統合開発関係を使う必要があって、どっちかというと、もうちょっとね、完全オープンな、ま、哲学の元に使われてるフレームワークで言うと、リアクティブでメタっていうのは、ま、オープンソースをね、あの、すごく強く押してる会社なんで、Facebookで、JavaScriptタイプっていうのも、ま、基本的にね、Web開発で、もうこれからも主流やし、今までも主流になってきた言語なんで、ま、汎用性がね、全然違うんですよ、他と比 べた時に、JavaScript、TタイプRIPTで、ま、アプリがね、開発できると
17:34で、グローバルで見た時の、ま、開発のそのコミュニティの、あの人口とか熱量とかで全然、ま、レベルちゃうと
17:57ね、これね、170K、122K、えっと、ま、17万スターと12万スターってなってるけど、これ今どっちなんやろうね
18:19ま、そうか
18:41ま、なぜかリアクトネイティブの方が今低いことになってるけど、ま、リアクトネイティブだけじゃなくて、リアクトネイティブをさらに簡単に使いやすくするエクスポってやつを使って開発
19:03 していくことになるんで、まあね、ちょっとそれも合わせていくと、ま、全然その170Kよりスター数多くなるかなと
19:26で、ま、今ちょっと話したGit Hubっていうのは、自分が開発したコードを、ま、今日はここまでやりましたとか、ま、チーム開発しやすくするためのものなんで、ま、これはね、また別の機会に話すタイミングがあれば、はい
19:48ギッターハブはね、ちょっと概念を理解するのがちょっと難しいですけど、あの、はい
20:10一応開発が楽になるっていうものぐらいで覚えといてくれれば、ま、Gitっても が、あって、それを、ま、クラウドでやんのが、ギッドハブね
20:32はい
20:55で、ま、こういうところに開発者のコミュニティがあって、ま、こういう人たちがみんなでこのフレームワークを開発してますっていう感じです
21:17で、これね、みんなフラッターとリアクトネイティブどっちを選べばいいんですか?これはね、もう永遠の問いなんかすぐ炎上するんですよ
21:39あの、リアクトネイティブの方がフラッターよりいいってTwitterに呟いたりとか、フラッターの方がいいとかってTwitterにすぐ投稿したら一瞬で炎上
22:01 するんで、ま、インプ取りたい人、炎上させてやってください
22:24僕も炎上に便乗するんで
22:46はい
23:08ま、冗談はさておき、ま、フラッターとリアクニティブどっちを選べばいいのか、ま、色々ね、言われてるんですが、まずね、ま、ボルト、うん、ま、ラバブル、えっと、バイブコード、ま、A0とかね、こういう、ま、AI駆動開発とかバイブコーディングで、ま、アプリを簡単に作れるっていうツールが最近、ま、出てきてますと
23:30あの、ま、ローカル開発環境で言うと、カーソルとかWindowsとかトレとか、ま、ちょっとそ
23:53 非エンジニアの人で、そういうの聞いたことある人がいれば、まあまあ、それはね、エディターなんですけど、どのツールを取っても、あの相性がいいのは、もうリアクトネイティブです
24:15ま、これ間違いないっていうのも、あの、そもそもAIの特性上ね、GitHubにある、ま、コードとかコードの量とか、ま、JavaScriptのエコシステムであったり、関数であったり、タイプであったりで、これはね、フラッターは、ま、ダートっていうマイナー、マイナーって言ったらちょっとおかしいけど、ま、そこまで
24:37 メジャーではないプログラミング言語で書くやつなんですよね
25:00で、ま、そもそもの母数とか、えっと、ウェブ開発との相性とかで、あの、こっちの方がいいす
25:22タイプでボルトもこれモバイルって選択できると、ビルドアモバイルアップで、これ何が行われるかって言うと、ま、フレームワークをね、勝手に選定してここで開発が進んでいくんですけど、ボルトが勝手にあの選択するフレームワークっていうのも、リアクトネイティブエクスポです
25:44って、さっきまでリアクトネイティブって言ったけど、Xっていうのは、あの、ま 、例えば、リアクティブで開発してても、色々、あの、障壁があるんですけど、例えば、App Storeにこう投稿したりとか、ま、プロジェクトこういう風に管理したりとか、えっと、ま、チーム開発する時に、他の人がビルドするセッティングとか、あの、まあまあ結構証明書とかね、色々やこしいことがあるんですけど、あの、基本的には、リアクティブの公式ドキュメント見ても、XOを使って、リアクティブのアプリを開発してくださいって、ま、書いてあります
26:06で、ま、最初で言うと、プロジェクトの イニシャライズって言って、あのプロジェクトをスタートするコマンドみたいなのがあるんですけど、そこでも、ま、基本的にはタイプ、あ、エクスポを使ってやるようにとか、あの、公式のドキュメントをこういう風に今リンククリックして飛んで、これもあの、XOSNクってやつを使ってるんで、ま、基本的に最初よっぽど複雑なプロジェクトを、あの、運用するとか開発していくっていう場合を除いて、リアクターネイティブで開発する時は、最初はエクスポを使って開発していくものと持っといていいと思います
26:29で、つまり
26:51 はい、これでね、ビルダーモバイルアップってやると、あの、XPOとリアクトネイティブを使ったプロジェクトが、このクラウドの開発環境上で勝手に用意されて、勝手にアプリ開発が進んでいくとはい
27:13うん
27:35ま、結構ね、こういうこう下地というか、何が行われてるのかみたいなのを、最低限理解してバイブコーディングとかAI駆動開発をしていく方が、ま、いいかなと
27:58え、ここでなんかこういうアプリ作ってくださいって言って、なんかできたっていうのが、ま、完全非エンジニアの人の、ま、開発手法というか、そう
28:20 いう感じになっちゃうと思うんですけど、ま、何も理解してないと、ちょっと発展性とか、なんかちょっとこう、こけた時とかに、どう質問していいのかとか、自分で修正できないと思うんで、ま、この動画を見ながらとかでもいいし、ま、分からないことがあったら、チャットGPTにこう聞けばいいんやけどね
28:42ま、聞き方もそもそも難しいとか、ま、あると思うんで、ま、一旦こういう、ま、講座チックな、あの、一応やり方とか、外発エンジニアとして分かってる人が説明してる動画を見ながら、ま、車両みたいな感じでね、元々プロ グラミングって、AIがない時代はみんな車から入っていったりするんで、ま、ゆっくり時間取ってやっていけばいいかなと思います
29:04はい
29:27じゃあ、ま、そろそろね、ま、どういう感じでこうプロンプトを打っていくのかとか、どういう感じでアプリを開発していくのかっていうところに入っていこうかなと思います
29:49はい
30:11で、えっと、ボルトにね、サインしていくと、で、多分ね、えっと、ギッドハブでサイン過去にしてたと思うんで、これでもう1回サインして、で、確かね、えっと、月額料金みたいなのがあって20ド ルやったかなと思うんですよね
30:33はい
30:56やっぱ20ドルです
31:18で、なぜかわからんけど、僕28.2エクストラトークンってのが今ちょっと余ってるっぽいんで、どこまでこれで開発できるかわかんないですけど、これ僕ね、何回もサブスクしてはやめてっていうのを繰り返してんすよ
31:40で、今多分僕は、えっと、フリープランみたいな感じやと思うんですけど、えっとね、そうすね、フリープランなんですが、過去にもしかしたらあの有料プランでやってた時のトークンがめちゃくちゃ余ってるのかもしれないって感じで、これで
32:02 、ま、一旦どこまで行けるかっていうのをやっていこうかな
32:25はい
32:47うん
33:09ま、色々、ま、有料じゃないとできないやつはいっぱいあるっぽいけど、ま、一旦これでいいかな
33:31はい
33:54ま、こんな感じで色々設定できたりするけど、ま、基本的にそんなにこんなん使わないっす
34:16で、ビルドはモバイルアップで、これ一応英語になってるけど、どうなんやろうね
34:38別に日本語で確かやってたと思うんで、ま、分かりやすいように日本語でやっていこうかなと思います
35:00アプリを開発したい
35:23リアクトネイティブとエクスポで開 発したい
35:45スクリーンショットを撮影したら、iPhoneのギャラリーのスクリーンショットというところに保存されると思うけど、ギャラリーにあるスクリーンショットの画像からAIを使って自動的にTolistを作成するようなアプリを作りたい
36:07ま、一旦シンプルな、あの、ちょっと今作りたいと思ってるアプリはこんな感じのアプリです
36:29で、一旦プロンプと投げてみます
36:52で、これ最初のね、あのプロジェクトのイニシャライズドとか、ま、最初の部分のコード書くとかは結構時間かかるんで、ま、なんで
37:14 僕がこのアプリを作ろうと思ったみたいなのをね、この間にちょっと話そうかなと思うんですけど、あの、ま、僕知っての通りというか、ま、完全に、ま、自営業なんすよね
37:36で、ま、仕事って、ま、平日やってもいいし、休日やってもいいし、ま、土日祝日やってもいいしってみで、あの、だから、ま、結構こうだらしがなくなると言うか、けじめがなくなるんですよね
37:58で、あんまりサラリーマンとか会社で正社員みたいなのずっとやったことないんでわかんないですけど、ま、普通は、ま、月曜日から金曜日まで決め られた時間働いて、ま、業務時間外は、ま、メールを返せ必要がなかったりとか、ま、スラックが来ても別にね、返信しなくてもいいとか、ま、ホワイト企業やったらですけどで、土日は別にこう、もうその会社用別に家に置いててもいいしみたいなの で、オンオフが結構はっきりしてるじゃないですか
38:21で、自営業の場合は、むしろあの特に都内とかに住んでると、あの土日どこ行ってもめっちゃ混んでます
38:43で、平日は結構空いてるから、今例えば夏休みなんですけど、子供がどっかお出かけするってなったら、ま、平日にできればどっ かけたいんですよね
39:05で、そうすれば、ま、他の人の、ま、祝、祝日、休日ラッシュとバッティングしなくて済むから
39:27で、ま、そういう時に、ま、平日こうお昼とかおもちゃ屋とか行ったりとか、ま、なんか行きたいお店
39:50さっきは、ま、銀座の伊東屋っていう、こう、いろんななんて言う、あの、ステーショナリーグッズが売ってるでっかいお店あるんですけど、行ってきて、で、そういう時に、ま、ちょっと仕事に関連するような、ま、メールが来たりとか、スラックが来たりとか、電話がかかってきたりとかして、ま いつもそんな感じじゃないっすですよ
40:12うん
40:34あの、普通にこう、どっかお出かけしてる時にメールが来て、刺さってちょっと電車乗ってる時に返すとか、トイレ行ってる時に返すとか
40:56でもね、最近ちょっとそれがなんかこう、あんま良くないなって思うようになってきたんですよね
41:19あの、なんか普通にめっちゃイライラする
41:41で、大体そういう時に、「狂れなくて、めんどくせえ」とか、「なんかすいません」とか、なんとかってめっちゃ長文送られてきたりとか、「読む時間ねえわ」とか思いながら、サマリアサマライソしてから送ってこいとか
42:03 ちゃうんすけど、あの、まあ、まあ、そういうので、要は、ま、自分のブロックタイムに仕事をしたいんですよね
42:25ただ、忘れちゃうんですよ
42:48その帰ってきたメールとかを見てると
43:10で、よし、今ちょっと撮影してるじゃないですか
43:32デスクの前に座ってるけど、どんなメールが送られてきたとか、どんなタスクがあったとか、あの、お出かけしてる時にやらないといけないことがあったんですけど、忘れてんですよ
43:54で、忘れてなかったとしても、絶対取りこぼしがあるんすよね
44:17だから、ま、通知が来たら、全部こうやって通知
44:39 を読まずに放置したいんですけど、通知見ちゃったらiPhoneでね、通知消えるじゃないですか
45:01そしたら、それトリスト行ってないから、ま、盛れるとそのタスクが
45:23だから、ま、どうやったら1番簡単に、もう自分でtodo listをタイピングすんのも誰じゃないですか
45:46そんな出かけてる時とかに
46:08だから、ま、通知が来ます
46:30で、開けちゃいました
46:53で、スクショ取るで、取ったスクショはもう勝手に、えっと、そのアプリ内にこう全部保存されてて、で、青よくばAIがそれをTodoリストにね、起こしてくれる
47:15 ぐらいまでいけばいいと
47:37で、さらにその先で言うと、ま、AIが勝手に、ね、メール返信してくれたりとかしたらいいんですけど、ま、まず僕がこう解決したいのは、こういう今の言った問題です
47:59あの、オフの時に来た連絡取りこぼさないようにとか、あの、思いついたタスク取りこぼさないようにとかを、こう、ただただ貯めておくようなアプリです
48:22はい
48:44で、ま、ちょうどいいよねのエスポ、ま、画面に見えてると思うけど、どうやって解説するかってもいうのを、ま、見せるんですけど、5っていうアプリを、ま、こうやってダウンロード
49:06 どうしてたら、あの、ま、これ普通に今QRコード読み取ったら、すぐにこの自分のiPhoneで、えっと、今開発してるアプリがiPhone上で見えるようになるんですよ
49:28ま、これどうやってるかって、ま、技術的な説明すると結構長くなっちゃうんで、今はしないですけど、ま、こんなに簡単にiPhoneアプリができんのは、リアクトネテプとエクスポッタケースは、い、こんな感じで、ね、今あの画面に見えてるやつと同じやつが映ってると思うんですけど、はい
49:51ま、AI todoっていうアプリがあのiPhone上で
50:13 今見れるようになりました
50:35で、ま、これ今映ってのと同じやつが映ってます
50:57基本的には
51:20うん
51:42で、ま、バイブコーディングで一旦ね、最低限こんな感じの実装はできるんですけど、えっとね、ま、全然こんな思ってる通りのやつはここに行きには出てこなくて、えっと、まず何をするかな?ま、これで一応その開発の環境は整ったんすけど
52:04うーん
52:26ま、APIキーの設定とかこういうのがあるのか
52:49まずね、思ってるイメージで言うと、ま、スクショここにね、表示したいんですよね
53:11うん
53:33なんで、ま、表示さ ようにしていこうかなって感じです
53:55はい
54:18じゃ、どうやるか
54:40ま、一応ちょっとプロンプと言ってみます
55:02カメラっていうのがまずあと不要っすね
55:24うん
55:47アプリに下にホームとカメラと設定というタブがあるけど、まずカメラが不要なのでカメラを削除してください
56:09[音楽] [音楽] はい
56:31ま、こんな感じで、ま、言えばすぐにここのね、カメラってついてた部分がね、一瞬で消えました
56:53で、ま、ここにまずうん、どっちがいいか、ま、to do、ま、表示された方がいいっすよね
57:16で、スクリーンショ ット一覧みたいなのも表示されて欲しいんですよね
57:38どうしよっかな
58:00ま、どういう風にUI組むのがいいのか、ちょっと分からんけど
58:22ホームを選択してる時に、[音楽]なんか違うな
58:45ここじゃないよな
59:07タスク、どこに設定すんのがいいんやろ
59:29そもそもなんかこのUIに引っ張られて今、ちょっとよく分からんくなっちゃってるんで、自分が思う理想をまず、ちょっとセットしていこうかな
59:51で、まずこの右上のね、プラスボタン、え、ま、UyXとかやったことある人は分かると思うんすけど、あのtodoリストを例えば作 ってなった時に、ま、1番必要なのって、そのTODOを作成するっていうアクションじゃないですか
01:00:14で、ま、スマホ置った時に、ま、基本的に右手の人が多いんで、えっと、親指が届くところに、その1番重要なアクションを置くべきっていう、ま、背景から、えっと、マテリアルデザインっていうね、Googleが、Googleが2015年ぐらいに、ま、提唱したデザインコンポーネントがあるんですけど、で、それで、ま、1番最初ぐらいに出始めた、それがスタンダードになったので言うと、フローティングア アクションボタンっていう、ま、コンポーネントがあるんですよね
01:00:36で、そのフローティングアクションボタンっていうのは何なのかって言うと、よく見かけるこういうこうプラスボタンとかなんか、うん、ペンのアイコンみたいなのが、ま、この右下ら辺に置いてる、あの、浮いてるアイコンとか、ま、アクションのコンポーネントのことをフローティングアクションボタンって言ったりします
01:00:58で、ま、それをさらに省略して、あの、フローティングアクションボタンのFABを取ってファブとかって言ったりします
01:01:20はい
01:01:43ここ
01:02:05 まず、ちょっとFABを配置しようかなと思います
01:02:27右上に表示されているプラスボタンを、フローティングアクションボタンとして、右下に配置するようにしてください
01:02:49はい
01:03:12ま、これでどうなるか
01:03:34はい
01:03:56一旦、ま、ここまでいけましたと
01:04:18で、ま、ちょっとね、動画には映ってないけど、最初、えっと、アプトプット出てきたのが、このフローティングアクションボタンがちょっとこの辺に表示されてたんですよね
01:04:41なんで、ま、普通にもっと下に配置してって言ったら、ま、ちょうどいいぐらいのこの位置に移動します
01:04:41 した
01:04:41ま、そんなけです
01:04:41で、あとね、ちょっとね、あの、初めてアプリ作る人とか、作ったことない人で、ま、バイブコーディングしてる人って、あの、なかなかね、その気持ち悪さみたいなのを言語化できる人っていないと思うんすよ
01:04:41てか、これかなり難しいっていうのも、AIがなんかそれっぽいものいきなり足してくるんですよね
01:04:41例えばこれとかなんか、右上にギャラリーのアイコンが配置されてて、タップしたら、ま、スクリーンショットと、ま、ギャラリーからなんて言うん？選択するみたいなアクションがあって、で
01:04:41 ここに、なんかこう、何書き?なんて言う? 注意書きみたいなのが書いてあって、で、ここの右下にね、てか、ま、画面の下に、ま、タブが表示されてて、ホームタブと、ま、設定タブ、これ、ま、Instagramとか、ま、その他のアプリとかで、ま、下にタブが配置されてるUIってよく見かけるけど、ま、よく見かけるんですよ
01:04:41見かけるから、ま、AIが、ま、これって当たり前やろ
01:04:42だ、とりあえずタブをね、入れてきたりとか、とりあえずヘッダーに、あの、ま、アイコン入れてみたりとか、ヘッダーの左上にこう
01:04:42 いう、なんかそれっぽいAI Todoっていうアプリ、勝手に決めてここに入れたりとかで、ま、ここにね、こういう、こう、何も表示するものがない時に、ま、表示されるこういうテキストとか、なんかこうコンポーネントとかをプレースホルダーって言うんですけど、これね、勝手にプレースホルダーここに配置してたりとか、なんかね、こう、パッと見問題ない感のアウトプットを出してくるんですよ
01:04:42でもそれに引っ張られるんですよね
01:04:42めっちゃ僕もめっちゃ引っ張られて、最初にイメージしていて、してた、ま、UIとかUXどういう感 じで使うのかとか、どれぐらいシンプルなのかっていうのが、どんどんどんどんAIによって引っ張られて、最終出来上がる時になんか全然思ってたのと違う、なんか盛り盛りの変な機能がいっぱい付いてるアプリってできちゃうんですよ
01:04:42 バイブコーディングやと
01:04:42で、これね、結構バイブコーディングがあるで良くないす
01:04:42だからイブコーディングで最初の実装プロトタイプを作る、とはいえ自分でフィグマでデザイン最初してから、それをこのボルトとかでえっと実装していくみたいなワークフローがいいんじゃねえかみたいな、あのま結
01:04:42 テクニカルな人はそういうことを言ったりしてるんですけど、そもそも、僕も含めてデザイナーじゃない人が作った、01で作ったフィグマ上のデザインって、そっちの方がむしろイケてないですよ
01:04:42だから、こことここどっちもイケてないけど、比較した時に一旦こっちで頑張って、引っ張られないようにプロトタイプを作って、ある程度、あのワイヤーフレームとして、あのUI UXが自分的に納得できるようになって、最初一旦むしろそれでリリースしちゃってもいいかもである程度ユーザーが来るとかなんか普通に課金されるぐらいの盛り
01:04:42 上がってきたタイミングで、知り合いのデザイナーとか、まあ、Twitterでちょっと最近アクティブな活動してるデザイナーの人とかにお願いして、ま、普通にお金かかります
01:04:43多分そこは、あの、よっぽどじゃ、よっぽどのことじゃない限り、お金払って、ま、採用というか業務委託みたいなの で、ま、1時間いくらいくらでやってくださいって言って、ま、最初ね、いきなり全部の、えっと、UIのコンポーネント作ってもらうと結構お金かかると思うんで、必要最低限の、ま、メインのスクリーンのUIだけカチッとお願 いますとか、うん
01:04:43ま、オンボーディングの重要な部分とか、あの、ペイウォールっていう課金する時に見える、こう月額いくらですって出てくる画面とか、ま、そういうこう要所要所すごい重要な部分だけを、あの実装をフィグマで作ってもらって、作ってもらったデザインを自分で実装してデザインをもうちょっとこうイケてる感じにするだけでいいと思います
01:04:43で、ボタンはボタンなんで1つのスクリーン、メインのスクリーンでボタンもちゃんとフィグマでデザインしてもらったら、別のスクリーンで使うボタンも同じボ タ ンのコンポーネント使うし、ま、リストのUIも1個で使ってるやつ全部同じ別のスクリーンでも使うし、ま、そういう感じで、ま、なるべくこう必要な部分だけやる
01:04:43あの、はい
01:04:43ぶりって不要などうでもいいところっていっぱいあるんですよ
01:04:43まあなんかポリシーの画面のUIとか、あのterms of useのスクリーンのUIとかは、別にユーザー基本見ないんで、ま、見るけど別にそれWebビューっていうので飛ばして、あのノでね普通にterms of viスとかポリシ作って、そのページを去って見せてテキストだ
01:04:43 ちゃんとま、問題なく乗ってたら、あの、昨日私も問題ないし、Appleの、あの、リリースする時のレビューもそれで、ま、通過できるん、ま、そういう、こう、手を抜くとことね、手を、なんて頑張って努力するところの、緩急みたいなのは、あの、ちゃんとやればいいかなって感じですね
01:04:43はい
01:04:43で、ま、ちょっと余談が過ぎたが、やろうとしてたことは今これ引っ張られてんですよ
01:04:44要はAIによって、僕的にこの、そもそもこの下のタブっていらんのじゃねって思ってるんで
01:04:44うん
01:04:44あの、一旦どかせます
01:04:44で、これもいらないっす
01:04:44で、その
01:04:44 ちょっと試したいのは、えっと、ね、アプリのギャラリーのスクリーンショットの画像をここにリストで表示できるかっていうのが、ま、普通に気になってます
01:04:44はい
01:04:44なんで一旦それをやろうかなと思ってるんやけど、あとね、ちょっと最近、ま、気になってるアプリ、えっと、ま、ファインフィールディっていうね、あのAIデバイスのあの動画出したと思うけど、うーん、どうかな
01:04:44フィルディのUIとかあのユーザビリティ結構、ま、僕が今リ想してるやつに似てるんですよね
01:04:44で、僕のは、ま、AIデバイスの テキストから、えっと、何かを作るっていうよりは、ま、普通に、スクショから、あの、自分の物忘れを防いで、なんかそれを、ま、いい感じに、なんかAIとなんかでできればみたいな
01:04:45で、ちょっと、今これ見てて思ったけど、下のタブだる、いって言ってたけど、ま、この、フィールディのUIをある程度、ま、UIというか、このフレームワーク、あの、ワイヤーフレームというか構造を、ま、真似していこうかな
01:04:45はい
01:04:45結構似てる感じがする
01:04:45思ってる理想と
01:04:45うん
01:04:45なんで一旦下の、あの、このレイアウトのタブは置いておいて
01:04:45えっと
01:04:45 スクリーンショットっていうタブを、むしろ追加したいっすね
01:04:45スクリーンショットっていうタブを、下に追加してください
01:04:45はい
01:04:46で、下のタブにスクリーンショットっていうね、ま、このUIはちょっと、ま、長ったらしいんでね
01:04:46ホームとか、なんかスクリーンショットって、こう文字数あまりにも多いんで、後で変えるんですけど、ま、一旦、ま、ここにこれが入ったと
01:04:46で、このスクリーンショットっていうのを選択した時に、これとかもね、ちょっと、ま、いや、やめてくれよって感じなんですけど、えっと、ていうか何や
01:04:46 ろね
01:04:46全く、ここに、よくわからんプラスボタンついてる
01:04:46うん
01:04:46スクリーンショットをアップロードするとか、そういう感じじゃなくて、ま、ここにiPhoneに自分で撮ったスクリーンショターがもう勝手に表示されてるっていうのが理想なんですよね
01:04:46それができんのか、ちょっとわかんないすけど、ま、おそらくこの今表示されてるこう画面上に今表示されてるやつで無理なんで、ま、ここね、一応こうなんかiPhone繋がってないからね、あの、自分のこのiPhoneじゃないとダメなんで、ま、こっちでテスト
01:04:46 する必要があると
01:04:47で、ま、これを使えば、ここの右上に、あるデバイスプレビっての押せば、ま、これスキャンして先みたいにできるんで、えっと、まずそれが勝手に表示されるに、実装されてからこれをして、自分のiPhoneでスキャンしてそれができてるかっていうのを、ちょっとテストしていこうかなと思います
01:04:47で、この辺は、ま、パーミッションって、あの、よくあなたのギャラリーにこのアプリをアクセスしようとしていますけど、いいですか?イエスノーみたいな、あの、アプリ使ってる時に表示されるんですけど
01:04:47 、カメラとか、まあ、マイクの録音、動画の録音とか、あとは何やろな、まあ、あとはその広告の情報をトラッキングする、まあ、情報とかを、それに関連する機能を実装する時には、こうユーザーにそのパーミッションを聞くためのモーダルを表示しないといけない実装とかがあったりして、まあ、AIがないとね、結構そういうのではまったりして、結構クラッシュしたりとかするんですけど、まあ、AIがあるとボルトを使ってたりとか、カーソルサーフとかっていうAIエディターで実装してたりとかすると、割と簡単に、まあ、その辺
01:04:47 できたりとかするかなと思います
01:04:47じゃあ、一旦ちょっとさっき言ってたのをここでやってみると
01:04:47スクリーンショットのタブを表示している時、自分のデバイスの中に表示されてるスクリーンショットのフォルダーの画像を、そこに2列のグリッドで表示できませんか？えっと、ちょっと何か言い間違えた気です
01:04:47スクリーンショットの束を表示してる時、自分のデバイスの中に保存されてるっすね
01:04:47保存されてるスクリーンショットのフォルダーの、ちょっと何か意味わからんこと言ってるけど、ま、AIはこれぐ あの、このことやったら、多分理解してくれると思うんで、このままいきます
01:04:47はい、行きました
01:04:47ま、一旦これで、ま、一通りこう、まだかな、まだもうちょっとやった方がいいけど、大体ちょっとこれで、ボルトのね、あの、使い方慣れてきたかなっていうとこやと思います
01:04:48で、ま、たまにちょっと難しい命令とかをすると、ま、こういう感じで、ま、エラーが出るんで、こう修正してみるみたいなボタンが、アテンプフィックスってのがあるんで、押してみると、ま、ボルトがね、頑張ってそのエラーを解決しよう
01:04:48 するんですよ
01:04:48で、解決できる時もあれば、ま、できない時もあります
01:04:48で、できない時は、ま、どうしたらいいんやっていうね、とこなんなやけど、それは、ま、その都度エラーによると、ま、自分でエラー読んで解決するとかするかな
01:04:48ま、非エンジニアの人やったら、ま、そこではまって一緒抜け出せなくなったりするんで、もう完全にここに1個前のところにアーってやつで戻ってやり直すとか、ま、そういうのでもいいと思うし、でももしその身近に質問できる人がいるような環境なんやったら、ま、その人にね、質問し てみる、とかいいかなと思います
01:04:48で、ま、結構ね、非エンジニアの人は質問がやっぱりできないと厳しいなっていう感じはね、僕もね、薄々感じてはいて、で、ま、ちょっと、ま、宣伝じゃないですけど、ま、僕、メーカーズギルドっていうコミュニティをやってるんで、ま、恐らくこの動画見てる人は多分入ってるような人やと思うんやけど、あの、ま、そのコミュニティで、ま、ちょっとだけここで見せると、これか
01:04:48えっとね、ま、色々とね、僕のDiscord激しい感じにバーっとアイコン並んでますが、えっと、 ま、質問があったりとか、非エンジニアの人の、ま、初心者開発相談スレッド、あ、チャンネルかとか、ま、開発質問チャンネルとか、ま、結構初歩的な質問されてる方とか、ま、自分の開発してるアプリのスクショをこうやって載せてみたりとか、ま、色々ね、モバイルアプリの開発してる人とかが色々投稿してるんで、ま、基本的には完全非エンジニアの人とかやったら、こういう初心者開発相談スレッドとかに投稿してみんのもいいかなと思います
01:04:48多分ね、結構アクティブなんで、ま、1日もしないうちに、ま、数時間とか数分であの
01:04:48 、アドバイスとか解決方法教えてくれる人が出てくると思うんで、ま、できるだけこう、うん、ま、イライラするぐらいだったら、そういう誰か教えてくれる人がいる環境に入ってみるのもいいかなと思います
01:04:48で、今ちょっとこれ実装が進んでるんで、エラー直そうとしてるんで、ちょっと時間かかると思うんで、一旦これ止めて、はい
01:04:49エラーの修正が終わったっぽいんで、またQRコードをスキャンして、自分のiPhoneで見てみようかなと
01:04:49治ってんのか?治ってんのかっていうか、自分のスクショがiPhone上に表示さ 、最高すね
01:04:49ま、これ結構、テンション上がるタイミングだと思うんで、どうでしょう?あと、ま、これスキャンして、えっと、ね、ま、JavaScriptのバンドルっていうのを、ま、ビルドしてここでなんかロードすることが、ま、しないと見えないんで、ちょっと時間かかるんですよね
01:04:49ま、数秒すけど
01:04:49はい
01:04:49えっと、ま、こういう感じで、ま、若干僕の写真が見えちゃってるけど、ま、パハミッションすね
01:04:49さっき言ってた
01:04:49あの、ま、XPOG5が写真ライブラリーにアクセスしようとしてい ます
01:04:49で、ま、アクセスを制限、フルアクセスを許可とか、ま、色々こう選べるじゃないですか
01:04:50よくアプリであるやつですけど
01:04:50で、フルアクセスを許可っていうのを、ま、タップまずして、で、そしたらはい、行けました
01:04:50で、今ここにちょっと表示されてんのは、えっとね、スクショだけが表示されて欲しいんすけど、最近撮ったなんか写真とかがめっちゃ表示されてます
01:04:50で、これさっき僕銀座行ったとかっつってたけど、あの銀座の日産のなんかフラグレシブフラ、フラグシップストアみたいなの で、なんかめっっちゃか
01:04:50 っこいいレーシングカーがあったから、めっちゃその写真撮ってんですけど、そのおっさんやんっていう
01:04:50ああいうとこで写真撮った、大体おっさんですよね
01:04:50僕もそのおっさんの仲身にしてるんで、完全に
01:04:50はい
01:04:50で、えっとね、ま、ここに、ま、こんなん色々あの写真が表示されちゃってるんですけど、スクショだけがね、表示されて欲しいんですよね
01:04:50はい
01:04:51なんで、えっと、まずスクショだけが表示されるようにしたいんですけどね
01:04:51そんなんできるんかなって思うじゃないですか
01:04:51で、iPhoneのギャラリーアプリを見ると
01:04:51 えっと、ま、メディアタイプとか、えっとね、色々あって、確かね、あった、あった、ここっすね
01:04:51ま、このちょっと見えるか分からへんけど、ピントが合いにくいっすね
01:04:51はい
01:04:51で、ここの、ま、これiPhoneデフォルトのギャラリーのあれなんですけど、えっと、メディアタイプこうやってスクロールしていって、メディアタイプのところにスクリーンショットってあるんですよ
01:04:51で、このスクリーンショットのフォルダーを、ま、抽出してここに表示させるって、ま、普通に考えたらできると思うんで、てか、ま、 やったことあると思うんですよね、それ前、昔実装で
01:04:51だから、ま、それをちょっとお願いしていきたいっす
01:04:51はい
01:04:52できるのか? Wブコーディングで
01:04:52今スクリーンショットのところに自分のギャラリーに最近撮った写真やスクリーンショットなどが表示されるようになった
01:04:52普通の写真はそこに表示せずに、スクリーンショットだけをフィルタリングして、スクリーンショットの画像だけをそこに表示されるようにしてください
01:04:52ま、こういう感じでお願いしました
01:04:52で、これちなみに音声入力、アクアボイスっていうやつ使ってます
01:04:52 す
01:04:52で、Macを使ってる人だと、えっとね、最新の、ま、M1、M2、M3、M4とかのMacBook Airとかやと、このFキーボードのところに、ま、マイクのアイコンが置いてあると思うんですけど、それを押したら、ま、デフォルトでね、あの、siriの、ま、音声入力使えるんですけど、精度がそんなに良くないんで、えっとね、ま、このアクアボイスってやつのほうが、ま、AIが入ってて、なんか言い間違いとかも勝手にこう直してくれたりとか、使えば使うほど学習して、ま、良くなっていくんで、僕は
01:04:52 ま、結構お勧めしてます
01:04:52ま、YouTubeにもその動画出してるんで、ま、興味ある人は、ま、見てみてください
01:04:53で、音声入力する時に精度を上げるのに、ま、重要なことがあって、ま、Eマイクを使うってことなんですよ
01:04:53めっちゃ単純なんですけど、今これ、ま、ダイナミックマイクってやつで、ま、見ての通りめちゃくちゃいいマイクす
01:04:53はい
01:04:53で、これ、ま、ちょっと名前もするようなマイクなんですけど、ま、そんなの使わなくてもマイクの入力音声の、ま、質を上げる方法っていうのは、ま、自分
01:04:53 の、口とマイクの距離がどれだけ離れてるか、どれだけ近いかによって、ま、音質っていうのが決まってくるんですよね
01:04:53ハキハキしてる、クリスタルクリアとかって言うんですけど
01:04:53で、ま、Macを使ってても、iPhoneを使ってても、ま、電話する時とかにこの口元にめちゃくちゃこうやって近づけて話すと、基本的にはめちゃくちゃ音質のいい音声が、ま、入力できる
01:04:53で、だから昔のiPhone、ま、昔のAppleのイヤバズっていうね、AirPodsが出る前のこういう白いケーブルのやつとかで、ここにマ いくつ付いてるじゃないですか
01:04:53チラチラって
01:04:53で、これを口元にめっちゃ近づけてこうやって話したりすると、あの、すげえあんな、2、3000円のあの、普通のイヤホンなんですけど、めっちゃ音質が良く録音できるんで、ま、別にお金ない人とか、毎にお金かけたくない人は、あの、普通にMacを顔に近づけて入力するとか、iPhoneでこうやってイブコーディングで音声入力する時とか、ま、口元にこうやって近づけて話すとか、ま、それだけで、あの、全然問題ないんで、あの、マイクと口を近づけて音声入力
01:04:54 るるってことだけ置いていってください
01:04:54で、ま、機材に投資したりとか、い、マイク、配信で使うかもしれないから欲しいみたいな人は、ま、僕のノートの記事に、え、僕が使ってる機材のやつと全部書いてるんで、ま、それも参考にしてみたりしてみてください
01:04:54はい
01:04:54これ普通に先やっとけばよかったな
01:04:54ま、ま、ちょっとまた時間かかると思うんで、一旦動画止めます
01:04:54はい
01:04:54AIさん実装終わったらしいんで、このデバイスプレビューでスキャンして、アプリアップデートして確認してみるとされてんのか
01:04:54もう1回ちょ
01:04:54 っと、スキャンして
01:04:54ま、このまたエキスポでね、えっと、ダウンロードしてビルドを見るとで、スクリーンショットのところに表示されてんのが、なんかめっちゃ時間かかってますね、これ
01:04:55ああ
01:04:55いや、まだ普通にこのさっき撮影したこの車の写真が表示されてるからダメっすね
01:04:55車の写真はスクショじゃないよ
01:04:55ま、これちょっと色々やってみないとダメっぽいんで、どうやって、えっと、スクショって判別するかみたいなロジックを理解できてないっぽいすね
01:04:55改善点のところちょっと読むか
01:04:55デバイスのスクリーンシ ョット専用アルバムを最初に検索
01:04:55複数の言語、英語、日本語、アルバム名へを検索
01:04:55ファイル名にスクリーンショット関連のキーワードが含まれる画像を検出で、ダメっすね
01:04:55これ、やとどうやったらいいんや？えっと、ちょっとチャットGPTに聞いてみるか
01:04:55なんて言おうか
01:04:56リアクトネテティブエクスポで、スクリーンショットの画像だけが表示されるアプリを開発してる
01:04:56iPhoneでスクリーンショットを取った場合、どのようなフォルダーにどのような名前で保存されますか？それを判別できたら、フィルタリングしてス クリー ン ショットだけをアプリ上に表示させることができると思うのですが、チャットGPT 5になりましたね
01:04:56そういえば、なんか最近4が濃いしっていうのがめちゃくちゃTwitterとかでよく見てて、チッGPTで恋愛してたねとかがいっぱいいるみたいななんすよ
01:04:56にああ、のちょっとSっ気のあるイケメン男子みたいな性格をこう設定して、ま、その人にこう結構なんやろな、おい、あれしろよみたいなこと言われたりとか、早く寝ろ、寝る時間だぜみたいな感じのことを僕の想像すけけど言わせてる、あの女性がね、いると、ま、男性もすよ
01:04:56 、恋 愛 す る み た い な 人 が 結 構 い る ら し い ん で す け ど、5 に な っ て 4 が 消 え ち ゃ っ て、人格 が め ち ゃ く ち ゃ 変 わ っ た み た い な の で、め ち ゃ く ち ゃ シ ョ ッ ク 受 け て る っ て い う 人 が ね、め っ ち ゃ い る ら し い ん で す よ
01:04:56マジ で、ね、た ま っ た も ん じ ゃ な い い す よ ね
01:04:56や っ て る 側 か ら す る と
01:04:56「お い、勝 手 に 俺 の 彼 氏、彼 女 の 性 格 変 え ん な よ、オ ー プ ン A I し た っ て
01:04:56」ま、僕 が こ れ ガ チ で 恋 愛 し て か な り 切 れ ま す ね
01:04:57切 れ る ど こ ろ じ ゃ な い す ね、マジ で
01:04:57そ れ ね、結 構 危 険 や な と 思 う ん す よ ね
01:04:57な ん で、え っ と ね、ま、そ れ 専 用 の ア プ リ と か も あ る ん ですけど、チャットGPTが別に恋愛専用のアプリとして開発されてるわけではないんで、えっとね、それ専用のアプリの意味需要ってあるんやなってちょっと思いました
01:04:57あの、ま、開発それようにね、元からしてて、そういう、ま、成果が変わらないように頑張って開発してるアプリとか、ま、4を普通にAPIで裏側で使ってるアプリとかがあった場合は、ま、別にこんなチャットGPTのデフォルトのね、大きいアップデートがあったところで、その影響を、ま、比較的受けないように、ま、流すことができるとかがあっ て、何の話やって感じですけど、だからね、恋愛シミュレーションAIアプリって、ちゃんとGPTで良くねって思ってた人たちもいるけれども、実はそれ専用のアプリって意味あるんやなって
01:04:57はい
01:04:57これこんな感じで書いたけど
01:04:57うん
01:04:57ま、ちょっとね、ま、チャットGPT5がこんな感じで言ってるけど、これそのままコピペしてボルトに言ったらやってくれんのかな？やってみるか
01:04:57まだスクリーンショットだけが表示されるようにはなってなくて、全然関係ない普通に撮った写真も表示されてしまっている
01:04:57これを
01:04:58 参考に、ちゃんとスクリーンショットだけが表示されるようにアップデートしてください
01:04:58[音楽]で、コピーペしてこれを送ると、すげえ長いな
01:04:58ま、AIを横断しててか、これなら普通にボルトがやってくれよって感じすけどね
01:04:58はい
01:04:58えっと、ま、ここを見ると、えっとね、ま、最初さっきチャットGPTで長文で、ま、アドバイスをもらってコピーペして、で、それでもなんかできなかったす
01:04:58まだ写真も表示されてる
01:04:58なぜで、ちょっと詰めてでそしたら、ま、メディアタイプス、メディアサブタイプスの指定ができなかっ ったから、えっと、なんか、ま、こういう感じでね、定数で指定しました
01:04:58でも、それでもできなかったっす
01:04:58はい
01:04:58で、そしたらなんかスクリーンショットの読み込みに失敗しましたと表示されるから、ま、それを伝えてやったら、えっと、ね、なぜか、ま、行けるようになりました
01:04:59ま、ここら辺はね、別に、なぜかいけましたぐらいでいいと思います
01:04:59あの、別にセキュリティ側とか、なんかそういう感じの、ま、段階ではないんで
01:04:59ま、一旦これで、えっと、スクショがね、ちゃんと表示されるようになりました
01:04:59ま、普通になん
01:04:59 やろな
01:04:59ま、嬉しい
01:04:59あの、スクショがこうやって一瞬でちゃって見えるだけでも、ぶっちゃけ僕としては結構価値がある
01:04:59で、なんでかって言うと、ま、まだその自分の仕事のワークフローとかにはまだ取り入れてないけど、ま、やりたいこととしては、そのさっきも言ったこのアプリを作ってる理由っていうので、ま、自分が、ま、後でやらないといけないことを、Do作んのめんどくさいし、忘れないようにしたい
01:04:59で、通知送られてきた時に開いたら通知が消えちゃって後でやるの忘れるで色々あると思うんですよね
01:05:00で、いろ ん、なアプリにそのタスクが横断してるんですよ、今
01:05:00ま、Google、電話、ま、Gmail、えっと、ま、もうそんな感じ
01:05:00TwitterのDMとか、Facebookのメッセンジャーとか、ま、もう返信その場ですんの、するのが1番いいすけど、家族と遊んでる時とか、友達とカフェで話してる時とかに、ちらっと携帯見ちゃった時とかに、その見たら最悪の気分になるじゃないですか
01:05:00マジで、それを最悪な気分にならないようにしたいんですよね
01:05:00あ、まだ来てるわ、今返さな、とか
01:05:00あ、後で忘れないようにしないとって
01:05:00 多分、みんな持ってると思うんすよ
01:05:00これ、マジでもうほんまに最悪な気分なんですよね、これ
01:05:00あの、今仕事考えたくないし、後で忘れたくないし、今やるしかないのか、後で忘れないようにメモすんのか、doに入れんのか、カレンダーに入れんのか
01:05:00カレンダーに入れんのめんどくさい
01:05:01子供がバーって走り回って追いかけてる時に、カレンダーがちゃってやったりとか、あの、友達とカフェでゆっくりなんか、ま、仕事の話でもいいし、別に全然高校の友達と美味しいラーメンの話とかしてる時でもいいし、そんな時にこうちらって
01:05:01 事の、やつが見えた時の、もうあの最悪な気分、ほんまにもう、めっちゃイライラするやつ
01:05:01あの、さっきもなんか電話かかってきて、僕のせいなんですけど、僕の書類に不備があるとか電話かかってきて、今から銀座に家族って、伊東親行（いとうちかゆき）行ってステーショナリーグッズ見たり、子供のおもちゃ行ったりとかするで、ま、銀座混んでるから最初青山1丁目でランチ食うかっていう時に、あの、なんか、ああ、車買うっていうタイミングでね、あの、なんか書類に踏みがありましたって、またあの、管理会社になんか言って、あの、ま、車庫照
01:05:01 明日のやつとかをこうバーってまた設定して、あの、発行してもらって、手数料がいくらでいつ届くか分かりませんみたいな、訳の分からんこと言われて、今銀行で送るからレターパックで明日が今日か明日送ってくれたら、ま、2日後までには絶対届きますよねって、届くじゃないですか
01:05:01で、明日明後日に遅れるって言うから届きますよねって言ったら、なんかああ、いや、それは保証できないすみたいな
01:05:01郵便局の仕事なんで、我々はそこまで分からないんで、それは言えないすみたいな感じのことをね、な、遠回しにめちゃ言って
01:05:01 、ま、それで、ちょっとこう、ま、僕も最近短気なんで、割とちょっとイラっとしてしまったりとか、なんかそんなね、ま、すいません
01:05:01話が長くなりました
01:05:01要は、あのブロックタイムっていうのを分けるべきなんです
01:05:01仕事の時は仕事の時、自営業であろうが、家族の時はなるべく1秒以内にその仕事を終わらせる
01:05:021秒以内で僕が思いついたその1秒以内の方法っていうのが、あ、通知来てた
01:05:02iPhoneのここのね、電源ボタンとこのオートプラスボタンこうやってカチって押してスクショ取れば、自動でその仕事が完了する
01:05:02だ
01:05:02 からも、もう僕がやる仕事ってのは、通知を見る仕事のやつやってなったら、ここのね、こことここガチッとしたらいいだけ
01:05:021秒以内、多分0.3秒でできる
01:05:02この仕事であとはもうAIにやってもらう
01:05:02あの、タスクをTodoにするのか、ま、簡単なメールとかやったら、もう勝手に返信しといてもらっていい
01:05:02あの、僕最近、ま、毎日、まあ、何件かそのインフルエンサーとしての案件のね、提案のメールとかTwitterのDMとか送られてくるんですけど、そんなんね、毎回毎回もうメール編成するのは、さきめちゃくちゃめんど
01:05:02 臭いよ
01:05:03で、大半が、僕の単価として絶対受けないぞっていうぐらいの低い単価で最初交渉入ったりするんで、ま、そんなんどうでもいいんすよ
01:05:03なんか数万円で、ま、一応なんか何時間かこうなんか動画撮影とか編集を依頼したりとか、なんかそういうのあったりとかもそんなやりたくないんですよ
01:05:03うん
01:05:03ただ中には、ま、いい単価であったりとか、僕がなんか好きなプロダクトで僕側から提案してるのにやっと返信が来たりとか、なんかそういうのがあったりして、なんかそういうのを、まあある程度AIが学習してくれて、僕のあ 思うように、例えばそのオンライン秘書をね、あの採用すると、ま、最低大体4万円ぐらいから日本へとオンライン秘書を採用できるんですけど、オンライン秘書にお願いすることって、例えば解職の場所を設定してくださいとか、あの請求書を作成しといてくださいとか、メール返信しといてくださいとか、ま、メールの返信は結構自分でやらないといけないですけど、ま、あの、例えば、あの、ピッチで使うスライドを作成してください、修正してくださいとか、なんかそういう感じのをオンライン一緒に、ま、月4 万円とか、ま、時給2000円ぐらいで採用するらしいんですよね
01:05:03高い
01:05:03もう、や、それは高い
01:05:03それは結構使い方をうまく器用にやらないと、その2000円分さ回収できてるかは、ま、怪しい
01:05:03意外と頼めない内容多いしね
01:05:03で、ま、2000ぐらいだったら全然その社場さんがすんげえ稼いでる人やったらいいんですけど、ま、僕も別に2000ペイできるぐらいにはったらおそらくその収益上げてると思うんすけど、なんかまだケチ消し結構庶民派というか、なんか2000円すげえ高く感じるんで嫌なんですよね
01:05:03あ
01:05:04 と、そのステークホルダーを増やしたくないってので、例えばそのオンラインに依頼する、あのっていうこと自体がもうめんどくさい
01:05:04そもそもどのオンライン秘書の会社がいいのかとか、なんか選んだとしても、なんかすげえ損してる気分がする
01:05:04それが絶対ベストじゃない可能性が高いとか、他の方が実は良かったとか、後から他の社長さんに言われたりとかして、え、そこのやつ結構高くねみたいな、うちのやつももっとやってくれるよとか、大体言われんですよ、こういうの
01:05:04あの、僕がバーチャルなんやろな、会社の法人と出てそのバ ャル法人、バーチャル事務所みたいなのを設定して、そっから設定してるや時とか、なんか最初のもわかんないじゃないですか
01:05:04だとりあえず検索して一番安そうなとか、一番良さそうなやつを選ぶんですけど、それでそれがベストっての可能性って、ベストじゃない可能性の方が高いんすよ
01:05:04だから後で嫌な気分なんの分かってんですよ
01:05:04その選んだところでっていうのがまず嫌
01:05:04オンラインやる理由だから誰かにお勧めされたい
01:05:04結構知ってるような感じの人に、であとはその、ま、バーチャル秘書の会社、もしくはその個人
01:05:04 に、毎月また、振り込むとか、なんかその契約更新ですけど、どうしますかとか、ここまではできるんですけど、ここまではできないんです
01:05:05なんか、このプランやったらできますとか、なんかそんなめんどくさい説明をされんのが嫌
01:05:05ああ、だから、ま、社会不適合者間半端ないし、なんかソロプレーナーがこういうね、あの、なるべくステークホルダーを減らして、こういう余計なことを考えなくて済むような、ま、リーンな経営方針みたいなのが、ま、僕が押してる理由ですね
01:05:05なんか、いかなるステークホルダーであったとしても、それ が、全体のROIを考えた時に、ほんまにプラスになってるのか、マイナスになっちゃうか、実は時間奪われてるくねとか、まああるやん
01:05:05よくよく考えたら、これ払ってるけど、むしろなんか損してねみたいことって、それを毎回毎回結構考える
01:05:05グラウンドアップであのファーストプリンシプルシンキングとかで、ま第1思飛思考原理とか、なんか色々あるけど、言い方は、毎回毎回考えてんのもね、すげえなんか効率悪いなと自分では思うけど、なんか結構考えたいらんくねって思うことが多いんで、それだったらもう別に自分でシステム作ったりとか、AIに任
01:05:05 せる方が今の時代いいんじゃねって毎回毎回思っちゃうっていうね、あの安泰ソーシャル、あの大変社会不適合者なんです
01:05:05はい
01:05:05だから、これ作ってるっていう感じです
01:05:05はい
01:05:06ちょっとこの開発のやり方とは関係ないとこになったけど、ま、僕がまたちょっと愚時間を作っちゃいました
01:05:06次行きます
01:05:06はい
01:05:06今日は、ま、趣向を変えて、ま、自分がね、ちょっと欲しいかなと思ってるアプリをボルトとで、ま、最初からね、あの、初期化して開発していくみたいな動画を撮ってみました
01:05:06で、ま、開発進捗としては
01:05:06 まだ全然ね、多分10%ぐらいというか、まあ、10%ぐらいですね
01:05:06あの、ちょっと形になったかなぐらいなんですけど、ま、最初の形になるのってこんなに簡単なんやっていうのが、非エンジニアの人に伝わればいいかなっていうので、ま、かなり、えっと、やったことない人向けに色々ね、あの、ぐちゃぐちゃ説明をしながら動画撮ってみました
01:05:06で、ま、こっからね、えっと、もっとあの、細かいUIを整えたりとか、UXを整えたりとか、あとやらないといけないこととしては、ま、オンボーディングの作成、オ ンボーディングっていうのは、ま、アプリをダウンロードした人が、最初にこれはどういうアプリかっていうのを、まあ、なんかこう、あなたはどういう人ですかとか、なんかログインとか、ま、色々あるやん
01:05:06で、その最初のダウンロードした時に、ま、質問答える系のやつですね
01:05:06こう横スクロールとかで、ま、サイン、サインアップとか、ま、データベース、ま、必要かな、このアプリやと
01:05:07はい
01:05:07ま、展望を考えると、ま、ログイン、ログアウト、サインアップとかユーザー作成が必要な感じかなと思います
01:05:07展望を考える
01:05:07 めちゃくちゃシンプルやっとね、別になしでもいけるような気はする
01:05:07ただ、ま、AIであの、バックエンドと、あの、ま、オープンAIのAPIとなんかこう連絡し合ったりとかする場合は、えっと、必要かな
01:05:07うん
01:05:07ま、そのOpen AIのAPIキーとかをユーザーにこうペってコピーペしてもらうとかで、ま、なんて言う、こういう抜け道でね、そういうのやれる実装もあるけど、ま、それもね、普通にこのアプリ使ってみたいよっていう人が毎回そのOpen AI、OPAIとかクロードのキーをそこにやるとか
01:05:07 は、考えにくいんでも、その辺もまるっとバックエンドでこっち持ちでやるっていう実装方針になるかなと思います
01:05:07はい
01:05:07で、ま、オンーディングで、ま、サイン、3アップで、バックエンドの実装とかで、その次は、えっと、ま、ペイオールとか、え、サブスク機能ですね、レベニューキャットを使ってそういうの、実装したりとかで、あとはこの今、え、クラウド上のボルトで開発してるんですけど、コードベースを、ま、ダウンロードしてきてローカルで開発を進めていくっていうところに、ま、どっかのタイミングで切り替
01:05:08 え、ます
01:05:08で、切り替えた後は、ま、カーソルとか、Windowsフトレとか、そのAI駆動開発でよく使われるような、えっと、ま、統合開発環境のエディターを使って開発していくっていう流れになると
01:05:08で、ま、基本的に別にローカルでね、全部コードとかも管理してていいけど、ま、パソコンぶっ壊れたとか水没した、ま、そんなことはなかなかないけど、コードもクラウドに上げといた方がいいんで、ま、キットハブに、ま、登録して自分のコードを、ま、自分のプライベートリポジトリーに、ま、プッシュしてクラウド で、管理するようにしてたりとかで、ま、チーム開発してるような人やったら、Gitハブでコード管理してたら、ま、他の人に、他の人をそのギithubのリポジトリーのプロジェクトに招待して、パーミッション当たれば、ま、一緒に開発していけるようになるとか、ま、そういう感じの、ま、流れとしてはこういう感じですね
01:05:08で、あとは最終的に、ま、ある程度形になったら、ま、早いタイミングでApple StとGoogle Playに、えっと、サブミッションして、ま、最初はね、あの、もしかしたらリジェクト されるかもしれないです
01:05:08なんかスクショがあんまり違うよとか、あの、ま、プライバシーのリンクがちゃんと貼られてないよとか、ま、よくあるので言うと、ま、そんなんかな
01:05:08ま、結構でもよくあるのって言っても、なんかそんなとこ突っ込むっていう、あの、Appleのレビューも最近ほんまに質が悪くなってきます
01:05:08あの、おそらく、ま、よく言われてんのが、あの、サードワールドカントリー、安い単価の、ま、インドとか、ま、聞いたこともないような国の安い、あの、賃金の人を、ま、オンラインで雇って、ま、その人らに iPadとかを付与するのか、元から持ってるのを使わせてるのか知らんけど、ま、そういう人に使わせてなんかこう、一応ね、あの、チェックリストみたいなのがその人を配布されてて、それに合ってるか合ってないかみたいなのを見ながらこうやってバーって工場みたいなとこでやってる
01:05:08やってて、だ、ま、レビューとかで帰ってくる英語とかも怪しいし、ま、まともな質問しても、まともな回答が帰ってくることってのは基本ないんで、ま、Appleのレビューの質も年々悪くなってたりとか、ま、そういうね、あの、 イライラはあるんですけど、最後まで頑張ってリリースするので、頑張っていきましょう
01:05:08うん
01:05:09いいことと悪いこと色々あるから、アプリ開発してると
01:05:09っていう感じで、ま、第1弾みたいな感じでね、あの、最初は簡単な感じで動画撮ってみました
01:05:09ま、興味ある人は僕の、ま、運営する、メーカーズギルドとかに参加してもらって、エンジニアの人から質問もらったりとか、アドバイスもらいながら開発進めていくのがいいんじゃないかなと思います
01:05:09で、自分でやるよっていう人ももちろんいると思うんですけど、ま、スタック したらね、それなりにこう解決する方法が色々あったりするんで、ま、そういうのも後で説明したり紹介したりしようかなと思います
01:05:09はい
01:05:12じゃあ、ま、今回こんな感じですかね
01:05:15ボルトを使ってまたアプリを作ってみるっていう動画でした
01:05:18ま、質問等あれば、え、質問、コメント欄によろしくお願いします
01:05:21登録も、チャンネル登録ももちろんよろしく
01:05:21よ
01:05:22
