『ChatGPT』と『BingAI』どっちがいいの？システム開発における文章生成AI”比較編”

プロンプトエンジニアリング応用編（ChatGPT）に続き、今回は比較編として同じ無料版の『BingAI』を用いてシステム構築した内容を紹介します。

（前の記事：AI活用によるシステム開発『プロンプトエンジニアリング』応用編）

取り組みの概要

本取り組みは『BingAIから生成されたコード』を用いて実際に開発を行うという内容です。

【前提条件】

• アパレル系ECサイトのレイアウトをコーディングすることを目的とする
• 使用する言語はHTML、CSS、JavaScript(jQuery)とする
• ChatGPTで検証した時と同様に、日本語プロンプトを英語に翻訳してBingAIに投げる
• BingAIの会話スタイルは「より厳密に」を設定する

プロンプト初回

生成結果

コードが問題なく生成されているように見受けられます。

• HTML、CSSコード別、枠で囲んで作成している
• classやid属性も適切に使うなど、プロンプトの中にある「基本ルール」も反映されている

構築結果

プロンプトの通り『タイトル』、『メニューバー』は実装されておりますが、『サブメニュー』が実装されておりません。

プロンプト2回目

『サブメニュー』が実装されないエラーの解消を求めてコードの修正を依頼します。

ChatGPTは依頼するたびに常に全部コードを作り直していましたが、BingAIの場合は部分的に修正してくれます。

構築結果（2回目）

指示通り修正して実行しても『サブメニュー』は表示されませんでした…。

プロンプト3回目

再度エラーの解消のために回答を求めます。

生成結果（3回目）

今度はコードではなくて設定周りの確認が返ってきましたので、全部問題ないことを回答します。

すると別の確認依頼に紛れて修正コードが返ってきましたので反映してみます。

構築結果（3回目）

反映した結果、無事に『サブメニュー』を表示することができました。

プロンプト4回目

最後はイメージスライダーの作成を依頼します。
（プロンプトはChatGPTの検証時と同じです）

生成結果（4回目）

• イメージスライダーに必要なソースを各プログラム言語セクションごとに分けて作成している
• インターネットからイメージを参照する依頼については、任意のサイトからイメージを参照して表示させると想定していたが、サンプルコードという観点でもありひな形で定義してくれた
• 既存ソースコードは省略して親切な印象を受ける

構築結果（4回目）

イメージスライダーの形ではありませんがイメージが順番的に切り替わることは確認できました。

ただし手動で切り替えることができないのと、なぜか左にイメージが寄っています。

プロンプト5回目

上記の追加と修正の依頼をします。

生成結果（5回目）

新しいコードが生成されましたので反映してみます。

構築結果（5回目）

なぜがイメージが消えました…。

矢印ボタンの位置もおかしいです…。

その後について…

その後も画面表示の問題に対して修正依頼を試みたもの設定周りの確認の回答が主となり、BingAIによるソースコードの再生成はありませんでした…。

コード生成における『ChatGPT』vs『BingAI』

結論：ChatGPTの方が向いていると思われる

簡単な表ですが、感覚的にはこのような感じかと思います。

コード生成能力

→ChatGPTとBingAIのどちらもユーザーの意図に近い結果を出すことができます。

回答スピード

→ChatGPTがBingAIに比べて生成速度が早かったです。
おそらくBingAIの場合はネット検索での時間が発生するためと思われます。

使いやすさ

→ChatGPTの場合はブラウザやプロンプトにおける文字数・回答数制限がありません。
→BingAIの場合はEdgeブラウザのみ利用可かつプロンプトの文字数・回答数制限があります。（2023年6月時点）

BingAIおもしろ新発見

ChatGPTではなかった面白い回答がありましたので２つほどご紹介します。

①コード生成前に確認メッセージを挟む

プロンプトに対して確認を挟むような回答が返ってきました。

この回答に「HTMLとCSSコードの例を提供してくれ」と返答すると、プログラムコードを作成し始めました。

②強引に話題を変える

NodeJSを用いたチャット機能に関する実装をAIチャットボットにお願いしたら実装方法について説明してくれましたので、その説明文を基にコードを書いてとリクエストしました。

最初はコードを書き出していたようですが途中まで書いた内容を全部消して、何事もなかったように「話題を変えましょう」（上のイメージ）という答えが返ってきました。

コード生成中に何かしらのエラーが発生した可能性があるのかもしれません…。

まとめ

今回は前回のChatGPTに引き続きBingAIでコード生成してシステム構築を試してみました。

上記にもある通り、コード生成においては「ChatGPT」に軍配があがりますが、何か調べ物をしたい、必要な情報を纏めてほしいというニーズには「BingAI」の方が使い勝手が良さそうです。

それと会話という意味では「BingAI」の方が自然体です。

いずれにせよ今回も無料版での試みになるので、本格的な事業での活用を検討する際は「Azure OpenAI Service」のような有料版を利用することになりますが、その場合はまた結果が変わってくるかと思います。

次回は”Chat”ではないGPTモデルについてご紹介します。
（GPTは「Chat」だけじゃない？意外と知られていない生成AI『BioGPT』とは）