はじめに
LitLinkを利用してリンクまとめ的なのを作ろうと考えていたのですが
案の定取得したい文字列がすでに取得されてしまっていました。
そこで同じようなものを作ってしまおうではないかという試みです。
今回作るものの概要
機能一覧
- 各SNSやサービスにリンクを通じて推移することができる
- アイコンと名前を表示できる
使用技術
GitHubPagesにてホスティングしたいので
- HTML
- CSS
を利用していきます
また外部ライブラリとしてTailwindCSSも利用します
実装
とはいっても自分はセンスがないのでAIに丸投げしました。
10分程度Geminiと壁打ちをして作成したのがこちらのページです
まあそこそこの出来にはなったのではないでしょうか。
Discordとかのアイコンについているオンラインの丸がいいと思います。
あとクリックした際にぽにゅんって感じにボタンがアニメーションするのがかわいいです。
まとめ
10分程度で作成したものなのですが、割と形になっていてすごいなと思いました。
今回作成したページはこちらからアクセスできますのでお楽しみください。
またGitHubリポジトリについてはこちらからアクセスできます。
MITLicenseの下で自由に使ってほしいです。
将来的にはダークモードの対応やサーバーサイドプログラミングを行い、
ログイン機能とかあってもいいんじゃないすかね。
ログインしてもやることはなさそうですが。