🙋

【新年度向け】GitHub風の自己紹介サイトを作ってみた【個人開発】

2024/04/08に公開

新年度ということで自己紹介をする機会もあると思いますが、エンジニアらしい一風変わった自己紹介にしたいと思って作成してみました。

成果物

URL:https://esttom.github.io/github-style-self-introduction/

画面イメージ
image

※実際の画面は操作方法と規約に基づきパロディサイトであることの注意喚起が表示されます。

ソースコード
https://github.com/esttom/github-style-self-introduction

利用方法

画面下部にも記載がありますが、右上のメニューを押すと下記のような画面が出ますので各内容を編集してください。

control_image

モーダル下部の保存ボタンを押下するとURLに入力したデータが保存され、共有することが可能です。

例えば某野球選手の入力を行った結果はこのようになります。

主な利用技術

  • ビルドツール:Vite.js
  • フロント:Vue.js
  • ライブラリ:UnoCSS(CSS関連)、iconify(アイコン)、chartjs(グラフ)

感想

一発ネタ用のアプリでしたが、普段利用しないCSSライブラリやスタイルを使えて勉強になりました。個人開発は制約も少なく楽しいですね。

世間的にはもう自己紹介の時期はおわっているんじゃないか

Discussion