【bolt.new】簡易性格分析アプリをプログラム未経験者が90分で作成｜PC苦手でもAI業務効率化で残業減らすブログ

こんにちは、さやこ＠PC苦手でも業務効率化です。
boltの操作に慣れる目的で、アプリを作ってみた実践記です。

占いや簡易診断ツールは、会社にお勤めの方には業務に直接関係ないかもしれません。
フリーランスでInstagramやFBなどのSNS投稿をがんばっている人には、無料の診断アプリはSNS投稿にリンクを貼り付けることで、仕事にも使えそうです。

Table of Contents

bolt
日本語で簡単な指示をするだけで、アプリが作れる

boltの始め方と使い方は、こちらのページもぜひ御覧ください。
関連記事：boltで簡単アプリ作成！小さな業務効率化

診断の設問も、boltにお任せしました。

指示文：
ビッグファイブ診断アプリを作って

これだけでアプリまで全部作ってくれました。
質問が5問だけだったので、修正の指示をシンプルに出しました。

指示文：
設問を5問から15問にして

診断結果の下に、自分にあった職業を表示してくれるアプリになりました。

指示文：
診断結果は、仕事、恋愛、趣味に項目を分けて、3つずつ出力して

指示文：
性格特性が一番のものに対して、それを表す偉人を2～3人上げて

指示文：
JPEGで結果をダウンロードできるようにして

jpeg画像で診断結果がダウンロードできるようになりました。
しかし、診断結果の上部にダウンロードボタンがついていたため、ダウンロードしたければページを上にスワイプしなければいけなくなります。

指示文：
ダウンロードボタンはページ下部に設置して

ここでエラー！赤い文字でエラーが出たという英語が表示されました。
エラーを修正するか、エラーを無視するか的な英語の質問が出ました。
エラーを修正する方をクリック。

まだ同じエラーが出たという英語が表示されました。
ここで慌てなくて大丈夫です。
右側の窓の赤字になっている、エラーのコードをすべて選択して、コピーします。

指示文：
エラーが出ました。
—————-
エラー文を貼り付け

エラーが解消されました。
デザインを少し変えてみたくなったので、

指示文：
デザインをリッチにして、この画像のようなデザインをいれて

クリップのアイコンをクリックすると画像を添付できました。

診断ページの円グラフっぽいものが真っ黒に塗りつぶされる。（怖い！）

指示文：
円のデザインは黒ではなく、アウトラインをカラーに、内側を白にして

指示通り、白の背景に変わってほっとしました。
診断結果も、性格分類、仕事・恋愛・趣味に分けて出力されて、悪くないけど、ちょっと物足りない気が。
診断結果の項目を増やそうと思います。

指示文：
あなたと相性の良い性格特性の人という項目を作って。上司、恋人、友人の順で出力して

なかなかいい感じです。もっとイメージしやすいように、以下の指示文を足しました。

指示文：
相性の良い性格特性の代表的な偉人を2～3人出力して

項目は、こんな感じで良さそうだと思ったので、再度診断をプレビュー画面で行って、ちゃんとできているか確認します。
アレ？開放性が100％、外向性が80％なのに、性格診断が外向性になっています。
そのまま思ったことを指示文に入力します。

指示文：
診断結果のスコアと一番強い性格特性の選択が違っています。
具体的には、開放性100％、外向性80％のスコアで主な性格特性が外向性になっています。

失礼しましたとboltが謝罪してくれました。
修正します、とのこと。

修正が終わったら、問題なく動きました。
Deployボタンを押して、完成です。

ぜひ簡単なアプリを作ってみてくださいね。

最後までお読みいただき、ありがとうございました。