名刺を作るのよくね？

いつも通りXを見ていたら自分の名刺を表示するためのサブドメインをとって、そこに自分の名刺を表示しかつクエリに色々含ませて面白くしている、みたいなツイートを見つけて真似しようと思った。

ちなみに作成途中だけどサイトはcard.rhoast.comに公開しています。

サブドメインをとる

このサイトに作っても良かったけど、正直このサイトはただ情報を載せる用のサイトなので、デザインのイメージ的に違うからサブドメインをとってそこで表示することに。

名前はいいのが思いつかなかったからとりあえずcardで取ることにした。このサイトはcloudflareでドメイン登録しているので、とりあえずCNAMEでcardのDNSレコードを追加(ここでプロキシは通さない)して、azureに新しくcard用の静的サイトを作り、そこのカスタムドメインのところから設定する。一回認証されればプロキシ済みにしてもいいので後からここを変える。

なんかおしゃれな感じを作る

自分はデザイナーではないので完全独学でなんかおしゃれな感じにした。参考にしたのはdaisyUIのランディングページで、ああいう感じでスクロールしていったらコンテンツにアニメーションがついていくのがいいと思ってとりあえず真似た。

スマホがメインになる可能性もあるサイトだったので、新しくこちらはreact-swipeableを追加してスワイプで移動できるようにした(はず)。

今後について

インタラクティブな名刺を作りたい。後色々アニメーションつけるとか。クエリで遊ぶのも面白そうだし、色々試してみたいと思う。デザイン系にはめっぽう弱いので、そういう系もやっている同期に色々聞いてみたり作ってみたりしてもらって洗練していきたい。