GPTs | ただの会社員がチャットGPTと月100万稼ぐまで https://chatgpt-million.com Thu, 19 Sep 2024 06:05:35 +0000 ja hourly 1 https://wordpress.org/?v=6.8.1 https://chatgpt-million.com/wp-content/uploads/2023/12/cropped-IMG_6090-32x32.png GPTs | ただの会社員がチャットGPTと月100万稼ぐまで https://chatgpt-million.com 32 32 【おすすめGPTs紹介】プログラミングが誰でも簡単に！？Code Copilotで時間当てゲームを作ってみた！ https://chatgpt-million.com/gpts-code-copilot-review/ Thu, 04 Apr 2024 23:55:42 +0000 https://chatgpt-million.com/?p=478 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、Programmingカテゴリーで1位（2024/4/4現在）になっている「Code Copilot」を紹介します！

Code Copilotって何？

まずは「Code Copilot」が、どんな機能をもっているのか確認してみます。

【説明文の日本語訳】

10 倍のプログラマーの専門知識を利用して、よりスマートにコードを作成し、より迅速に構築します。

どうやらCode Copilotは、プログラミングに特化したGPTsのようです。

この説明だけだと機能が分かりにくいので、何ができるのか質問してみました。

会社員A
会社員A

Code Copilotは何ができるの？

Code Copilot
Code Copilot

Code Copilotは、プログラミングに関するあらゆる質問や課題に対してサポートを提供するAIプログラミングアシスタントです。

以下のようなことができます：

  • APIドキュメントの速やかな閲覧
  • コードレビュー
  • デバッグ
  • 新しいコードスニペットの作成

具体的なプログラミング言語を指定することで、その言語に特化した支援を受けることができます。

また、コードの例、ドキュメントへのリンク、または関連する課題について詳細に説明することで、より具体的で適切なサポートを提供できます。

さらに詳しいガイドが必要な場合は、/helpコマンドを使用してください。

プログラミングの知識に関するサポートを受けられるみたいです。

ここからは、実際にCode Copilotを使ってプログラミングをしてみます！

Code Copilotを実際に使ってみた

突然ですが、下のストップウォッチを使ってみてください！！！

00:00:00.00

このストップウォッチはCode Copilotが作ったプログラミングを張り付けただけなんです！

どうやってストップウォッチを作ったのか、実際のチャットの様子をご紹介します。

（作成したプログラミングも一部載せていますが、読みたい方だけご覧ください...）

ストップウォッチができるまでのやり取り

会社員A
会社員A

ストップウォッチが使えるHTMLを作りたい

※HTML：ウェブサイトを作るのに必要なプログラミングのこと

Code Copilot
Code Copilot

ストップウォッチ機能を持つHTMLを作成するには、HTMLで基本的な構造を作り、JavaScriptを使用してタイマーのロジックを実装します。

以下のステップに従ってください：

  1. HTML：ストップウォッチの表示、スタート、ストップ、リセットボタンを含む基本的なマークアップを作成します。
  2. CSS：オプショナルですが、ストップウォッチとボタンを見やすくするためのスタイルを追加します。
  3. JavaScript：ストップウォッチの開始、停止、リセットの機能を実装します。

以下は、基本的なストップウォッチ機能を持つHTMLの例です：

【作成されたHTML】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ストップウォッチ</title>
<style>
    #stopwatch {
        font-size: 24px;
        margin-bottom: 10px;
    }
    button {
        font-size: 20px;
        margin-right: 5px;
    }
</style>
</head>
<body>

<div id="stopwatch">00:00:00</div>
<button id="start">スタート</button>
<button id="stop">ストップ</button>
<button id="reset">リセット</button>

<script>
let startTime, updatedTime, difference, tInterval, savedTime;
let running = 0;

function startTimer(){
  if(!running){
    startTime = new Date().getTime();
    tInterval = setInterval(getShowTime, 1);
    running = 1;
    document.getElementById('start').style.pointerEvents = 'none';
  }
}

function stopTimer(){
  if(running){
    clearInterval(tInterval);
    savedTime = difference;
    running = 0;
    document.getElementById('start').style.pointerEvents = 'auto';
  }
}

function resetTimer(){
  clearInterval(tInterval);
  savedTime = 0;
  difference = 0;
  running = 0;
  document.getElementById('stopwatch').innerHTML = '00:00:00';
  document.getElementById('start').style.pointerEvents = 'auto';
}

function getShowTime(){
  updatedTime = new Date().getTime();
  if(savedTime){
    difference = (updatedTime - startTime) + savedTime;
  } else {
    difference =  updatedTime - startTime;
  }
  let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
  let seconds = Math.floor((difference % (1000 * 60)) / 1000);
  let milliseconds = Math.floor((difference % (1000 * 60)) / 100);
  hours = (hours < 10) ? "0" + hours : hours;
  minutes = (minutes < 10) ? "0" + minutes : minutes;
  seconds = (seconds < 10) ? "0" + seconds : seconds;
  document.getElementById('stopwatch').innerHTML = hours + ':' + minutes + ':' + seconds;
}

document.getElementById('start').addEventListener('click', startTimer);
document.getElementById('stop').addEventListener('click', stopTimer);
document.getElementById('reset').addEventListener('click', resetTimer);
</script>

</body>
</html>

実際に動くストップウォッチが作れました！

文字化け対策として、４行目の<meta charset="UTF-8">を削除したものを閲覧できるようにしました。

気になる方は下記リンクからチェックしてみてください！

ストップウォッチ
d1l0k9j3tc588x.cloudfront.net

ここから機能や見た目を改善してみます。

会社員A
会社員A

0.01秒単位で計測できるストップウォッチにしたい

デザインをより魅力的にしたい

Code Copilot
Code Copilot

0.01秒（10ミリ秒）単位で計測する機能と、デザインをより魅力的にするためのスタイルを追加したバージョンのストップウォッチを以下に示します。

この例では、ストップウォッチを中央に配置し、ボタンにカスタムスタイルを適用しています。

【改善後のHTML】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ストップウォッチ</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #f0f0f0;
    }
    #stopwatch {
        font-size: 48px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-bottom: 20px;
        color: #333;
    }
    button {
        font-size: 16px;
        padding: 10px 20px;
        margin-right: 10px;
        border: none;
        background-color: #007bff;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    button:hover {
        background-color: #0056b3;
    }
    .container {
        text-align: center;
    }
</style>
</head>
<body>

<div class="container">
    <div id="stopwatch">00:00:00.00</div>
    <button id="start">スタート</button>
    <button id="stop">ストップ</button>
    <button id="reset">リセット</button>
</div>

<script>
let startTime, updatedTime, difference, tInterval, savedTime;
let running = 0;

function startTimer(){
  if(!running){
    startTime = new Date().getTime();
    tInterval = setInterval(getShowTime, 10); // 0.01秒ごとに更新
    running = 1;
    document.getElementById('start').disabled = true;
  }
}

function stopTimer(){
  if(running){
    clearInterval(tInterval);
    savedTime = difference;
    running = 0;
    document.getElementById('start').disabled = false;
  }
}

function resetTimer(){
  clearInterval(tInterval);
  savedTime = 0;
  difference = 0;
  running = 0;
  document.getElementById('stopwatch').innerHTML = '00:00:00.00';
  document.getElementById('start').disabled = false;
}

function getShowTime(){
  updatedTime = new Date().getTime();
  if(savedTime){
    difference = (updatedTime - startTime) + savedTime;
  } else {
    difference = updatedTime - startTime;
  }
  let hours = Math.floor(difference / (1000 * 60 * 60));
  let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
  let seconds = Math.floor((difference % (1000 * 60)) / 1000);
  let milliseconds = Math.floor((difference % 1000) / 10);
  hours = (hours < 10) ? "0" + hours : hours;
  minutes = (minutes < 10) ? "0" + minutes : minutes;
  seconds = (seconds < 10) ? "0" + seconds : seconds;
  milliseconds = (milliseconds < 10) ? "0" + milliseconds : milliseconds;
  document.getElementById('stopwatch').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + milliseconds;
}

document.getElementById('start').addEventListener('click', startTimer);
document.getElementById('stop').addEventListener('click', stopTimer);
document.getElementById('reset').addEventListener('click', resetTimer);
</script>

</body>
</html>

指示通り0.01秒単位の計測機能の追加とデザインの改善を行ってくれました！

改善したストップウォッチも使えるようにしてあるので、下記リンクをチェックしてみてください。

ストップウォッチ
d1l0k9j3tc588x.cloudfront.net

ブログに張り付けられるバージョンも作成してもらいます。

会社員A
会社員A

ワードプレスのカスタムHTMLに張り付けて使えるバージョンも作成してほしい

※ワードプレスのカスタムHTML：ブログに張り付ける用のHTML

Code Copilot
Code Copilot

