HTML
★★★★★
セマンティックなマークアップの理解
使用可能な技術
フロントエンド
実務経験あり
CSS
★★★★
基本的なプロパティへの理解・デザインの再現が可能です。
classの命名規則による効率的なコード管理（主にFLOCSSとBEMを使用）
Sass
★★★★
Sass(scss)を使用したコーディング手法の理解
JavaScript
★★★★
WEB制作・フロントエンド開発で必要な知識の理解
TypeScript
★★★
型定義の基本的な使用方法の理解
Astro
★★★
SSG機能を使用した静的サイト作成
React
★★★
API連携して簡単なWEBアプリ作成可能な程度の理解
React Hook Forms等ライブラリの使用経験
Next.js
★★★
SSG・SSRを使用したWEB制作の理解
APIを使用したjamstackなサイト作成の理解
Vue
★
既存システムの保守運用経験
簡単な計算ツール作成での使用経験
Tailwind CSS
★★★
基本的な記法の理解
Newt
★★★★
基本的な使用法の理解
Form Appの使用経験
WordPress
★★★★
オリジナルテーマ開発への理解
GraphQLを使用したヘッドレス化の基礎知識の理解
実務経験なし
Svelte（SvelteKit）
★★
簡単な計算ツール作成での使用経験
microCMS
★★★
基本的な使用方法の理解
開発環境
Node.js
★★★
フロントエンド開発環境構築の理解
npm
★★★
Vite
★★★
フロントエンド開発における使用法の理解
Docker
★
WordPressやCakePHPの開発環境構築経験
エディター
Visual Studio Code
★★★★
Cursor
★★★★
その他ツール
Git（GitHub）
★★★★
Git Flowを使用したバージョン管理経験
GitHub Actionsの使用経験
Github Copilot
★★★★
Figma
★★★
デザイン作成・コーディングに必要な基礎操作方法の知識
Photoshop
★★★
基本的な操作方法の理解
画像加工に必要な基礎知識
Adobe XD
★
コーディングに必要な基礎操作方法の知識