H HIROKI SHIBATA

PROJECT DETAIL

買い物リスト作成アプリ

作成開始日:2026.05.24
Go
買い物リスト作成アプリ

Go Shopping List

Go言語を用いて開発したシンプルな買い物リストアプリです。

日常の買い物を素早く記録できることを目的としており、商品の追加・チェック・削除といった基本機能を実装しています。

また、本番環境としてRenderへデプロイし、スマートフォンでも利用できるようレスポンシブ対応を行いました。

機能説明

商品の追加

入力欄へ商品名を入力し、「追加」ボタンを押すと、買い物リストへ追加されます。

買い物リスト画面

商品のチェック

チェックボックスをクリックすると、商品に取り消し線が表示されます。

購入済みの商品を一目で判別できるようにしました。

買い物リスト画面

商品の削除

ゴミ箱ボタンをクリックすると、不要になった商品を削除できます。

買い物リスト画面

制作背景

普段は、近所のスーパーマーケット「バロー」へ買い物へ行く前に、スマートフォン標準のメモアプリで買い物リストを作成していました。

一方で、求人票ではGo言語を採用している企業を見かける機会が多く、「日常で実際に使うアプリを題材にGoを学んでみよう」と考えたことが、このアプリを制作したきっかけです。

ChatGPTを活用しながら実装を進め、Goの文法やWebアプリケーション開発の流れを学習しました。

制作期間

2026年5月24日 〜 2026年6月4日

主な実装履歴

2026年5月24日

ChatGPTへプロンプトを入力し、生成されたGoプログラムの動作確認を行いました。

ChatGPTへのプロンプト画面

2026年5月31日

  • Renderへデプロイ
  • スマートフォン向けレスポンシブ対応

2026年6月4日

以下の機能を追加しました。

  • チェック時の取り消し線表示
  • 商品削除機能

本番環境について

本番環境はRenderを利用しています。

無料プランを利用しているため、一定時間アクセスがない状態から初回アクセスした場合は、アプリケーションの起動に数十秒程度かかる場合があります。

使用技術

  • Go
  • HTML
  • CSS
  • JavaScript
  • Render
  • Git / GitHub
  • ChatGPT

今後の開発予定

  • データベース保存機能の追加(現在はメモリ上で管理)
  • 編集機能の追加
  • 並び替え機能の追加
  • カテゴリー分け機能の追加
  • ローカルストレージ・DBへの永続化

関連記事

RenderでGoの買い物リストアプリを5分くらいでデプロイした

https://ki-hi-ro.com/render%e3%81%a7go%e3%81%ae%e8%b2%b7%e3%81%84%e7%89%a9%e3%83%aa%e3%82%b9%e3%83%88%e3%82%a2%e3%83%97%e3%83%aa%e3%82%925%e5%88%86%e3%81%8f%e3%82%89%e3%81%84%e3%81%a7%e3%83%87%e3%83%97%e3%83%ad%e3%82%a4/