✨ Site Summary

📸 Sample Pages

HTMLとCSSの学習でサンプルWebサイトを作成しました。デザインセンスがないので書籍を参考にしたものが多いですが、以下の点について工夫しました。

• ページの表示速度の向上(GoogleのPageSpeed Insightsで90点以上を獲得できるくらい)
• アクセシビリティの向上(Google ChromeのLighthouse機能のAccessibilityでほぼ満点を獲得できるくらい)
• モダンなCSSの機能の利用
• CSS ModulesやTailwind CSSの使用
• Sassは使用しない
• ReactやTypeScriptを使用したコンポーネント分割
• StorybookによるUIテスト💯
• React Testing Libraryによるテスト💯
• Github Actions、TerraformによるAWSへの自動デプロイ(挑戦中)
• テスト💯の結果などのSlackへの通知

• Sample Page1

🍜 Apps & Sites

作りこんだものから簡単なものまで、色々なアプリケーションやサイトです。Vue.jsとSvelteとかもやりたかったのですが、結局React一辺倒になってしまいました。

• 鳥に生まれることができなかった人へ（Github）

  Gatsbyで作ったブログです。一番コミット数の多いサイトです。

  • Gatsby
  • TypeScript
  • CSS Modules
  • AWS Amplify
• 鳥に生まれることができなかった人へ

  Gatsbyで作ったブログです。

🎅 個人タスク

😸 その他

• I 💖 HTML & CSS
• I 💖 VSCode & Vim
• I 💖 sed & awk
• I 💖 PostgreSQL
• I 💖 Roger Federer 🎾