# 2023/04/15 小山田香織さん メモ

[TOC]

## 現状
会社に勤めているが、技術を身につけていきたい。

## 目的
動きのあるサイトを作っていきたい

## 今後学んでいかないといけないこと（カリキュラム）
- HTML, CSS
- Sass（CSSの上位言語）
- JavaScript
- Git（コードの編集履歴を見たり、コードを以前の状態に戻したり、バックアップを取ることができるツール）
- WordPress（独自テーマ）
- GSAP（JSのアニメーションライブラリ）。JSの知識が必要。※複雑な動きをするほど、サイトが重くなるので、SEO的には不利。コンバージョンも落ちる。
- - -
- TypeScript（JSの上位言語）
- Vue.js, React.js などのフレームワークの知識が必要になってくる。
- Vue, ReactはNode.jsで動いていて、これはコマンドラインツールの知識が必要
- Webpackも必要なので、この辺の知識も必要です。
- Vue, Reactをさらに効率的に扱うことができる、Nuxt, Nextもある。
- - -
- [Three.js](https://threejs.org/)（JSでCGを描くことができる。）
- Blender（3Dモデルを作ることができるソフト）

## コースについて
[スクール形式](https://factory-programming.com/)

## アニメーション作例
https://codepen.io/pianojazz2012

## Vue(Nuxt) 作例
https://front-end-tools.com/