ChatGPTに作成してもらった仕様で0からビンゴゲームを作成する プログラムを設計する力が圧倒的に足りない。 日々の実務で感じていること。 そこで、タイトルのアイディアを思いついた。 自分の実力を試していこう。 ChatGPTに相談した内容 簡易仕様(最小版) 1. 概要 5×5のビンゴカード(中央はFREE=最初からマーク済み)。 列ごとの数値範囲:B=1–15, I=16–30, N=31–45, G=46–60, O=61–75(重複なし)。 コーラーは1–75から重複なしで1つずつ番号を引く。 プレイヤーのカードに該当番号があれば自動でマーク。 横・縦・斜めのいずれか1ライン成立で勝利。 2. 実行・入出力(CLI) 実行: python bingo.py 操作: Enter: 次の番号をコール h: これま… ChatGPT Python 個人開発
マスの整列を分かりやすくした 以下のように、絵文字のバツと中央のFREEが、マスの整列を乱していた。 マスが整然と並び、視覚的に分かりやすくなった ソースコードの修正箇所 コミットURL https://github.com/ki-hi-ro/bingo/commit/d2f5066c1f719dd71d1cd0233cb58302fc07b1fe Webデザイン 個人開発
実際にアプリを使ってみる Docker Desktopで起動中のサービスの状況が確認できている。 アプリを開く スマホのトップ画面に置いたアイコンをクリックする。 バローと無印のセクションを作成している。 dockerのbackendのログは、以下のようになっていた。 [11/Aug/2025 16:20:00] "GET /api/lists/ HTTP/1.1" 200 209 [11/Aug/2025 16:20:00] "GET /api/lists/1/ HTTP/1.1" 200 207 商品を追加する それでは早速、これから私がルピットタウン刈谷に買いに行く商品を追加しよう。 ヨーグルトを追加した。 その時、backendとdbのログに変化があった… Webアプリ開発 個人開発
ChatGPT 5で作る「買い物リスト作成アプリ」 ChatGPT 5の回答 いいね、その仕様なら「iPhoneで使えるWebアプリ(PWA化も可)」が相性バッチリ。DockerでDjango REST + Vue 3のフルスタック雛形と、ブログ記事の下書きまで用意してキャンバスに置きました。すぐ動かせます。 やること(超短縮版) プロジェクト直下で docker compose up --build ブラウザで http://localhost:5173 を開く同一Wi-FiのiPhoneからはPCのLAN IPで http://<PCのIP>:5173 入っているもの 見出し(セクション)作成・編集・削除 アイテム追加/数量欄 ドラッグ&ドロップで並べ替え(vuedraggabl… ChatGPT Python 個人開発
穴を開ける 前回、Python製のビンゴゲームについて解説した。 https://ki-hi-ro.com/%e5%86%8d%e3%81%b3%e3%80%81python%e3%81%a7%e4%bd%9c%e3%82%8b%e3%83%93%e3%83%b3%e3%82%b4%e3%82%b2%e3%83%bc%e3%83%a0/ 現状、番号を引いてもカードに穴が開かない。 カードに穴を空けるには 処理の流れを追う。 1. ゲームスタートから以下の画面が表示されるまで 1-1. play_bingo関数が発火 # ゲームを開始 play_bingo() 1-2. BingoCardクラスのインスタンス生成 def play_bingo(): card = B… Python 個人開発
再び、Pythonで作るビンゴゲーム 以前、以下のような記事を書いた。 https://ki-hi-ro.com/creating-a-bingo-game-with-python/ 今読み返してみると、わかりにくかったので、Pythonの実務経験を経た今の私が解説していこう。 今日も指と腕の痛みを理由にして会社を休んでいる。 もちろん実際に痛みが残っている。 しかし、家だと休憩の時間をたっぷりとれる。 そのため、腕と指を労わりながらブログを書いていこう。 全ソースコード import random class BingoCard: def __init__(self): self.card = self.generate_card() self.marked = [[Fa… Python 個人開発
日曜日に丸一日かけて作成した「割り勘、立て替えアプリ」の概要 ChatGPTと相談しながら、Ruby on Rails製の「割り勘、立て替えアプリ」を作成した。 その概要について書いていこう。 トップページ ターミナルで「rails s」を打ち込むことで、ブラウザで「localhost:3000」を打ち込むと、上記の画面にアクセスできる。 以下がRailsの対象テンプレートファイル。 新規登録画面 支払い登録をクリックすると、以下の画面に遷移する。 テンプレートファイルはこちら。 日曜日に即興で作ったので、CSSが直接指定されていたりするが、気にしないでいただきたい。 こういったスタイルの指定方法もある。 支払った人 現状、空である。 その理由は、usersテーブルが空だから。 <div style="ma… 個人開発
pythonで作った「買い物リスト作成アプリ」について解説 ChatGPTの力もお借りして、コンソール上で動く「買い物リスト作成アプリ」を作成したので、見ていただきたい。 アプリの動作について ざっくりとこのアプリの動作についてお話しすると、起動して指定した場所にある買い物リストのテキストを読み込む。そして、買い物リストの内容を表示する。その後に、追加、削除、終了の3択をユーザーに選んでもらう。 追加の場合、買い物リストに商品を追加することができる。 削除の場合、買い物リストから商品を削除することができる。 終了の場合、このアプリが終了する。 全体のソースコード import os import json def load_shopping_list(filepath): if os.path.exists(f… Python 個人開発
BINGOが表示されるまでを解説 以前書いた記事で、ビンゴゲームについて解説した。 この記事では、最初にビンゴカードがなぜ表示されるのかについて、詳しくみていこう。 と思ったが、このカードの表示だけでも解説すべき量が多かった。 そのため、この記事では、BINGOが表示されるまでに絞って解説していく。 まずは関数が呼ばれる まずは、以下の部分で、play_bingo関数が呼ばれる。 # ゲームを開始 play_bingo() VScodeのコールスタックとソースコードの該当箇所 play_bingo関数 play_bingo関数は、以下のような関数。 def play_bingo(): card = BingoCard() card.display_card() drawn_number… Python 個人開発
Pythonで作る「ビンゴゲーム」 chat GPTの力も借りつつ、Pythonで「ビンゴゲーム」を作ってみた。 このプログラムでは、次のようなPythonの基本要素を使用しています。 クラスとインスタンス 関数とメソッド リストと集合 for文とwhile文 条件分岐 randomモジュール all()関数 リスト内包表記 ビンゴゲームの仕様 スクリプトを実行すると、以下の画面が表示される。 Enterを押すと、引かれた番号が表示される。カード内に同じ番号があった場合は、その場所がマークされます。 縦・横・斜めのいずれか1列がすべてマークされると、ビンゴとなってゲームが終了します。 中央のマスは、ゲーム開始時から有効になっているFREE枠です。 ゲーム全体の処理の流れ ゲームは、次の順… Python 個人開発