山田洸太/Memo

Memo

水くみが楽しくなる遊具（南アフリカ）
水汲みの負担を減らしつつ遊ぶことができる。
https://www.kajima.co.jp/news/digest/mar_2011/safesave/index-j.html

Maya Organic（インド）
インドの100%自然素材のおもちゃ。また、児童労働の根絶を目指すNGOとして設立し、職業訓練技術の支援や、フェアトレードを推進している。
https://www.play-departmentstore.com/fs/castjapan/c/maya-organic

Ethnotek（ベトナム）
人々の伝統文化に対する真の理解を広めることで、文化を存続させるという使命に情熱を傾けるクリエイティブ集団。民族織を取り入れたリュック等の販売を行っている。
https://ethnotek.jp/

世界がもし100人の村だったら
インターネット上でチェーンメールのように広まって、世界的に流布した世界の人々の相互理解、相互受容を訴えかける「世界村」について示唆を与える文章のことである。
https://amzn.asia/d/eIkX7bK

駅ナンバリング
鉄道路線に対してラテン文字からなる路線記号と、鉄道駅に対してアラビア数字からなる駅番号（駅ナンバー）を付与する制度。(Wikipedia)
https://cross-hatch.wixsite.com/numbering
福岡市地下鉄駅シンボルマーク
地下鉄は車窓の風景がないため駅の違いが分かりにくい。そこで駅ごとにマークを設定し色分けをすることで駅を判別しやすくした。
https://sasatto.jp/article/entry-196.html
ロゴマークとは？シンボルマークやロゴタイプとの意味の違い
https://akio-matsuyama.com/special/daily-life/goods/20160810/

calc関数
- 要素を最前面に配置する
```
z-index: calc(infinity);
```
- ボタンを角丸にする（どんな大きさのボタンにも対応可能）
```
border-radius: calc(infinity * 1px)
```
  https://youtube.com/shorts/7bZaRX7ZWcw?si=OiN7goDF6Yvlozln
CSSアニメーション
https://b-risk.jp/blog/2021/01/anim-reference/#link01
特殊文字
& ensp; 半角スペースより少し広い空白
& emsp; 全角スペースとほぼ同じ大きさの空白
& thinsp; の空白より小さい空白
https://webliker.info/html/03847/
70：25：5の法則
Webデザインに用いる配色を「ベースカラー：メインカラー：アクセントカラー」＝「70：25：5」の割合で使用することで、バランスの良い配色にすることができる。
https://webdesign-trends.net/entry/2500

モバイルファースト
モバイル端末（スマホ等）で閲覧された際の使いやすさをより重要視すること。
https://niigumi.com/column/?p=832

プログラマーは世界をどうみているのか（西村博之）
文系出身のプログラマー・ひろゆきによる、知識ゼロから取り組める、プログラミング超入門書!
https://amzn.asia/d/dEol7Gm

Web memo

Data-ink Ratio（データインク比）
エドワード・タフテによる「良いグラフィック」の指標で、「グラフィック全体の印刷にかかったインク量のうち、データを伝えるために用いられたインク量の比率が 1.0 に近いほど良い・・と考えられる。

リピテーション
色や形などを繰り返し配置した構成のこと。
「同じパターンを複数回繰り返すことで、見る側にストレスを感じさせず、中身を強く印象づける手法だ。リピテーションによりボリューム感と複数あることによるリズム感が生まれ、全体としての視認性が高められる。」*¹

＊1 東洋経済ONLINE-栃木県警のスゴすぎる｢押収品陳列｣の真相販促のプロが絶賛
　https://toyokeizai.net/articles/-/194643?page=3

シネマグラフ
写真の被写体の一部に動きをつけたGIFアニメーションのこと。動画とは違い、動かしたい部分のみを動かすことができるため、視覚の誘導を行うのに効果的である。