「バックベアード様、出現!」アプリ作ったら次はバグ修正だ!知識0でもできるバイブコーディング!で妖怪退治。
アプリ制作は簡単、ただし・・・
せっかく作ったアプリ。
でも欲しかったのはこうじゃない・・・。
そんなあなたにオススメ。
実際にアプリをブラッシュアップしていく過程を
全部お見せします。
前回のあらすじ:Antigravityが3レスでやってくれました。
見づらい、分かりづらい、使いにくい。
さぁ、修正作業だ!
まず、前回の作成したアプリではバグが一つ残っていました。
ちゃんとビュー数、コメント数、スキ数が取得できているのに
エラーが発生しました。という表示が出てしまいます。
今回は初手でAntigravityに修正をしてもらいましょう。
ついでに、見づらい画面の修正と欲しい機能も付け加えて
好き放題に指示文を盛り込みます。
指示を出す時は、スクショで現象を見せると理解が早いです。



noteでスキ押しまくっている間に作業は終了しました。
さあ試してみましょうか。

どうやらビューのアイコンが巨大になって表示されているようです。
誰がバックベアード様作れっつったよ!
えーい、修正だ修正!


そして

これはもしかして


おいおい、素晴らしいのができたぜ
できるようになったこと
1)ダッシュボードを開く。
2)拡張機能の保存を押す。
3)その時点でのビュー・コメント・スキが記録される。
4)別タブで記事別の比較ができる。
5)記事ごとの詳細がわかる。
6)履歴として残るので、いつどんな風に
記録が伸びたか理解できる!
ここまでの作業時間
前回記事アップしてから2時間ほど経っています。
実作業としてはAntigravityの作業時間は20分ほどでした。
その間、私は同時進行でこの記事を書いてました。
集中していればもっとサクッと終わったでしょう。
どうですか、お客さん!?
クオリティも機能も申し分ないとは思いませんか?
手動で記録する必要がありますが、
そこはnoteの利用規約的に全自動はアウトっぽいので。
ダッシュボードを開くだけで自分の履歴が把握できる。
これは良いものだ・・・。
良いものは見せびらかしたくなるものです。
まあ多分まだバグは残っているはずです。
それでも良いという奇特な方は上記ダウンロードでzipが落とせます。
展開してChromeの拡張にインストールすると使えるかもしれません。
使えないかもしれません。
そこら辺はアプリ開発の要でもあるんですが、
自分用のアプリなら簡単なんですよ。
他人が使うとなると環境差異を吸収して擦り合わせる必要があるんですね。
だから労力かかるし、ちゃんとお金取るんです。
当たり前の話ですけどね。
まとめ
前回・今回とでアプリを作成してみました。
個人的には満足のいくものが2時間程度で作成できたと思います。
何より作業効率が半端じゃないです。
note執筆しながら、スクショ撮りながら、アプリ開発。
これが同時並行に行える時代なんですねぇ。
乗るしかない、このビッグウェーブに
こんな感じでバイブコーディングの入り口を増やして
色んな人を引き摺り込むのが、この記事シリーズの目標です。
お前もAIにならないか?
あと不思議なことに、この程度のことやってく内に、
どんどん知識が増えていってしまうのです。
習うより慣れろ、は本当のようですよ。
2話に渡ってお付き合いありがとうございました。
次回は何しようかな。AI関係の性能比較でも書きますかね。
今後とも引き続きよろしくお願いいたします。
あ、普段は小学生がガレージに国を作っちゃった実話の
思い出を書いてますので、お時間あればドゾー。