WordPressのカスタムHTMLウィジェットやページに直接貼り付けて使用できるバージョンのストップウォッチです。

WordPressでは、外部スクリプトやスタイルシートのインラインでの使用を推奨しています。

以下のコードは、その要件に沿って作成されています。

このコードは、WordPressの「カスタムHTML」ウィジェットや、ページエディターのHTMLモードで直接使用できるようになっています。

外部リソースを使わず、スクリプトとスタイルをHTML内に直接記述していますので、WordPressでもそのまま機能します。

【ブログ用のHTML】

<div class="stopwatch-container">
    <div id="stopwatch">00:00:00.00</div>
    <button id="start">スタート</button>
    <button id="stop">ストップ</button>
    <button id="reset">リセット</button>
</div>

<style>
    .stopwatch-container {
        text-align: center;
        font-family: 'Arial', sans-serif;
        margin-top: 20px;
    }
    #stopwatch {
        font-size: 2em;
        color: #333;
    }
    button {
        font-size: 1em;
        padding: 10px 20px;
        margin: 5px;
        border: none;
        background-color: #007bff;
        color: white;
        cursor: pointer;
        border-radius: 5px;
    }
    button:hover {
        background-color: #0056b3;
    }
</style>

<script>
    (function() {
        var startTime, updatedTime, difference, tInterval, savedTime;
        var running = 0;
        var stopwatch = document.getElementById('stopwatch');
        var startButton = document.getElementById('start');
        var stopButton = document.getElementById('stop');
        var resetButton = document.getElementById('reset');

        startButton.addEventListener('click', startTimer);
        stopButton.addEventListener('click', stopTimer);
        resetButton.addEventListener('click', resetTimer);

        function startTimer(){
          if(!running){
            startTime = new Date().getTime();
            tInterval = setInterval(getShowTime, 10); // 0.01秒ごとに更新
            running = 1;
            startButton.disabled = true;
          }
        }

        function stopTimer(){
          if(running){
            clearInterval(tInterval);
            savedTime = difference;
            running = 0;
            startButton.disabled = false;
          }
        }

        function resetTimer(){
          clearInterval(tInterval);
          savedTime = 0;
          difference = 0;
          running = 0;
          stopwatch.innerHTML = '00:00:00.00';
          startButton.disabled = false;
        }

        function getShowTime(){
          updatedTime = new Date().getTime();
          if(savedTime){
            difference = (updatedTime - startTime) + savedTime;
          } else {
            difference = updatedTime - startTime;
          }
          var hours = Math.floor(difference / (1000 * 60 * 60));
          var minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
          var seconds = Math.floor((difference % (1000 * 60)) / 1000);
          var milliseconds = Math.floor((difference % 1000) / 10);
          hours = (hours < 10) ? "0" + hours : hours;
          minutes = (minutes < 10) ? "0" + minutes : minutes;
          seconds = (seconds < 10) ? "0" + seconds : seconds;
          milliseconds = (milliseconds < 10) ? "0" + milliseconds : milliseconds;
          stopwatch.innerHTML = hours + ':' + minutes + ':' + seconds + '.' + milliseconds;
        }
    })();
</script>

上記のHTMLに枠線のデザインを追加してもらったものが、冒頭で紹介したストップウォッチになります！

00:00:00.00

次はこのストップウォッチを利用したゲームを作ってみます。

ストップウォッチを使った時間当てゲームを作ってみた

ここからは時間当てゲームが完成するまでのやり取りをご覧ください。

完成するまでにできた失敗作もすべて使えるようにしておきますので、修正の過程もご覧ください！

【1回目のやり取り】

会社員A
会社員A

ストップウォッチを活用した時間あてゲームを作りたい

ゲームの詳細：プレイヤーが10秒になったと思ったときにストップを止めて、どれだけ10秒に近いかを試す

今回は最初4秒間カウントを表示して、そのあとは見えないようにしてください

00:00:00.00

【2回目のやり取り】

会社員A
会社員A

OKを押すと枠内が最初の状態に戻るようにしたい

表示を隠す時にCSSの工夫をしてほしい

00:00:00.00

【3回目のやり取り】

会社員A
会社員A

OKを押した後、数字の表示をもとに戻してほしい

数字が隠れている間は、????のような表示をしてほしい

00:00:00.00

【4回目のやり取り】

会社員A
会社員A

結果で0.001の位まで出しているので、タイマーも結果の表記に合わせてほしい

ストップボタンが押された時の時刻表示を、結果と同じ秒数にしてほしい

????が表示されていないので直してほしい

00:00:00.000

【5回目のやり取り】

会社員A
会社員A

最初から4秒間は従来通りカウントを表示して、4秒以降を????にしてほしい

00:00:00.000

【6回目のやり取り】

会社員A
会社員A

カウントに表示する桁数を統一してほしい

6回目のやり取りで完成しました！

00:00.000

【完成版のHTML】

<div class="stopwatch-container">
    <div id="stopwatch_wp">00:00.000</div>
    <button id="start_wp">スタート</button>
    <button id="stop_wp" disabled>ストップ</button>
    <div id="result_wp" style="display: none;">
        <p id="result_text_wp"></p>
        <button id="reset_wp">OK</button>
    </div>
</div>

<style>
    .stopwatch-container {
        text-align: center;
        font-family: 'Arial', sans-serif;
        margin-top: 20px;
        padding: 20px;
        border: 2px solid #007bff;
        border-radius: 10px;
        display: inline-block;
        background-color: #fff;
    }
    #stopwatch_wp {
        font-size: 2em;
        color: #333;
        margin-bottom: 20px;
    }
    button {
        font-size: 1em;
        padding: 10px 20px;
        margin: 5px;
        border: none;
        background-color: #007bff;
        color: white;
        cursor: pointer;
        border-radius: 5px;
    }
    button:hover {
        background-color: #0056b3;
    }
    #result_wp {
        margin-top: 20px;
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var startTime, tInterval;
        var running = false;
        var elapsedTime = 0;
        var hideTimerScheduled = false;
        var stopwatch = document.getElementById('stopwatch_wp');
        var startButton = document.getElementById('start_wp');
        var stopButton = document.getElementById('stop_wp');
        var resultDiv = document.getElementById('result_wp');
        var resultText = document.getElementById('result_text_wp');
        var resetButton = document.getElementById('reset_wp');

        startButton.addEventListener('click', startTimer);
        stopButton.addEventListener('click', stopTimer);
        resetButton.addEventListener('click', resetGame);

        function startTimer() {
            if (!running) {
                stopwatch.textContent = '00:00.000';
                resultDiv.style.display = 'none';
                startTime = Date.now();
                tInterval = setInterval(updateTimer, 1); // Update timer every millisecond
                hideTimerScheduled = false;
                running = true;
                startButton.disabled = true;
                stopButton.disabled = false;
            }
        }

        function stopTimer() {
            if (running) {
                clearInterval(tInterval);
                running = false;
                elapsedTime = Date.now() - startTime;
                updateTimer(true); // Force final timer update to match the result
                showResult();
                stopButton.disabled = true;
            }
        }

        function updateTimer(forceUpdate = false) {
            elapsedTime = Date.now() - startTime;
            if (elapsedTime >= 4000 && !hideTimerScheduled) {
                hideTimerScheduled = true;
                stopwatch.textContent = '????';
            }
            if (elapsedTime < 4000 || forceUpdate) {
                var seconds = Math.floor((elapsedTime % (1000 * 60)) / 1000);
                var milliseconds = elapsedTime % 1000;
                seconds = (seconds < 10) ? "0" + seconds : seconds;
                milliseconds = (milliseconds < 10) ? "00" + milliseconds : (milliseconds < 100) ? "0" + milliseconds : milliseconds;
                stopwatch.textContent = `00:${seconds}.${milliseconds}`;
            }
        }

        function showResult() {
            var timeDiff = Math.abs(elapsedTime - 10000);
            resultText.textContent = `結果: ${elapsedTime / 1000}秒です。誤差は${timeDiff / 1000}秒です。`;
            resultDiv.style.display = 'block';
        }

        function resetGame() {
            resultDiv.style.display = 'none';
            stopwatch.textContent = '00:00.000';
            startButton.disabled = false;
        }
    });
</script>

Code Copilotを使ってみた感想

この記事ではCode Copilotを使って、ストップウォッチや時間あてゲームを作ってみました。

1回の指示で完璧なプログラミングができるわけではないですが、「指示→修正」を繰り返すことで、理想のプログラミングに近づけていくことは可能でした。

何より驚きなのは、私が「一切プログラミングをしていないこと」です。

誰でもチャットとやり取りするだけで、この記事のようなプログラミングができます！

