4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

MicroAd (マイクロアド)Advent Calendar 2024

Day 22

GithubCopilotを使って簡易BLOGをRTA的に開発してみる

Last updated at Posted at 2024-12-21

数年前に管理職となり、本格的なコーディングからは離れた
アラフィフ突入おじさんが
Github Copilot?なにそれおいしいの? の状態で
Github Copilotを使って簡易BLOGがどれくらいの時間で作れるか
リアルタイムタイムアタック的なことをやってみました。

※ なにそれおいしいの?はさすがに盛ったけど、Github Copilotを一度も触ってはいません。

前提

環境てきなもの

  • Windows
  • WSL2

このために用意したもの

  • VSCode
  • DockerDesktop
  • Github Copilot(1か月フリートライアル版)
  • 重い腰を上げるための気合

注意

使いごこちのレポートのつもりなんで、コードには特に触れません。

プロローグ

Github Copilot(1か月フリートライアル版)の契約

※ 最近完全なるフリー版がでたんですが、このQiitaを書こうと思い立って契約したタイミングでは、このフリー版なかったんです。

まずはこちらから「Start free trial」のボタンをクリックして。。。

image.png

ポチポチポチと記述内容に沿ってを契約を進めると、こんな感じで契約完了
image.png

一応ここも時間計ってみましたが、所要時間はだいたい10分で契約完了です。
image.png

本題

ブログ作成タイムアタック開始!!

補足:VscodeにはGithub Copilot、Github Copilot Chat 2つのextensionsを入れてます
image.png

じゃあ、スタート
スクリーンショット 2024-12-01 134134.png

まずは「ブログをpythonで作りたい」と打ってみよう。ポチっ
うぉおおおお!!なんかコピペすればいいようなコードとファイル構成が出てきた!!
スクリーンショット 2024-12-21 093602.png

あー。書き出してくれたコードをパラっと見ると、データストアやファイルなど何もデータ保存するつもりないなぁ...記述した内容が保存されないと、さすがにブログじゃないだろう...
image.png

データストアにmysqlを使いたいなぁ...
あ、ローカルPCにmysql入れてないしDockerでcomposeも含めてなんとかしてくれないかなぁ...
「docker composeもつかってmysqlもつかいたい」でポチ
おぉおおお!!mysqlを含めたdocker-compose.ymlとpython自体の実行環境をつくるDockerfileも作ってくれた!すごい!!
スクリーンショット 2024-12-21 093834.png

Copilotさんが出してくれたコードを全部コピペして...
はい。 docker compose up --buildっと
ビルド始まったでー!!ビルド終わったら起動するんだろうなぁ
スクリーンショット 2024-12-21 094912.png

ビルドおわったかな?
スクリーンショット 2024-12-21 100123.png

ここまで14分程度
はぁー。ブログが14分で作れる時代きたかぁ。
image.png

はい。じゃあブラウザで...
!?アクセスできないじゃん?
image.png

この辺あせってキャプチャを取り忘れたけど
pipのインストールに失敗していて、その旨Copilotさんに聞いたら以下とのこと
Dockefileも提案してくれたので再度ビルド!!
image.png

そして、再度ビルドも失敗で再提案をうけました。
Copilotさんが作ったDockerfileやで!最初っから考慮してくれないかなぁ...っと
image.png

そして、ビルドが通り!ついに!!
ブラウザで表示!バン!はっ?
image.png

むしゃくしゃしたんで、エラーログをゴリっと送ってみたところ...

おー!すごい!人間が真剣にエラーログを読まなくてもCopilotさんはしっかりポイント抑えて何が悪いか教えてくれる!
むしろ、MySQLのライブラリ側のエラーログのほうがわるいんじゃないの?もっとわかりやすくだせんじゃないの?
image.png

いわれたとおりに直してビルド!!
さあ、ブラウザで表示!バン!おー?
しょぼい画面が...
image.png

まあ、いいか...
New Post画面開いて、Title、Contentを入力してSubmit!!
image.png

はい。予想通りの展開です。
もうCopilotさんが新規で作ってくれたコードは信用してませんでした。
image.png

はい!エラーログぼん!!
またもや的確なエラーログの解析。そっちはほんとすごい。
image.png

再度修正してビルドして...
気を取り直して、ブログの投稿!ポチ
image.png

はい。投降後の画面...
なに?投稿内容なにも出ないんですけど?
image.png

なんて聞けばいいんだろう?「投稿した文字が表示されません!!」ポチっ
お!なんか提案された、全部やってみよう...
image.png

ビルドしなおして、ブラウザ開いて投稿!
image.png

きたーーー!!!
image.png

ブログ記事のタイトルをポチっとしたら...
内容画面にきたーーーー!!うぉおおおおおおお!!
image.png

ここまで57分くらいかかりました。
これもすべてCopilotさんが一発で完璧なものを作れないからなんですからね!
まぼろしの14分の記録が見たかった。。。
image.png

終わってみての感想

たった1度つかってみただけの評価なんて、ちゃんとした評価じゃないですが
今のところ思ってみたのは、「まるっとアプリを全部作成してくれ」までお願いすると
うっかり漏れちゃう設定とかライブラリとかがあるくらいの性能なのかな?
一方でエラーログの解析能力最高!すごい!
エラーログじゃなくても、問題点を見つけて解決の提案する能力は基本高いかなと思いました。

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?