3ちゃんブログ

ただただ自由に続けられるだけやってみます

AIを使ってウェブアプリを作ってみた

 

先日、AI(Gemini)を使って簡単なウェブアプリを作ってみました。 完成したものはこちらです。 → https://fabulous-marzipan-7ba3d0.netlify.app

あそべるミニゲーム集|子供から大人まで楽しめる無料ブラウザゲーム

fabulous-marzipan-7ba3d0.netlify.app

最初にGeminiに投げたプロンプトは、こんな感じでした。

スマホアプリを作ってお金を稼ぎたい。 簡単に作れて、アップロード後のメンテナンスも無しでよいアプリ。 どんな物がありますか? それはどれくらい収益見込みがありますか?

返ってきた回答の中で、特に印象に残ったのが「ストア公開にかかる初期費用」の話です。

  • Google Play(Android):初回のみ25ドル
  • App Store(iPhone):年間99ドル(毎年かかる)

「初期費用がかかるのはちょっと……」と思ったので、次に「ウェブアプリはどうですか?」と聞いてみました。

すると、

「初期費用をかけず、メンテナンスも放置したい」という目的であれば、ウェブアプリは非常に理にかなった素晴らしい選択肢です。

と返ってきました。これで「ウェブアプリを作ろう」と決めました。

開発環境はVS Codeをインストール。公開先は「放置でも安心そう」ということで、Netlifyに決めました。

Geminiが「ミニゲームはどうですか?」と勧めてきたので、素直に乗っかることに。

さっそく虫をタップして点数が増えるような、簡単なミニゲームのコードを書いて動かしてみますか?

お願いします!

と聞いたところ、すぐにコードを出してくれました。それをそのままVS Codeにコピペして実行したら、ちゃんと動いて感激。

そこから、

  • 「虫の見た目をイラストに変えたい」
  • 「Netlifyにドラッグ&ドロップで公開する手順を教えて」
  • 「スマホでやると背景が縦長すぎて画面に収まらない。直せますか?」

など、わからないこと・やりたいことを次々と聞いていきました。結果、簡単なミニゲーム集ができあがりました。

素人の自分でもここまで作れるとは思っていなかったので、正直かなり驚いています。 お金が稼げるかどうかは別問題ですが、家族や友達に気軽に遊んでもらえるのは嬉しいですね。

solid edge 2d drafting 寸法のサイズ変更

CADで図を描いて寸法を表示した時

寸法の大きさの変更の仕方

↓こんな感じで寸法が小さくて見えない時

寸法が小さくて見ずらい

「選択」で寸法を選択します、そして

赤枠の中の数字を大きくすると寸法サイズも大きくなります!

今回は1から15に変更しました

これで見やすくなりました!

以上

【幼児語】幼児の独自言葉

うちの息子は独自の幼児語を話します

歳は2歳半です

「ぐんぐん!」= 新幹線

例 ぐんぐん乗りたい。

「じゃあじゃあ!」= ショベルカー

例 黄色のじゃあじゃあ。

「ふわふわふわ」=ヘリコプター

以上が現在確認できておる言葉です。

もしかすると他にも独自言葉があるかもしれません!確認しだい紹介したいです!

Tシャツリメイク!手作りバッグ!第2段

Tシャツからバッグを作ります!(2回目)

↑完成品 ↓動画もあります!

youtu.be

このネコのTシャツをバッグにします

f:id:takenokotakeshi:20230510171635j:image

袖をカット

f:id:takenokotakeshi:20230510194942j:image

サイズ調整のカット
f:id:takenokotakeshi:20230510203822j:image

裏返してマチを作ります

そでの所をぬって

縁を2回折り返して縫います

余った布で取っ手を作る

取っ手を付けて

完成!

前回よりもキレイに出来ました!

もう少し改善点が分かったので、次回作るのであれば反映させたいです!

 

 

Tシャツからバッグを作ってみる!

この猫のTシャツを着なくなったので、バッグを作ります!

底の部分をミシンで縫って

マチを作り

Tシャツの袖部分から取ってを作りました

あとは適当にミシンしました

大きさとか特に決めずに作ったら、とても大きくブサイクな形になってしまいました。

でもとりあえず初めて作ってみて形に出来てよかった。

次回はもっといい感じに作ってみたいな!!