仕事で使用経験のある言語
HTML
- ー SEOを考えた構成を意識
- ー 更新を意識した簡潔なコードを心がけている
SCSS/CSS
- ー BEMを使用した効率的な記述が可能
- ー 変数などを使用し更新・変更時の効率アップを行う
jQuery
- ー タブ・アコーディオン・ハンバーガーメニューなど基本的な要素の作成が可能
- ー レスポンシブでの切り替えなどでも使用
個人で学習している言語・技術
React
- ー styled-components・TailwindCSSなどでのスタイリングが可能
- ー framer-motionでのアニメーションも取り入れている
- ー bulletproof-reactを参考にディレクトリ構造を模索中
GSAP
- ー 主にHTML/CSS/JSで制作をする際に使用
- ー スクロールで表示させるアニメーションやタイムラインを用いたメインビジュアルのアニメーションなどが可能
Tailwind
- ー 当ポートフォリオのスタイリングで採用
- ー tailwindを用いたダークモードの設定を行なっている
- ー configでのカスタマイズが可能
Next.js
- ー 当ポートフォリオにはNext.jsを採用
- ー 公式推奨のCSS modulesやemotionの使用が可能