Quantcast
Channel: プログラミング
Viewing all articles
Browse latest Browse all 7890

bolt.new(生成AI)で簡単アプリ開発:Vue.js初心者が30分で三目並べを作成 - 中小企業のITサポート

$
0
0

はじめに

今朝、ブラウザ上でアプリ開発ができる「bolt.new」という生成AIを試してみました。特に驚いたのは、日本語でチャットするだけでアプリを作成できる点です。Vue.js初心者の私でも、30分で三目並べのゲームを作成することができました。誤解を恐れずに言えば、Vue.jsを知らなくてもアプリ開発ができます。

この記事では、私が実際に三目並べアプリを作成した過程を紹介し、生成AIを活用した開発体験について書きます。さらに、プログラマが不要になるかもしれない未来についても自分なりに掘り下げています。

1. bolt.newとは?

ブラウザでアプリ開発JavaScriptフレームワークを使用)ができる生成AIです。

bolt.new

1.1 bolt.newの概要と特徴

bolt.newは、ブラウザ上でアプリを開発できるプラットフォームです。日本語でアプリの要件を入力し、生成AIとやり取りする(チャットベース)ことで、実際のコードが自動的に生成されます。特に、Vue.jsやReactといったモダンなJavaScriptフレームワークに対応しており、初心者でも手軽に使えるのが魅力です。

1.2 生成AIとの連携

生成AIを使うことで、コードの作成や修正が迅速かつ簡単に行えます。アプリのロジックだけでなく、UIの微調整やデザインに関する指示もAIに任せることができるため、開発者の負担を大幅に軽減できます。背景色の調整もAIが即座に対応してくれます。見た目の調整って地味に時間がかかるので助かります。

2. 実際に試してみた:三目並べを30分で作成

作成したアプリはこちら

www.youtube.com

2.1 Vue.js初心者でも簡単にできる?

私はVue.js初心者ですが、bolt.newは日本語でAIとやりとり(チャット)するだけでアプリが作成できるため、全くのコード初心者でも取り組みやすいと感じました。

2.2 実際に入力した内容と結果

実際に入力した内容(プロンプト)です

下記のゲームをvueで作成してください

縦と横が3列の9マスにマルとバツを交互に入れて、先に縦・横・斜めの3列が同じ値に揃ったほうが勝ち

マスの背景色とマルとバツの色を視覚的に分かりやすい色に変更してください

マスを選択したときに、マスの大きさが変わるので固定にしてください

文字を日本語に変更してください

タイトルを三目並べに変更してください

これだけで動画の三目並べを作成してくれました。

2.3 完成したアプリの公開方法

作成したアプリは、簡単に公開でき、他の人と共有することも可能です。この手軽さもまた、開発者にとって大きな利点です。

3. プログラマは不要になるのか?

3.1 生成AIで置き換えられる部分

生成AIは、単純なコーディング作業や仕様に従った実装が得意です。そのため、将来的に「指示通りに動くだけのプログラマ」はAIに置き換えられる可能性があります。しかし、すべてのプログラマが置き換わるわけではありません。

3.2 プログラマにしかできない重要な役割

プログラマは、単にコードを記述するだけでなく、課題を解決するための適切なアプローチを考える能力が求められます。問題をどう解決するか、効率的に実現する方法を考えるのは、現状では人間にしかできない役割です。(プロンプトを考える部分ですね)

4. 生成AIの活用方法

4.1 技術のキャッチアップに使う

生成AIを使うことで、新しい技術に短時間でキャッチアップできます。例えば、Vue.jsの初心者でも短時間でアプリを作成し、生成されたコードを通して学習が進みます。 私も経験がありますが、作りたい機能の実装方法を調べたり、動かない原因を調べていると時間はあっという間に過ぎてしまいます。ですが、生成AIが作成した実際に動作するコードがあると、そのコードを参考にして学習することができます。ゼロからコーディングするよりも、実際の動きが見れること、実装されているコードが見れることは、調査に費やす時間を削減し、継続率を高めてくれます。

4.2 業務での使用における注意点

業務で生成AIを使用する際は、セキュリティやコードの品質に注意が必要です。生成されたコードがそのまま使用できるとは限らず、脆弱性や不具合を確認し、修正するプロセスが不可欠です。ここも人間にしかできない役割ですね。

4.3 生成AIをどう活用するか?

生成AIが得意なことは生成AIに任せて作業効率を高める。空いた時間で、人間にしかできないことをスキルアップしていくことが必要だと思います!

まとめ

生成AIは、コーディングの敷居を下げ、より多くの人々がプログラミングに触れる機会を提供しています。しかし、最終的な目的や解決すべき課題をどうアプローチするかは、依然として人間に求められる部分です。生成AIを賢く活用し、自分のスキルを高めていくことが重要です。(自分に言い聞かせています)

最後に

参考にさせていただいたサイトを紹介します。 bolt.newの存在を知るきっかけを作っていただき、ありがとうございました!

zenn.dev


Viewing all articles
Browse latest Browse all 7890

Trending Articles