【自己紹介】私の推している技術について
2026-05-08
azblob://2026/05/08/eyecatch/2026-05-08-introduce-myself-000.jpg

はじめして。2026年度から東京本社に配属になりました、桂と申します。

今回は初めての執筆ということで、テーマが与えられました。

今回のテーマが「自己紹介も兼ねた学生時代に行った研究と私が推している技術紹介」ということで、それに則って、執筆いたしました。稚拙な文章でお見苦しいかと存じますが、最後まで見ていただけると幸いです。

自己紹介

出身:大阪府

出身校:近畿大学大学院 総合理工学研究科 理学(物理学)専攻

学生時代の研究内容:抗がん剤の代替となる医薬品の保存過程に於ける研究を行ってました。

趣味:音楽・映画鑑賞、楽器演奏(学生時代バンドをしておりました。特に海外だとVan HalenやGuns,日本国内ではB'z,Mr.Childrenさんが好きです。)

私の推し技術

最近、UIのプロトタイプの作成として、"Lovable"という生成AIを使用しています。

Lovable自体は先輩社員かつメンターの稲永さんにご教示いただいたものなのですが、VScode内の拡張機能であるCodexと比較してもイメージ通りのUIを生成してくれるので、非常に重宝しております。

試しに、同じプロンプトで生成させてみたところ、Lovableは自分の意図を斟酌し、たった2分30秒ほどでUIをきれいに整形してくれました。(HTMLだけでなくCSSなどをたっぷり使用)

Codexは実直にプロンプト通りのサイトを作成してくれます。(モデルをStandardにしているため、かなり簡素になっています。時間は4分、HTMLのみ)

状況によって使い分けるが吉かなと思いました。

私の流れとしては、まずLovableに対して自然言語で投げて、大枠を作りCodexなどで細かい調整を行うことで、より思い通りのUIを作れると感じています。

以下に、実際に使用したプロンプトを掲載しておきます。

私の自己紹介用Webサイトを作成してください。名前は山田太郎でお願いします。
目的は、採用担当者や仕事相手に、私の人柄・スキル・実績をわかりやすく伝えることです。
サイトは1ページ構成で、モダンで清潔感があり、少し親しみやすいデザインにしてください。
必須セクションは、ヒーロー、自己紹介、スキル、実績・制作物、経歴、連絡先です。
レスポンシブ対応にしてください。
HTML、CSS、JavaScriptで動く完成コードを出力してください。
背景色、アクセントカラー、ボタン、カードデザインも含めて整えてください。
ダミーテキストではなく、日本語で自然な自己紹介文も仮で入れてください。
最後に、どこを書き換えれば自分用に調整できるかも説明してください。

蛇足

このブログ執筆中に、ChatGPT5.5がリリースされたので、試しに同じプロンプトを入れたところ、とても成長が感じられました。(ChatGPT 5.5 instantで実施)

しかも生成速度は1分程度と超速でしあげてくれました。

今後、ChatGPTとLovableを併用すれば、1,2時間以内に本格的な運用までできるサイトが立ち上がるかもしれません。