はじめに
2025年3月18日、Geminiに「Canvas」機能が追加されました。
個人的に興味があったので、Canvas機能を使ってWEBサイトを作成してみました。
作成するWEBサイト
今回はバスケットボールチームのWEBサイトを作成しました。
理由は以前から所属しているバスケットボールチームのサイトを作成したいと考えており、
最近複数のメンバーが転勤になり人数が減ったため、
メンバー募集も兼ねて、チームのWEBサイトを作成しようと思いました。
作成方法
作成方法は非常に簡単です。
以下の方法で作成しました。
①WEBサイトに記載する情報を考える。
以下の情報を考えました。(※固有名詞等は適当に考えました。)
1.チーム紹介
チーム名:ORCAS
活動拠点:肥後橋体育館 または 西梅田体育館
活動日時:土日
所属リーグ:大阪府社会人リーグ 3部
2. メンバー紹介
選手:背番号 名前 ポジション 身長 出身校
01 合田隼人 PG 177 甲南大学
12 山田康太 SF 180 大阪大学
16 太田靖 C 195 近畿大学
24 飯田成人 PG 172 京都大学
34 金田英二 SG 175 神戸大学
35 会田剛 PF 184 神戸大学
55 豪博美 C 188 神奈川大学
60 栄伍大輔 SG 181 京都産業大学
72 煉獄剛志 PG 174 東京大学
80 永井葉梨 SF 178 UCLA
99 須田獏須 C 199 北京大学
3. 試合結果・スケジュール
05/24 VS MONGOL900 @大阪中央体育館 14:00～
06/07 VS BIGAN @轟アリーナ 14:00～
07/01 VS GOD FATHER @宝塚総合体育館 14:00～
4. 入部案内
募集要項:大阪でバスケをしたい方、大歓迎!!
5.部費、その他費用について
JBA登録料：3300円
ユニフォーム代：15000円
②GeminiのCanvasモード①で考えた情報をもとにしたWEBサイトの作成を依頼する。
作成方法は以上です。
成果物
数十秒ほど待機していると、完成しました。
以下のキャプチャが最初に作成されたWEBサイトのホーム部分です。
私が入れてほしいと記載した情報がすべて記載されており、
デザインもさほど悪くないWEBサイトが作成されました。
ただ、背景の文字と被っている部分があったため、
修正してくださいと再度依頼しました。
文字が被らないように修正され、見やすくなりました。
今回は修正の依頼をGeminiに投げましたが、コードを自分で修正することもできるようです。
他の作成部分
チーム紹介
メンバー
試合情報
記載した情報では、試合予定しかありませんでしたが
過去の試合結果情報を入れてみてはどうかという提案がされていました。
入部案内
最後に
今回WEBサイトを作成してみて感じたことは、簡単に短時間で作成できしまう驚きと危機感でした。
上記のWEBサイトは、記載する情報を考える時間を含めて15分ほどで作成できました。
エンジニアが上記のWEBサイトと同様のHTMLファイルを作成しようと思っても、
10分ほどで作成はかなり厳しいと思います。
そのため、短時間でこのクオリティのものが作成できるのを目の当たりにして、
AIの進化がすごいなと思いました。
その驚きと同時にエンジニアがいらなくなる日ももうすぐ来るのではとも考えてしまい、
少し危機感を覚えました。
私も日々精進していこうと思います。