皆さんもぜひ「Code Copilot」を使ったプログラミングに挑戦してみてください！

]]> 【おすすめGPTs紹介】Drawn to Styleで自由自在に画像をアレンジ！ https://chatgpt-million.com/gpts-drawntostyle-conversion-art/ Tue, 20 Feb 2024 23:14:00 +0000 https://chatgpt-million.com/?p=1218 2024年1月10日、自作の「GPTs」（ChatGPT上で動作するアプリ）を公開することができるサービス「GPT Store」が開始されました。

「GPT Store」には、既に多くの「GPTs」が公開されていますが、ランキング上位の「GPTs」は説明が英語で書かれているものばかりで、ちょっと手を付けづらいですよね。

そこで、私が「GPT Store」を見て、気になった「GPTs」を実際に使ってレビューしていきます。

この記事では、Trendingカテゴリーでランキング10位（2024/2/21現在）で、Featuredにも載っている「Drawn to Style」を紹介します！

Drawn to Styleって何？

まずは「Drawn to Style」というGPTsが、どんな機能をもっているのか確認してみます。

「Drawn to Style」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

絵を芸術的なスタイルに変換し、説明します。

どうやら「Drawn to Style」は、画像を芸術的に変換してくれるようです。

説明だけではよくわからないので、早速試してみようと思います！

画像を変換してみた

この記事では「image generator」というGPTsで作った画像を変換してもらってみます！

「image generator」の画像生成に関する記事はこちら！

image generatorで画像生成！DALL·Eで作った画像と比較してみた【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「image generator」を実際に使ってみた感想をわかりやすく紹介します。image generatorは「GPTsでイラストを作成してみたい人」や「今までと違うテイストの画像を作成したい人」に特におすすめです。
chatgpt-million.com
2024.02.17
会社員A
会社員A
Drawn to Style
Drawn to Style

画像をアップロードしていただきありがとうございます。

どのようにお手伝いしましょうか？

この画像を異なる芸術スタイルに変換したいですか、それとも特定のことをしたいですか？

「異なる芸術スタイルに変換」を選択してみます。

会社員A
会社員A

画像を異なる芸術スタイルに変換したい

Drawn to Style
Drawn to Style

どの芸術スタイルに変換をご希望ですか？

例えば「フォトリアリスティック」、「ミニマリストで太い輪郭」、「ネオンミニマリストでカラフルな輪郭」、「ネオンミニマリストのカラフルな3Dアイコン」といったスタイルから選んでいただくことができます。

また、「サプライズミー」を選択して、ランダムにスタイルを選ぶことも可能です。

カスタムスタイルをご希望の場合は、どのようなスタイルか教えてください。

画像の変換スタイルをどのようにするか聞いてくれました。

上記で提示してもらったスタイルの中から、いくつか選んで画像変換を行ってみます。

【フォトリアリスティック】
【ネオンミニマリストでカラフルな輪郭】
【サプライズミー】

それぞれ指定したスタイルに合った雰囲気の画像に変換してくれました。

別の画像でも試してみます。

会社員A
会社員A
【フォトリアリスティック】
【ネオンミニマリストでカラフルな輪郭】
【サプライズミー】

既存の画像をアレンジしたい場合は、他のGPTsよりもDrawn to Styleを使うのが良さそうです！

Drawn to Styleはこんなひとにおすすめ！

  • 写真をイラストに変換したい人
  • 既存の画像を自分の思い通りにアレンジしたい人
  • ChatGPTで生成した画像が気に入らない人

元となる画像を用意するだけで簡単に利用できるので、気になる方はぜひ一度試してみてください！

]]> image generatorで画像生成！DALL·Eで作った画像と比較してみた【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-imagegenerator-create-art/ Fri, 16 Feb 2024 22:57:51 +0000 https://chatgpt-million.com/?p=1191 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、DALL·EカテゴリーとTrendingでカテゴリー1位（2024/4/12現在）になっている「image generator」を紹介します！

image generatorって何？

まずは「image generator」というGPTが、どんな機能をもっているのか確認してみます。

「image generator」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

プロフェッショナルとフレンドリーなトーンを組み合わせた画像の生成と調整に特化した GPT。

画像ジェネレーター

どうやら「image generator」は、画像の生成と調整をしてくれるようです。

画像生成と言えば、「DALL·E」というGPTが有名ですね。

「DALL·E」について解説している記事はこちら！

ChatGPTの画像生成を使いこなす！DALL·Eの効果的な活用方法を解説【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「DALL·E」を実際に使ってみた感想をわかりやすく紹介します。DALL·Eは「使いたいフリー画像がなかなか見つからない人」や「お手軽に高クオリティの画像を作ってみたい人」に特におすすめです。
chatgpt-million.com
2024.02.13

この記事では、「image generator」と「DALL·E」に同じ命令をして、出来上がった画像の比較をしていきます。

「image generator」と「DALL·E」の画像を比較をしてみた

まずは、「青い空の下で咲いている赤いバラ」「宇宙をテーマにしたファンタジックな風景」のテーマで比較してみます。

会社員A
会社員A

青い空の下で咲いている赤いバラ

【image generator】
【DALL·E】
会社員A
会社員A

宇宙をテーマにしたファンタジックな風景

【image generator】
【DALL·E】

今のところimage generatorの方が若干イラスト感が強い程度の違いしかありません。

他にもいろいろな画像を作成してみます。

「サラリーマンが毎日の自炊記録を投稿するSNS」のアイコン

【image generator】
【DALL·E】

ブログ記事のアイキャッチ画像

会社員A
会社員A

タイトル「image generatorで画像生成！DALL·Eで作った画像と比較してみた【おすすめGPTs紹介】」のブログのアイキャッチ画像を作成して

【image generator】
【DALL·E】

AIで生成した画像のリメイク

会社員A
会社員A

添付した画像のイメージで、より魅力的な画像を生成して

【image generator】
【DALL·E】

こうして見比べると、画像のクオリティは大差ないです。

ただ「image generator」の方がイラストに特化していて、「DALL·E」の方が命令に忠実だと感じました。

用途によって、二つのGPTを使い分けるのがおすすめです！

image generatorはこんなひとにおすすめ！

  • カスタムGPTでイラストを作成してみたい人
  • 今までと違うテイストの画像を作成したい人

気になる方はぜひ一度試してみてください！

]]> ChatGPTで動画生成 Video GPT by VEEDを使ってみた!【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-veed-create-video/ Wed, 14 Feb 2024 21:59:46 +0000 https://chatgpt-million.com/?p=1175 2024年1月10日、自作の「GPTs」（ChatGPT上で動作するアプリ）を公開することができるサービス「GPT Store」が開始されました。

「GPT Store」には、既に多くの「GPTs」が公開されていますが、ランキング上位の「GPTs」は説明が英語で書かれているものばかりで、ちょっと手を付けづらいですよね。

そこで、私が「GPT Store」を見て、気になった「GPTs」を実際に使ってレビューしていきます。

この記事では、Productivityカテゴリーでランキング3位（2024/2/14現在）となっている「Video GPT by VEED」を紹介します！

Video GPT by VEEDって何？

まずは「Video GPT by VEED」というGPTsが、どんな機能をもっているのか確認してみます。

「Video GPT by VEED」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

AIビデオメーカー。 YouTube、Instagram、TikTok などのソーシャル メディア用のビデオを生成します。 AI アバター、TTS、音楽、ストック映像を備えた無料のテキストからビデオおよび音声へのツール。

どうやら「Video GPT by VEED」は、SNS用の動画を作成してくれるようです。

実際に動画を作ってもらってみた

まず、最初のやり取りをご覧ください。

会社員A
会社員A

「ChatGPT」のテーマで動画を作成して

Video GPT by VEED
Video GPT by VEED

「ChatGPT」のテーマで動画を作成するのは素晴らしいアイデアです！

動画の内容を詳しく理解するために、いくつか質問させてください。

  • 動画で伝えたい主なメッセージや目的は何ですか？
  • この動画のターゲットオーディエンスは誰ですか？
  • 目指しているトーンやムードはどのようなものですか？（例：教育的、楽しい、インフォーマティブ）
  • 動画の希望する長さはどれくらいですか？（デフォルトは20秒です）

これらの詳細を教えていただければ、動画プロジェクトの概要を作成するお手伝いができます。

作りたい情報の詳細を伝えていきます。

会社員A
会社員A
  • ChatGPTのすばらしさを伝える
  • ターゲットはChatGPTを使ったことがない人
  • 楽しい雰囲気の動画
  • 30秒から1分程度
Video GPT by VEED
Video GPT by VEED

「ChatGPTの素晴らしさを伝える」というテーマで、ChatGPTを使ったことがない人をターゲットにした、楽しい雰囲気の動画を30秒から1分程度で作成することを考えますね。

以下のスクリプト案を提案します：

ChatGPTとは、ただのチャットボットではありません。

それは、あなたの質問に答え、アイデアを共有し、学習の旅にあなたを導くAIの友達です。

想像してみてください、あなたが新しい言語を学びたいとき、または夜空の星についてもっと知りたいとき、ChatGPTはそこにいます。

