Skill Set
できることマップ
制作環境の変化や、新たな技術の台頭が、日々繰り返されるWeb業界。
わたしたちのスキルセットを一覧化したものが、「できることマップ」です。
- 言語
HTML
CSS
JavaScript
TypeScript
PHP
- CSS設計
FLOCSS
MindBEMding（BEM）
SMACSS
RSCSS
OOCSS
tailwindCSS
css-in-js
- Library Framework
Nuxt.js
Next.js
React.js
Vue.js
Angular
jQuery
Bootstrap
svelte.js
Web Components
- CMS
Movable Type
PowerCMS
WordPress
Headless CMS
Strapi
microCMS
- テンプレート
エンジンPug
EJS
Nunjucks
JSX
Twig
- CSS
プリプロセッサSass
Stylus
SCSS
- 開発環境
Node.js
npm-scripts
webpack
gulp
Git
11ty
Vite
- Web
インターフェースJSON
Ajax
API
- 制作手法
量産自動化
コンポーネント
テンプレート
Puppeteer
Google Apps Script（GAS）
- プラットフォーム
GitHub
Firebase
Heroku
Docker
kintone
Bitbucket
Gitlab
BrowserStack
- サイト設計・改善
SPA（Single Page Application）
PWA
JAMStack
Webサイト高速化（最適化）
アクセシビリティ対応
- 入稿形式
XD
Figma
Sketch
zeplin
InVision
Photoshop
Illustrator
- 制作物
大規模サイト
コーポレートサイト
多言語サイト
ECサイト
LP
Webアプリ
システム画面
Storybook
スタイルガイド（パーツ、コンポーネント、モジュール）
ゲーム機
デジタルサイネージ
更新日：2022年12月22日