watabeggの個人サイト

概要

このウェブサイトは、watabeggのポートフォリオ兼技術ブログです。最新のウェブ技術を使って作られており、シンプルで使いやすいデザインと高速な動作を目指しています。

使用技術

このサイトでは、以下の技術を活用しています。

• Astro: コンテンツ中心のウェブサイトを作るための軽量フレームワーク。不要なJavaScriptを削ぎ落とし、ページの読み込みを高速化します。
• Tailwind CSS: CSSフレームワークの中で一番好きです。一番嫌いなのはstyled-componentsです。
  • @tailwindcss/typography: Markdownコンテンツを美しく整えるプラグイン。
  • daisyUI: Tailwind CSS用の便利なコンポーネントライブラリ。MUI って名前のカス の次に見つけたライブラリなので親だと思っています。
  • GSAP: JavaScriptのアニメーションライブラリ。Astroとは真逆の思想でマジで重すぎるけどアニメーションってかわいいから入れた！
• View Transitions API (Astro経由): ページ遷移を滑らかにするブラウザAPI。Astroがこれを簡単に使えるようにしています。今のAstroでは非推奨ですがどうしてもReact無しでSPAっぽくしたいので無視して使っています。
• TypeScript: 静的型付け大好き。

目的

• 自分のプロジェクトや制作物を紹介する。
• 学んだことや技術的な知見をブログ記事として共有する。
• 最新のウェブ技術を試しながらスキルを磨く場にする。
• 就職活動において自分の技術を宣伝する場にする。

今後の展望

今後は、以下のような機能や改善を考えています。

• なし
• 嘘です、なんかやるかもしれません。

GitHubリポジトリ

このサイトを通じて、watabeggの活動を見てもらえるといいなと思っています。