それは、テクノロジーがどれだけ進化しても、私たちの好奇心を満たすために常に一歩前を行くことを示しています。

だからこそ、ChatGPTはただのツールではなく、発見と学習の旅におけるあなたのガイドなのです。

さあ、ChatGPTと一緒に未知の世界を探検しましょう！

このスクリプトは、ChatGPTの可能性と、ユーザーがそれを使って学び、探求し、成長することができる方法を強調しています。

動画のアバターか、テキスト・トゥ・スピーチの声（男性または女性）を選んでいただけますか？

それに応じて、動画プロジェクトの生成を進めます。

動画の原稿を作成してくれました。今回は男性の声を選択して動画を作成してもらいます。

会社員A
会社員A

男性の声で動画を生成してください

Video GPT by VEED
Video GPT by VEED

あなたの動画プロジェクトが成功的に生成されました！

【生成された動画】

動画にまだいくつか調整が必要ですか？

VEEDエディタを使用して生成された動画を簡単に読み込んで、仕上げを加えることができます。

  • 字幕を編集、スタイル設定、アニメーション追加
  • 動画を120以上の言語に翻訳
  • 簡単に追加できるボイスオーバーのためにあなたの声をクローン
  • AIアバターの使用

など、さまざまな機能を利用できます。

私たちの技術を改善するためのご提案がありますか？ご意見をお聞かせください。

P.S. VideoGPT by VEEDが気に入ったら、私たちを支援してX（Twitter）で言葉を広めていただけると嬉しいです。

【生成された動画】

意味不明な動画が生成されましたが、簡単な情報の入力だけで動画が作れるのはすごいです！

リンク先のVEEDエディタで日本語ナレーションに変更することも可能でした。

【日本語版】

さすがに不自然な部分も多いですが、エディタで動画を編集してから保存することも可能なので、もう少しクオリティを上げることは出来そうです。

今後GPTsで生成した動画が、YouTubeやTikTok上でも増えていくかもしれませんね。

Video GPT by VEEDはこんなひとにおすすめ！

  • SNSの投稿にChatGPTを活用してみたい人
  • 新しい技術を実際に使ってみたい人
  • いろんなGPTsを試してみたい人

簡単なやり取りだけで動画が作成できるので、気になる方はぜひ一度試してみてください！

]]> ChatGPTの画像生成を使いこなす！DALL·Eの効果的な活用方法を解説【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-dalle-create-art/ Tue, 13 Feb 2024 12:47:08 +0000 https://chatgpt-million.com/?p=1149 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、By ChatGPTカテゴリーで1位（2024/4/12現在）になっている「DALL·E」を紹介します！

DALL·Eって何？

まずは「DALL·E」というGPTsが、どんな機能をもっているのか確認してみます。

「DALL·E」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

あなたの想像力をイメージに変えてみましょう。

説明文からはよくわからないので、「DALL·E」に直接何ができるのか聞いてみます。

会社員A
会社員A

あなたの機能について、わかりやすく教えて

DALL·E
DALL·E

私はDALL·Eとして知られるAIで、テキストから画像を生成する特別な機能を持っています。

テキストで説明されたシーンやオブジェクトをビジュアルに変換することができます。

例えば、「青い空の下で咲いている赤いバラ」や「宇宙をテーマにしたファンタジックな風景」など、具体的な説明をもとに画像を生成することができます。

このプロセスは以下のステップで行われます：

  1. ユーザーからの詳細なテキストの説明を受け取ります。
  2. その説明を基に、1つまたは複数の画像を生成します。
  3. 生成された画像をユーザーに提示します。

私の能力は、クリエイティブなアイデアを視覚化したり、特定のテーマに沿った画像を作成するのに特に有用です。

ただし、特定の著作権で保護されたキャラクターや有名人を正確に描写すること、特定の現代のアーティストのスタイルを模倣することはできません。

それでも、あなたの想像を形にするために幅広いテーマやスタイルでサポートできます。

どうやら「DALL·E」は、利用者の説明テキストをもとに画像を作成してくれるようです。

実際にいろんな画像を作ってもらってみた

最初に上記の説明に出ていた「青い空の下で咲いている赤いバラ」「宇宙をテーマにしたファンタジックな風景」の画像を作成してもらいます。

会社員A
会社員A

青い空の下で咲いている赤いバラ

DALL·E
DALL·E
会社員A
会社員A

宇宙をテーマにしたファンタジックな風景

DALL·E
DALL·E

ちゃんと画像が生成されました！

2つ目のテーマは特にいい感じにできました。

上記のように、簡単なテキストの説明から綺麗な画像を作ってもらえます。

DALL·Eの効果的な活用方法3選

1.SNS等のアイコンを作成する

DALL·Eを使えば、あなたのSNSアカウントに最適なアイコン用画像を作成することができます。

例えば「サラリーマンが毎日の自炊記録を投稿するSNS」のアイコンはこんな感じに作成してくれます。

サイトアイコン

ちなみに、私のアイコンもブログテーマに合わせて作成してもらった画像です！

2.ブログのアイキャッチ画像やYouTubeのサムネイル画像を作成する

DALL·Eはブログのアイキャッチ画像やYouTube のサムネイル画像を作ることもできます。

試しにこの記事のアイキャッチ画像を作成してみます。

会社員A
会社員A

タイトル「【おすすめGPTs】ChatGPTの画像生成を使いこなす！DALL·Eの効果的な活用方法を解説」のブログのアイキャッチ画像を作成して

DALL·E
DALL·E

作成された画像を使った実際のアイキャッチ画像がこちら！

ブログのアイキャッチ画像をフリー素材で探すと、イメージに合ったものを見つけるのは至難の業です。

DALL·Eにテーマを伝えれば、簡単にイメージ通りの画像を作成してもらえます。

※追記　DALL·Eを使ってアイキャッチ画像を作りなおしてみました。

3.AIで生成した画像をリメイクする

まずこちらの画像をご覧ください。

なんかちょっと不気味な画像ですよね。

AIによる画像生成をすると、「イメージはあっているのにクオリティが低い」という現象が良く起こります。

そんな時は、下記のようにDALL·Eを活用してみましょう。

会社員A
会社員A

添付した画像のイメージで、より魅力的な画像を生成して

DALL·E
DALL·E

ガラッと雰囲気が変わりました！

ある程度試行回数は必要ですが、AIで生成したイマイチな画像もいい感じにリメイクすることができます。

DALL·Eはこんなひとにおすすめ！

  • 使いたいフリー画像がなかなか見つからない人
  • お手軽に高クオリティの画像を作ってみたい人

とても簡単に利用できるので、気になる方はぜひ一度試してみてください！

]]> DesignerGPTでホームページを作ってみた！Grimoireとの違いも紹介！【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-designer-homepage/ Sat, 10 Feb 2024 11:27:01 +0000 https://chatgpt-million.com/?p=1128 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、Programmingカテゴリーで6位（2024/4/12現在）になっている「DesignerGPT」を紹介します！

DesignerGPTって何？

まずは「DesignerGPT」というGPTsが、どんな機能をもっているのか確認してみます。

「DesignerGPT」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

美しいウェブサイトを作成してホスト1します

  1. ホスト・ホスティング　ウェブサイトを簡単にアクセスできるようにするサービスのこと ↩︎

「DesignerGPT」は、ウェブサイトの作成、ホスティングをしてくれるようです。

今回は、会社員Aのホームページを作成して、ホスティングしてもらいます。

同じようにホームページ作成をしてくれるGPTsの「Grimoire」との違いも紹介するので、ぜひ最後までご覧ください！

「Grimoire」でホームページを作ったときの記事はこちらをチェック！

【おすすめGPTs紹介】Grimoireで簡単ホームページ作成！
「GPT Store」で人気のGPTs「Grimoire」について、基本的な使い方から実際に使ってみた感想まで、わかりやすく紹介します。コードを書かずにホームページ作成が可能なGrimoireの機能とは？初心者から上級者まで役立つレビューをお届け。
chatgpt-million.com
2024.01.26

DesignerGPTでホームページを作ってみた

まず、最初のやり取りをご覧ください。

会社員A
会社員A

私のホームページが作りたい。

DesignerGPT
DesignerGPT

もちろん、お手伝いします。ホームページの内容について、もう少し詳しく教えていただけますか？

例えば、ホームページの目的、好みの色やテーマ、含めたいセクション（紹介、サービス、製品、コンタクトなど）についてです。

次に作りたいページの内容を具体的に伝えてみます。

会社員A
会社員A

下記要素を取り入れてください。

##要素

私の名前: 会社員A

プロフィール: はじめまして、会社員Aです！ごく普通の会社員として働きながら、ChatGPTの力を借りて、ブログを運営しています。皆さんの役に立つ情報やChatGPTの素晴らしさ・可能性を発信していきます！

