Skill Set

できることマップ

制作環境の変化や、新たな技術の台頭が、日々繰り返されるWeb業界。
今、わたしたちに「できること」を一覧化したものが、「できることマップ」です。

  • 言語
    言語
    • HTML

    • CSS

    • JavaScript

    • TypeScript

    • PHP

  • CSS設計
    CSS設計
    • FLOCSS

    • MindBEMding(BEM)

    • SMACSS

    • RSCSS

    • OOCSS

    • tailwindCSS

    • css-in-js

  • Library Framework
    Library Framework
    • Nuxt.js

    • Next.js

    • React.js

    • Vue.js

    • Angular

    • jQuery

    • Bootstrap

    • svelte.js

  • CMS
    CMS
    • Movable Type

    • PowerCMS

    • WordPress

    • Headless CMS

    • Strapi

    • microCMS

  • htmlテンプレートエンジン
    htmlテンプレート
    エンジン
    • Pug

    • EJS

    • Nunjucks

  • CSSプリプロセッサ
    CSS
    プリプロセッサ
    • Sass

    • Stylus

    • SCSS

  • 開発環境
    開発環境
    • Node.js

    • npm-scripts

    • webpack

    • gulp

    • Git

    • 11ty

  • Webインターフェース
    Webインターフェース
    • JSON

    • Ajax

    • API

  • 制作手法
    制作手法
    • 量産自動化

    • コンポーネント

    • テンプレート

    • Puppeteer

    • Google Apps Script(GAS)

  • プラットフォーム
    プラットフォーム
    • GitHub

    • Firebase

    • Heroku

    • Docker

    • kintone

    • Bitbucket

    • Gitlab

    • BrowserStack

  • サイト設計
    サイト設計
    • SPA(Single Page Application)

    • PWA

    • JAMStack

  • 入稿形式
    入稿形式
    • XD

    • Figma

    • Sketch

    • zeplin

    • InVision

    • Photoshop

    • Illustrator

  • 制作物
    制作物
    • 大規模サイト

    • コーポレートサイト

    • 多言語サイト

    • ECサイト

    • LP

    • アクセシビリティ対応サイト

    • Webアプリ

    • システム画面

    • スタイルガイド(パーツ、コンポーネント、モジュール)

    • Storybook

    • ゲーム機

    • デジタルサイネージ

更新日:2021年11月7日