---
# System prepended metadata

title: 中村さんインタビュー

---

# 中村さんインタビュー
どのようにしてストックしているのか?

## 動画的なインタラクション
情報なのか印象的なものなのか

### アニメーション
jqueryでできるアニメーションをできるだけ付け足してた
こまめにアニメを足してた

#### ジェネラティブアート
processing
自然　めちゃくちゃなものを作る

基礎
https://www.amazon.co.jp/%E6%99%AE%E5%8F%8A%E7%89%88-%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%A9%E3%83%86%E3%82%A3%E3%83%96%E3%83%BB%E3%82%A2%E3%83%BC%E3%83%88%E2%80%95Processing%E3%81%AB%E3%82%88%E3%82%8B%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89-%E3%83%9E%E3%83%83%E3%83%88%E3%83%BB%E3%83%94%E3%82%A2%E3%82%BD%E3%83%B3/dp/4861009634
基礎+
https://www.amazon.co.jp/Generative-Design-Processing%E3%81%A7%E5%88%87%E3%82%8A%E6%8B%93%E3%81%8F%E3%80%81%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E3%81%9F%E3%81%AA%E5%9C%B0%E5%B9%B3-Harmut-Bohnacker-ebook/dp/B0796PMZRS/ref=sr_1_2?crid=3B2B0SUO2FTMP&dchild=1&keywords=%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%A9%E3%83%86%E3%82%A3%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&qid=1634543785&s=books&sr=1-2
基礎+
https://wgn-obs.shop-pro.jp/?pid=144269527
3d
https://www.amazon.co.jp/3D%E8%A1%A8%E7%8F%BE%E3%81%A7%E6%8B%A1%E3%81%8C%E3%82%8B%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-New-3D-Effects-Graphic-Design/dp/4802511523

#### モーショングラフィックス
MV　ここが気に入ったところを探す
テンポ、色、尺の長さ
アニメゲームマンガ
UIはアニメを連続させたものが多い、映像のテンポ、PV
情報が出るテンポ

デザインをみることで出てくる発想

任天堂のゲームはリズムが生まれる
一個コアなルールを作る

### デザイン
枠は意識する
目の動きを意識する（どこ見ればいいの
デザインに没頭する期間を設ける

できるだけ早い段階でデザインを見る
デザインの意図をしつこく聞く
ユーザー目線で戦う
ユーザビリティの感覚を身につける

# 課題
仕様が固まる前に入る
## エンジニアの存在感を出す
実績を出す、回数と深さ
（ツイッターのAPIのコンテストに参加した

# ルール
コーディングのルールはある？

# パフォーマンス
よくわかっていない

やってきたこと
* 画像の軽量化
* css, js圧縮

やらなければいけない？
* 画像の遅延ローディング
img 
srcタグ
object fit
decoding="async"

背景画像
軽くできるものは軽くする（文字の後ろにひく背景

* フォント
google font loader
日本語はサブセット化


* 画像だし分け
jsで制御できるように



# 開発環境
可能なら開発環境がほしい

11tyが気になる


## html
lintしている？
アクセシビリティまで意識しているか

## css

レスポンシブをどのように考えてコーディングするか。

### postcss
autoprefixer
mqpacker

## js
### フレームワーク
vue.jsは使っている？
barba.js

### webpack
いまいち理解ができていない
babelと

## lint
使っている？

* prettier
* ESLint
* stylelint
* (csscomb