プロフィール画像: 添付した画像

ブログのリンク: https://chatgpt-million.com

背景色: 暖かい色合い

そうすると、早速ホームページに使うHTMLを作成してくれました。（HTMLコードは読みたい方だけどうぞ）

DesignerGPT
DesignerGPT

素敵なプロフィール画像と明確な要望をありがとうございます。

それに基づいて、暖かい色合いを使ったブログのホームページのHTMLコードを作成し、そのコードを使って実際のウェブページを生成し、ホスティングするサービスに送信します。

それでは、以下にHTMLコードの概要を示します。

完成したら、ページを生成するために外部のAPIに送信し、実際のウェブページのURLを提供します。

【HTMLコード】

このコードは、要望に応じた基本的なレイアウトと内容を含んでいます。

ページを生成してリンクを提供する準備ができましたので、次に進みます

【作成されたHTMLコード】

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
  <style>
    body {
      background-color: #fde2e4; /* 暖かいピンク色の背景を設定 */
    }
    .container {
      padding: 2rem;
    }
    img {
      max-width: 100%;
      height: auto;
    }
  </style>
  <title>会社員Aのブログ</title>
</head>
<body>
  <nav class="container-fluid">
    <ul>
      <li><strong>会社員Aのブログ</strong></li>
    </ul>
    <ul>
      <li><a href="#profile">プロフィール</a></li>
      <li><a href="#blog">ブログ</a></li>
      <li><a href="#contact" role="button">コンタクト</a></li>
    </ul>
  </nav>

  <main class="container">
    <div class="grid">
      <section>
        <hgroup>
          <h2>会社員A</h2>
          <h3>ブログへようこそ！</h3>
        </hgroup>
        <p>はじめまして、会社員Aです！ごく普通の会社員として働きながら、ChatGPTの力を借りて、ブログを運営しています。皆さんの役に立つ情報やChatGPTの素晴らしさ・可能性を発信していきます！</p>
        <figure>
          <img src="https://i.imgur.com/3CQ8W9v.jpg" alt="会社員Aのプロフィール画像">
          <figcaption><a href="https://chatgpt-million.com" target="_blank">ブログはこちら</a></figcaption>
        </figure>
      </section>
    </div>
  </main>

  <footer class="container">
    <small>
      <a href="#privacy">プライバシーポリシー</a> • <a href="#terms">利用規約</a>
    </small>
  </footer>
</body>
</html>

DesignerGPTとのやり取りを続けて、ページのリンクも作成してもらいます。

会社員A
会社員A

続きをお願いします。

DesignerGPT
DesignerGPT

ホームページを作成しました。以下のリンクからご覧いただけます。

会社員Aのブログ ホームページ

リンクをクリックできない場合や、何か変更したい点がある場合は、お知らせください。

サポートさせていただきます。

※2024/04/12現在リンクにアクセスできないことを確認したため、リンクを作り直してもらいました。閲覧できない場合は、こちらから同じHTMLコードのページを確認できます。

ページのリンクを作ってもらえました。問題なくホスティングされているようです。

この機能を使えば、だれでも簡単にホームページを公開できますね！

さらに下記の要素を追加したページも作ってみてもらいます。

  • 写真ギャラリー（写真クリックすると、それぞれ指定したページに遷移する機能付き）
  • お問い合わせフォーム

HTMLコードの作成まではできたのですが、途中でネットワークのエラーが出てしまい、ホスティングまではできませんでした。

【作成されたHTMLコード】

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
  <style>
    body {
      background-color: #fde2e4; /* 暖かいピンク色の背景を設定 */
    }
    .container {
      padding: 2rem;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    .gallery img {
      width: 100%;
      padding: 0.5rem;
    }
    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1rem;
    }
    @media (max-width: 600px) {
      .gallery {
        grid-template-columns: 1fr;
      }
    }
  </style>
  <title>会社員Aのブログ</title>
</head>
<body>
  <nav class="container-fluid">
    <ul>
      <li><strong>会社員Aのブログ</strong></li>
    </ul>
    <ul>
      <li><a href="#profile">プロフィール</a></li>
      <li><a href="#gallery">ギャラリー</a></li>
      <li><a href="#contact" role="button">コンタクト</a></li>
    </ul>
  </nav>

  <main class="container">
    <div class="grid">
      <section id="profile">
        <hgroup>
          <h2>会社員A</h2>
          <h3>ブログへようこそ！</h3>
        </hgroup>
        <p>はじめまして、会社員Aです！ごく普通の会社員として働きながら、ChatGPTの力を借りて、ブログを運営しています。皆さんの役に立つ情報やChatGPTの素晴らしさ・可能性を発信していきます！</p>
        <figure>
          <img src="https://i.imgur.com/3CQ8W9v.jpg" alt="会社員Aのプロフィール画像">
          <figcaption><a href="https://chatgpt-million.com" target="_blank">ブログはこちら</a></figcaption>
        </figure>
      </section>
      <section id="gallery">
        <h2>ギャラリー</h2>
        <div class="gallery">
          <!-- ここにギャラリーの写真を追加 -->
          <a href="https://example.com/link-to-your-image1">
            <img src="https://via.placeholder.com/250" alt="サンプル画像1">
          </a>
          <a href="https://example.com/link-to-your-image2">
            <img src="https://via.placeholder.com/250" alt="サンプル画像2">
          </a>
          <a href="https://example.com/link-to-your-image3">
            <img src="https://via.placeholder.com/250" alt="サンプル画像3">
          </a>
          <!-- 追加の写真やリンクをここに挿入 -->
        </div>
      </section>
      <section id="contact">
        <h2>お問い合わせ</h2>
        <form>
          <label for="name">名前:</label>
          <input type="text" id="name" name="name" required>
          <label for="email">メールアドレス:</label>
          <input type="email" id="email" name="email" required>
          <label for="message">メッセージ:</label>
          <textarea id="message" name="message" required></textarea>
          <button type="submit">送信</button>
        </form>
      </section>
    </div>
  </main>

  <footer class="container">
    <small>
      <a href="#privacy">プライバシーポリシー</a> • <a href="#terms">利用規約</a>
    </small>
  </footer>
</body>
</html>

HTML自体は作成してもらえたので、手直ししたものをDesignerGPTに渡してホスティングしてもらいます。

会社員A
会社員A

このhtmlをホスティングして

【手直ししたHTML】

DesignerGPT
DesignerGPT

ウェブページが正常にホスティングされました。以下のリンクからアクセスできます:

https://designergpt.replit.app/pages/dc0b1bf8924a6d9258a3e58adbba301b.html
designergpt.replit.app

何か変更したい点がある場合や、他にお手伝いできることがあれば、お知らせください。

リンクを直接クリックできない場合は、リンクのテキストのみをお知らせいただければ、対応いたしますので、遠慮なくお申し付けください。

※2024/04/12現在リンクにアクセスできないことを確認しました。復旧ができなかったため、こちらから同じHTMLコードのページを確認してみてください。

無事ホスティングできました。

DesignerGPTで作成したHTMLなら、ホスティングだけの処理もできるようです。

（流石に自作したHTMLや他のGPTsで作ったHTMLのホスティングは不可でした…）

ホスティングの期限があるのか気になったので、DesignerGPTに聞いてみました。

会社員A
会社員A

このリンクはいつまで有効なの？

DesignerGPT
DesignerGPT

ホスティングされたウェブページのリンクは、特定の有効期限を設定しておりませんが、サーバーの状況やメンテナンスによってはアクセスできなくなる可能性があります。

長期間安定して利用したい場合は、定期的に内容をバックアップするか、より恒久的なホスティングサービスを検討することをお勧めします。

何か他にご質問がある場合や、さらなる支援が必要な場合は、お知らせください。

DesignerGPTによるホスティングは、プレビュー程度利用するのが良さそうです。

私はAWSのS3とCloudFrontを利用して、恒久的なホスティングをしてみました。

気になる方は下記リンクをクリックしてみてください。

会社員Aのブログ
d1l0k9j3tc588x.cloudfront.net

DesignerGPTを使ってみた感想

DesignerGPTとGrimoireの違い

1.DesignerGPTは作ったウェブサイトをホスティングしてくれる

DesignerGPTはウェブサイトを作成するだけでなく、そのホスティング(一般公開)までおこなってくれます。

GrimoireはHTMLの生成までしかおこなってくれないので、プログラミング知識のないの方ならDesignerGPTをおすすめします。

2.Grimoireの方が自由度やデザインセンスがある

DesignerGPTはある程度決まった形式のHTMLしか作成できない傾向にあります。

より個性的なウェブサイトを作りたい方はGrimoireの利用をおすすめします。

DesignerGPTはこんなひとにおすすめ！

  • プログラミング知識0でWebサイトを作りたい人
  • お試しでウェブサイトを公開してみたい人

DesignerGPTはプログラミングが全くできない人でも、お手軽にウェブサイトを作成できるGPTsでした！

