---
# System prepended metadata

title: 佐藤琳さん 講義メモ 2023/02/09

---

# 佐藤琳さん 講義メモ 2023/02/09

## 今後学んでいった方がいいこと
今後AIの進化が著しいので、HTML,CSSのコーディングや簡単なWordpressの案件は減っていきます。
なので、より高度なことを学ぶことによって、人間にしかできないことを出来るようにする必要があります。
なので、以下のような高度な技術を身につけて、生き残っていきましょう。

- GSAP（JSのアニメーションライブラリ）, Web Animation API
CSSアニメーションを、効率的に管理することができるライブラリ。
複雑なアニメーションを組むことができるので、動くサイトが好きなクライアントに対応できる。
Three.jsなどのCGを扱うライブラリにも対応している。
    - 作例 https://kamomura-farm.com/
    - 作例 https://personal-lesson-programming.com/?animation
    - CGの作例集 https://threejs.org/

- Vue.js もしくは React.js
JSを効率的に書くライブラリ。数十行のコードを数行で書くことができる。以前はjQueryが主流だったが、今はこっち。

- Nuxt.js（ナクスト） / Next.js（ネクスト）
Vue.js / React.jsをもっと効率的に書けるやつ。

- TypeScript
JSの上位言語。型を定義できる。

    例）
    `1 + 1 = 2`
    片方が文字列の場合、連結される。
    `'1' + 1 = 11`
    両方とも数値かどうかを定義・判断して、処理させたりする。

    業界的には、JSではなくてTypeScriptで書くのが普通になっている。
    ただし、JSの知識が必須。

- Three.js
JSで立体的なものが描けたり、光や影の計算や、物理計算をおこなうことができる。

- Blender
複雑な3Dモデル（キャラクターとか）はBlenderというソフトなどを作って、JSでそれを読み込む。

## 案件例
Vue, React, Nuxt, Next, TypeScriptなどができてくると、以下のような案件ができる。
- https://freelance.levtech.jp/project/occ-6/
- https://crowdtech.jp/job_offers/o/4