気になる方はぜひ一度試してみてください！

]]> 【2024年最新】ChatGPTで話題！おすすめGPT9選 https://chatgpt-million.com/gpts-recommendation/ Thu, 08 Feb 2024 02:05:43 +0000 https://chatgpt-million.com/?p=1113 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

この記事では、人気のカスタムGPTの中から、特におすすめのものを9つご紹介します！

自分に合ったGPTを探す際に参考にしてみてください！

おすすめGPT①：「Grimoire」簡単にウェブサイトを作成！

Grimoireはユーザーの要望に合わせたウェブサイトを作成してくれるGPTです。

作りたいウェブサイトについて簡単に伝えるだけで、必要なHTMLコードを作成してくれます。

Grimoireについて詳しく知りたい方は、こちらの記事をチェックしてみてください！

【おすすめGPTs紹介】Grimoireで簡単ホームページ作成！
「GPT Store」で人気のGPTs「Grimoire」について、基本的な使い方から実際に使ってみた感想まで、わかりやすく紹介します。コードを書かずにホームページ作成が可能なGrimoireの機能とは？初心者から上級者まで役立つレビューをお届け。
chatgpt-million.com
2024.01.26

おすすめGPT②：ブログ記事を作成してくれる「Write For Me」

Write For Meは、ユーザーの要望に応じたテキストコンテンツを作成してくれるGPTです。

このGPTsをつかって作成したブログ記事がこちら！

ChatGPTとは何か？ - あなたの日常を変えるAIテクノロジー
ChatGPTについて学ぼう！この記事では、人工知能「ChatGPT」の歴史、使い方、技術的詳細についてわかりやすく解説しています。日常生活やビジネスでの活用法も簡単に紹介しています。
chatgpt-million.com
2024.01.29

実際に記事を作成する様子も紹介しています。

気になった方はこちらをチェックしてみてください！

【おすすめGPTs紹介】Write For Meでブログ記事を作成してみた！
「GPT Store」で人気のGPTs「Write For Me」を実際に使ってみた感想をわかりやすく紹介します。Write For Meは「ブログを書くことに苦手意識がある方」や「ブログを書く時間がない方」に特におすすめです。
chatgpt-million.com
2024.01.30

おすすめGPT③：誰でもプログラミングができる「Code Copilot」

Code Copilotは、プログラミングの知識に関するサポートをしてくれるGPTです。

知識を教えてくれるだけでなく、実際に使えるプログラミングの生成まで行ってくれます。

例えば、下記のようなストップウォッチを作れたりします。

00:00:00.00

私はこのストップウォッチの仕組みを利用したゲームを作ってみました。

作成の様子はこちらの記事からチェックしてみてください！

【おすすめGPTs紹介】プログラミングが誰でも簡単に！？
Code Copilotで時間当てゲームを作ってみた！
「GPT Store」で人気のGPTs「Code Copilot」について、実際に使ってみた感想を紹介しています。Code Copilotを上手に使えば、自分で一切プログラミングをせずに、簡単なゲームが作れるかも？気になった方はぜひ記事をチェックしてみてください！
chatgpt-million.com
2024.04.05

おすすめGPT④：ウェブサイト作成サービス「DesignerGPT」

DesignerGPTはウェブサイトを作成して、サイト閲覧用のリンクまでを提供してくれるGPTです。

①で紹介したGrimoireと似たGPTですが、比較してみると様々な違いがありました。

比較した記事はこちらをチェックしてみてください。

DesignerGPTでホームページを作ってみた！Grimoireとの違いも紹介！【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「DesignerGPT」を実際に使ってみた感想をわかりやすく紹介します。DesignerGPTは「プログラミング知識0でWebサイトを作りたい人」や「お試しでウェブサイトを公開してみたい人」に特におすすめです。
chatgpt-million.com
2024.02.10

おすすめGPT⑤：画像生成に特化したGPT「DALL·E」

DALL·Eは誰でも簡単に画像生成AIが利用できるGPTです。

生成した画像の編集機能も搭載されて、ますます便利になった「DALL·E」を皆さんもぜひ使ってみてください。

紹介記事を2つほど作っていますので、気になる方はチェックしてみてください！

ChatGPTの画像生成を使いこなす！DALL·Eの効果的な活用方法を解説【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「DALL·E」を実際に使ってみた感想をわかりやすく紹介します。DALL·Eは「使いたいフリー画像がなかなか見つからない人」や「お手軽に高クオリティの画像を作ってみたい人」に特におすすめです。
chatgpt-million.com
2024.02.13
【DALL·E3新機能】ChatGPTの画像生成AIに追加された編集機能を使ってみた！
ChatGPTの画像生成AI「DALL·E3」に念願の画像編集機能が追加されました！この記事では、実際にイラストを修正した様子やその結果を紹介しています。今までならボツにしてしまっていた「惜しいイラスト」が生まれ変わるかもしれません。気になった方はぜひチェックしてみてください！
chatgpt-million.com
2024.04.12

おすすめGPT⑥：イラスト特化「image generator」

image generatorは⑤で紹介したDALL·Eと同じように、画像生成に特化したGPTです。

image generatorとDALL·Eに同じ命令をすると、違うテイストの画像を生成してくれます。

比較記事をチェックして、用途に合わせた使い分けをしてみてはいかがでしょうか？

image generatorで画像生成！DALL·Eで作った画像と比較してみた【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「image generator」を実際に使ってみた感想をわかりやすく紹介します。image generatorは「GPTsでイラストを作成してみたい人」や「今までと違うテイストの画像を作成したい人」に特におすすめです。
chatgpt-million.com
2024.02.17

おすすめGPTs⑦：「DeepGame」で楽しく暇つぶし！

DeepGameは、チャットでゲームが楽しめるGPTです。

下記のようにGPTsとチャットでやり取りをしながらゲームを進めていきます。

DeepGame
DeepGame

あなたは神秘的な日本の村に立っています。

桜の季節で、その周りは伝統的な日本の家々と満開の桜の木々に囲まれています。

空は明るく魔法のように輝いています。

中央には、光り輝く剣を持つ侍が立ち、空中に浮かぶ大きな神秘的な生き物、ドラゴンとフェニックスを合わせたような姿の生き物に向かっています。

この生き物は柔らかく神秘的な光を放っています。

この場所は魅力的で異世界的な雰囲気で、伝統的な日本文化とファンタジーの要素が混ざり合っています。

あなたの次の行動は何ですか？

会社員A
会社員A

ドラゴンとフェニックスを合わせたような姿の生き物に話しかけてみる

ユーザーとGPTsで一緒にストーリーを作っていくような感覚があり、とてもワクワクします。

DeepGameについて詳しく紹介している記事はこちらから！

ChatGPTで楽しく暇つぶし!DeepGameで遊んでみた【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「DeepGame」を実際に使ってみた感想をわかりやすく紹介します。DeepGameは「ちょっとした暇つぶしをしたい人」や「ストーリー制作のインスピレーションを求めている人」に特におすすめです。
chatgpt-million.com
2024.02.01

おすすめGPTs⑧：「Universal Primer」で疑問解消！

Universal Primerは、あらゆるものへの学びを助けてくれるGPTです。

このGPTsはユーザーの知りたいことを確認しながら、わかりやすく説明をしてくれます。

こちらの記事でいろいろなことを聞いてみているので、気になる方はチェックしてみてください！

【おすすめGPTs紹介】Universal Primerにいろいろ聞いてみた！
「GPT Store」で人気のGPTs「Universal Primer」を実際に使ってみた感想をわかりやすく紹介します。Universal Primerは「複雑な物事について理解を深めたい人」や「とにかくわかりやすい説明を求めている人」に特におすすめです。
chatgpt-million.com
2024.02.03

おすすめGPTs⑨：Professional Coderでホームページをアレンジ！

Professional Coderは、プログラミングに特化したGPTsです。

このGPTsは、ユーザーのプログラミングに関する要望を高い精度で実現してくれます。

筆者はおすすめGPTs①の「Grimoire」で作成したホームページをプログラミングでアレンジしてみました。

こちらの記事からアレンジしたホームページを確認していただけます！

Professional Coderでホームページをアレンジ！【おすすめGPTs紹介】
「GPT Store」で人気のGPTs「Professional Coder」について、実際に使ってみた感想をわかりやすく紹介します。「HTMLにJavaScriptやCSSを組み込んでみたい人」「より正確なプログラミングをしたい人」におすすめのGPTsです！
chatgpt-million.com
2024.02.05

この記事で紹介したほかにも、様々なカスタムGPTが公開されています。

GPT Storeをチェックして、自分に合ったGPTを探してみてください！

]]> Professional Coderでホームページをアレンジ！【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-professionalcoder-homepage/ Mon, 05 Feb 2024 06:26:38 +0000 https://chatgpt-million.com/?p=1082 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、Programmingカテゴリーでランキング2位（2024/2/5現在）となっている「Professional Coder」を紹介します！

Professional Coderって何？

まずは「Professional Coder」というGPTsが、どんな機能をもっているのか確認してみます。

「Professional Coder」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

プログラミングの問題を解決する gpt の専門家。ここでプロンプトをオープンソース化しました: https://github.com/ai-boost/awesome-gpts-prompts (この GPT は完璧ではありません。一緒に改善しましょう! 😊🛠️)

どうやら「Professional Coder」は、プログラミングの専門家のようです。

この記事では「Grimoire」というGPTsで作成したページを、プログラミングでアレンジしてもらいます。

「Grimoire」で作成したページが気になった方は下記の記事をチェックしてみてください！

【おすすめGPTs紹介】Grimoireで簡単ホームページ作成！
「GPT Store」で人気のGPTs「Grimoire」について、基本的な使い方から実際に使ってみた感想まで、わかりやすく紹介します。コードを書かずにホームページ作成が可能なGrimoireの機能とは？初心者から上級者まで役立つレビューをお届け。
chatgpt-million.com
2024.01.26

Professional Coderでホームページをアレンジ

まず、最初のやり取りをご覧ください。（HTMLコードは読みたい方だけどうぞ）

会社員A
会社員A

アイキャッチギャラリーを3枚ずつ表示するようにしたい。

この時、一定の秒数で、次の3枚と入れ替わるようにしたい。

登録されている画像が全て表示し終わったら、また先頭から表示するようにして欲しい。

【添付したHTML】

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>会社員Aのホームページ</title>
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.1.2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-amber-100 font-sans leading-normal tracking-normal">

  <header class="text-center bg-amber-500 text-white p-6">
    <h1 class="text-4xl md:text-5xl font-bold my-4">会社員A</h1>
    <nav id="header" class="w-full">
      <ul class="flex items-center justify-center p-0">
        <li class="mr-3">
          <a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-4" href="#profile">プロフィール</a>
        </li>
        <li class="mr-3">
          <a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-4" href="https://chatgpt-million.com" target="_blank">ブログ</a>
        </li>
        <li class="mr-3">
          <a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-4" href="#gallery">アイキャッチギャラリー</a>
        </li>
        <li class="mr-3">
          <a class="inline-block text-gray-600 no-underline hover:text-gray-200 hover:underline py-2 px-4" href="#contact">お問い合わせ</a>
        </li>
      </ul>
    </nav>
  </header>

  <main class="container mx-auto mt-8 mb-16">
    <section id="profile" class="bg-white rounded-lg shadow p-6 text-gray-700 mb-6">
      <div class="text-center">
        <img src="https://d1l0k9j3tc588x.cloudfront.net/Grimoire.png" alt="会社員Aのプロフィール画像" class="w-40 h-40 rounded-full mx-auto mb-6">
        <h2 class="text-3xl font-semibold mb-4">はじめまして、会社員Aです！</h2>
        <p class="text-lg">ごく普通の会社員として働きながら、ChatGPTの力を借りて、ブログを運営しています。皆さんの役に立つ情報やChatGPTの素晴らしさ・可能性を発信していきます！</p>
      </div>
    </section>
    <section id="gallery" class="container mx-auto my-8 p-4">
	  <h2 class="text-center text-2xl font-bold mb-4">アイキャッチギャラリー</h2>
	  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
	    <a href="https://chatgpt-million.com/chatgpt-mensetsu-rensyu/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/%E5%B0%B1%E6%B4%BB.jpg" alt="works" class="rounded shadow-lg"></a>
	    <a href="https://chatgpt-million.com/chatgpt-youtube-script-creat/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/YouTube-1.jpg" alt="YouTube" class="rounded shadow-lg"></a>
	    <a href="https://chatgpt-million.com/chatgpt-english-word-learning/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/%E8%8B%B1%E5%8D%98%E8%AA%9E.jpg" alt="English" class="rounded shadow-lg"></a>
	    <a href="https://chatgpt-million.com/chatgpt-prompt-guide/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88.jpg" alt="Plompt" class="rounded shadow-lg"></a>
	    <a href="https://chatgpt-million.com/chatgpt-leisure-time/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/%E6%9A%87%E3%81%A4%E3%81%B6%E3%81%97.jpg" alt="KTime" class="rounded shadow-lg"></a>
	    <a href="https://chatgpt-million.com/chatgpt-agriculture-innovation/" target="_blank"><img src="https://d1l0k9j3tc588x.cloudfront.net/%E8%BE%B2%E6%A5%AD.jpg" alt="Agriculture" class="rounded shadow-lg"></a>
	    <!-- 他の画像も同様に追加 -->
	  </div>
	</section>
    <section id="contact" class="container mx-auto my-8 p-4">
	  <h2 class="text-center text-2xl font-bold mb-4">お問い合わせ</h2>
	  <form action="path_to_your_server_script" method="POST" class="max-w-xl mx-auto">
	    <div class="mb-4">
	      <label for="name" class="block text-gray-700 text-sm font-bold mb-2">お名前</label>
	      <input type="text" id="name" name="name" required class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
	    </div>
	    <div class="mb-4">
	      <label for="email" class="block text-gray-700 text-sm font-bold mb-2">メールアドレス</label>
	      <input type="email" id="email" name="email" required class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
	    </div>
	    <div class="mb-4">
	      <label for="message" class="block text-gray-700 text-sm font-bold mb-2">メッセージ</label>
	      <textarea id="message" name="message" rows="4" required class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
	    </div>
	    <div class="flex items-center justify-between">
	      <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">送信</button>
	    </div>
	  </form>
	</section>
  </main>

  <footer class="text-center p-6 bg-amber-500 text-white">
    <p>&copy; 2024 会社員A. All rights reserved.</p>
  </footer>

</body>
</html>
Professional Coder
Professional Coder

この要望を実現するには、JavaScriptを使って画像ギャラリーの自動スライドショーを実装します😄。

Tailwind CSSと組み合わせて、画像をグリッドレイアウトで表示し、一定時間ごとに画像を切り替える機能を追加します。

まずは、プロジェクトの構造を簡単に説明し、その後に必要なコードを段階的に実装していきます。

プロジェクト構造

  1. HTML: 既存のHTMLマークアップに、JavaScriptをリンクします。
  2. JavaScript: 画像を切り替えるロジックを記述します。
  3. CSS: 必要なスタイルは、Tailwind CSSでほとんどカバーされていますが、必要に応じてカスタムスタイルを追加します。

ステップ1: JavaScriptの追加

まず、画像ギャラリーの自動スライドショー機能をJavaScriptで実装します。

この機能は、一定の秒数ごとに画像のセットを切り替えるものです。

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const images = [
      "https://d1l0k9j3tc588x.cloudfront.net/%E5%B0%B1%E6%B4%BB.jpg",
      "https://d1l0k9j3tc588x.cloudfront.net/YouTube-1.jpg",
      "https://d1l0k9j3tc588x.cloudfront.net/%E8%8B%B1%E5%8D%98%E8%AA%9E.jpg",
      "https://d1l0k9j3tc588x.cloudfront.net/%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88.jpg",
      "https://d1l0k9j3tc588x.cloudfront.net/%E6%9A%87%E3%81%A4%E3%81%B6%E3%81%97.jpg",
      "https://d1l0k9j3tc588x.cloudfront.net/%E8%BE%B2%E6%A5%AD.jpg"
    ];
    let currentSet = 0;

    function updateGallery() {
      const gallery = document.querySelector('#gallery div');
      gallery.innerHTML = ''; // Clear current images
      for (let i = 0; i < 3; i++) {
        const imgIndex = (currentSet * 3 + i) % images.length; // Calculate image index
        const imgElement = document.createElement('img');
        imgElement.src = images[imgIndex];
        imgElement.alt = 'Gallery image';
        imgElement.className = 'rounded shadow-lg'; // Tailwind classes
        gallery.appendChild(imgElement);
      }
      currentSet = (currentSet + 1) % (Math.ceil(images.length / 3));
    }

    setInterval(updateGallery, 3000); // Change images every 3 seconds
    updateGallery(); // Initial gallery update
  });
</script>

このスクリプトを</body>タグの前に挿入してください。

ステップ2: HTMLマークアップの調整

<div>タグを#galleryセクション内に追加して、JavaScriptが画像を挿入できるようにします。

<section id="gallery" class="container mx-auto my-8 p-4">
  <h2 class="text-center text-2xl font-bold mb-4">アイキャッチギャラリー</h2>
  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
    <!-- JavaScript will insert images here -->
  </div>
</section>

以上で、3枚の画像を一定の秒数ごとに切り替えるスライドショーが完成します。

スクリプトが正しく動作することを確認してください。

何か問題があれば、次のステップに進む前に修正しましょう。

続ける準備ができたら、「next」または「continue」と入力してください😄。

利用者の要望に対して、具体的な変更箇所を提示してくれました。

指定された通りに変更を行って、HTMLを確認してみます。

アイキャッチギャラリーが思っていた通りに変更されました。

変更前との違いをチェックしてみてください！

変更前

会社員Aのホームページ
d1l0k9j3tc588x.cloudfront.net

変更後

会社員Aのホームページ
d1l0k9j3tc588x.cloudfront.net

せっかくなので、試行錯誤してより良いページにしてみます。

試行錯誤した結果は下記リンクからご確認ください！

会社員Aのホームページ
d1l0k9j3tc588x.cloudfront.net

Professional Coderを使ってみた感想

Professional Coderは、とても正確なプログラミングをしてくれます。

○○のような機能を追加したい。

▲▲のようにして。

上記のように、言葉で要望を簡単に伝えるだけで大丈夫なのも嬉しいポイントです。

私が使ってみた感覚によるものですが、Grimoireよりも要望の理解力、プログラミング精度が高い印象を受けました。

Professional Coderはこんなひとにおすすめ！

  • HTMLにJavaScriptやCSSを組み込んでみたい人
  • より正確なプログラミングをしたい人

ワンランク上のプログラミングを目指したい人に、とてもおすすめのGPTsです！

気になる方はぜひ一度使ってみてください！

]]> 【おすすめGPTs紹介】Universal Primerにいろいろ聞いてみた！ https://chatgpt-million.com/gpts-universalprimer-learn/ Fri, 02 Feb 2024 23:12:28 +0000 https://chatgpt-million.com/?p=591 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、Educationカテゴリーで3位（2024/4/12現在）となっている「Universal Primer」を紹介します！

Universal Primerって何？

まずは「Universal Primer」というGPTsが、どんな機能をもっているのか確認してみます。

「Universal Primer」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

あらゆるものについてすべてを学ぶ最速の方法

「Universal Primer」は、学びに関するGPTsのようです。

説明文を読むだけだと機能が分かりにくいので、実際に使ってみます！

Universal Primerに色々聞いてみた

まずはUniversal Primerに何ができるのか聞いてみます。

会社員A
会社員A

Universal Primerは何ができるの？

Universal Primer
Universal Primer

どうやら複雑なトピックについて、わかりやすく説明してくれるようです。

ここからは、Universal Primerにいろいろなことを聞いていこうと思います。

会社員A
会社員A

AIの仕組みについて、簡単に教えて

Universal Primer
Universal Primer

AIの仕組みについて聞くと、比喩を交えながらわかりやすく説明してくれました。

他のトピックについても質問をしてみます。

会社員A
会社員A

インターネットについて、簡単に教えて

Universal Primer
Universal Primer

インターネットについても、簡単なたとえ話をしながら説明してくれました。

興味のある点などを伝えれば、さらに掘り下げた説明もしてもらえるようです。

Universal Primerを使ってみた感想

たとえ話をしてくれるので分かりやすい

的確なたとえ話を交えながらの説明が多いので、内容のイメージがつきやすいです。

その分説明文は長くなるので、ちょっとしたことを聞くのには不向きかもしれません。

知りたいことを確認しながら説明してくれる

ユーザーの知識量や知りたいことを確認して、それぞれに最適な説明をしてくれます。

もっと知りたいことやわからないことがある場合は、どんどん掘り下げた説明をしてもらいましょう。

Universal Primerはこんなひとにおすすめ！

  • 複雑な物事について理解を深めたい人。
  • とにかくわかりやすい説明を求めている人

何か詳しく知りたいことがある人は、ぜひ一度試してみてください！

]]> ChatGPTで楽しく暇つぶし!DeepGameで遊んでみた【おすすめGPTs紹介】 https://chatgpt-million.com/gpts-deepgame-pastime/ Wed, 31 Jan 2024 22:11:08 +0000 https://chatgpt-million.com/?p=520 2024年1月10日、カスタムGPTを公開することができるGPT Storeが始まりました。

GPT Storeには多くのGPTが公開されていますが、どれも説明が英語で書かれていてよくわからないですよね。

そこで当ブログでは、人気のカスタムGPTを実際に使ってレビューしていきます。

この記事では、Lifestyleカテゴリーで10位（2024/4/12現在）となっている「DeepGame」を紹介します！

DeepGameって何？

まずは「DeepGame」というGPTsが、どんな機能をもっているのか確認してみます。

「DeepGame」の初期画面は、下記の画像のようになっています。

【説明文の日本語訳】

キャラクターとして任意のストーリーをプレイします。次に何をするかを決めるのはあなたです。 AI がステップごとに新しい画像を生成し、没入感を高めます。

どうやら「DeepGame」は、チャットでゲームが楽しめるGPTsのようです。

さっそく遊んでみます！

DeepGameで遊んでみた

さっそく最初のやり取りをご覧ください。

会社員A
会社員A

日本語でfantasy storyをはじめる

DeepGame
DeepGame

あなたは神秘的な日本の村に立っています。

桜の季節で、その周りは伝統的な日本の家々と満開の桜の木々に囲まれています。

空は明るく魔法のように輝いています。

中央には、光り輝く剣を持つ侍が立ち、空中に浮かぶ大きな神秘的な生き物、ドラゴンとフェニックスを合わせたような姿の生き物に向かっています。

この生き物は柔らかく神秘的な光を放っています。

この場所は魅力的で異世界的な雰囲気で、伝統的な日本文化とファンタジーの要素が混ざり合っています。

あなたの次の行動は何ですか？

RPGっぽいゲームが始まりました。（日本語指定したせいか和風ファンタジーになってますが…）

もう少し続けてみます。

会社員A
会社員A

ドラゴンとフェニックスを合わせたような姿の生き物に話しかけてみる

DeepGame
DeepGame

あなたは、ドラゴンとフェニックスを合わせたような姿の神秘的な生き物に話しかけます。

生き物は好奇心と知性を持った眼差しであなたを見下ろし、その身体からは柔らかい光が放たれ、周囲を照らしています。

桜の花びらが静かに舞い落ちる中、侍は自信を持って生き物に話しかけています。

彼は、ガイダンスや情報を求めているかのようです。

生き物は、不思議そうな声で応えます。

「人間よ、何故私を呼んだのか？」

あなたの次の行動は何ですか？

会社員A
会社員A

未来にタイムスリップしてみたいという願いをかなえてほしい

DeepGame
DeepGame

神秘的な生き物は、侍の未来へのタイムスリップの願いを聞いて、驚きと興味を持って反応します。

生き物の目はより明るく輝き始め、尾で空中に魔法の円を描きます。

侍の周りの空気が神秘的なエネルギーで霞み始め、タイムスリップの始まりを示しています。

背景には美しい日本の村と桜の花がまだ見えますが、シーンの端がぼやけ始め、時間の移行が始まっていることを示しています。

侍は畏敬と期待を持ってその様子を見守っています。

やがて、あなたの周りの空間がぐるぐると旋回し、時と空間を超える旅が始まります。

目を閉じ、再び開くと、あなたは全く異なる時代、未来の世界に立っています。

あなたの次の行動は何ですか？

会社員A
会社員A

幸せに暮らす（ここで物語を終わらせて）

DeepGame
DeepGame

未来の世界で、あなたは新しい生活を始めます。

周りは先進的で驚くべき技術と建築物に満ちた、活気ある都市です。

しかし、あなたは、日本の美しい村とその桜の花の思い出を大切に胸に抱きながら、新しい時代の中で平和と幸福を見つけます。

そうして、あなたの冒険は幸せな結末を迎え、物語はここで終わります。

新たな未来の地で、あなたは新しい物語を紡ぎ始めるのです。

キリがないので無理やり終わらせましたが、いくらでも続けることができそうです。

会社員A
会社員A

思っていたより面白いです！

DeepGameで遊んでみた感想

とにかく自由

キャラクターの行動を自由に決められるのが、新感覚で楽しかったです。

ゲームを始める際に、設定を伝えれば、自分好みのストーリー展開にもできそうです。

シーンごとにイラストが付くのが面白いが…

イラストが付くことで、シーンごとのイメージがしやすくて面白いです。

ただイラストの絵柄はシーンごとバラバラなので、少し気になりました。

DeepGameと一緒にストーリーを作るような感覚

ゲームをプレイするというより、ゲームのストーリーをDeepGameと一緒に考える、作るという感覚に近かったです。

うまく利用したらショートストーリーみたいなものが作れる気がします。

DeepGameはこんなひとにおすすめ！

  • ちょっとした暇つぶしをしたい人
  • ストーリー製作のインスピレーションを求めている人。
  • マンガ・アニメ・ゲームが好きな人

正直なめていましたが、実際に遊んでみるととても面白く、いい暇つぶしになると思いました！

気になる方はぜひ一度試してみてください！

]]>