LT.20 コーディングとマジックナンバー
•
0 gostou•6,019 visualizações
※ 株式会社GIGでは毎月社内勉強会を実施しています GIG inc. Good is good. We provide opportunities to the SEKAI by fusing technology and ideas. テクノロジーとクリエイティブでセカイをより良くする。小さなチームからスタートした多くの先人達が、世界をより豊かなモノに変革してきました。通信、UX、デバイス、技術の変化と共に世界はまだまだ加速度的に変わります。 Good is good. いいものはいい。GIGは、関わったユーザーやクライアントが前に進める"きっかけ"をつくりつづけます。 ■ お問い合せ https://giginc.co.jp/contact/
Recomendados
Mais conteúdo relacionado
Mais de GIG inc.
Mais de GIG inc. (20)
LT.20 コーディングとマジックナンバー
- 4. もくじもくじ 1. マジックナンバーとは 2. 数字の種類・分類 3. 比率・数列 4. 実装 5. まとめ
- 6. 2と400が何なのかわからない2と400が何なのかわからない 定数化すると他の人にも伝わりやすい定数化すると他の人にも伝わりやすい でも… let $dish = 21; if(2 * $dish >= 400){ console.log('full') } const $sushi = 2; const $stomach = 400; let $dish = 21; if($sushi * $dish >= $stomach){ console.log('full') }
- 7. なんでこの数字にしたの？
- 8. js cssだと const $slidesAmount = 4; //← const $slideSpeed = 500; //← .container{ width: 1000px; /* ← 1000px */ } #element{ margin: 8px 0; /* ← 8px */ }
- 10. もくじもくじ 1. マジックナンバーとは 2. 数字の種類・分類 3. 比率・数列 4. 実装 5. まとめ
- 11. 数字の種類・分類数字の種類・分類
- 13. ◆◆ 整数整数 ◆◆ 0に１ずつ加えたり、引いたりすることで表せる数 少数でも分数でも無理数でもない、フツーの数字 小１が理解できる数字 印象 数学 時間 身体 4つに分けて、各数字の意味を説明する
- 14. ◆◆ 整数（印象編）整数（印象編） ◆◆ 一部ピタゴラス学派の考え方を参考にした ※ 偏見もあるので注意 「昔からこんな文脈で数字は使われてたかも？」 と考えることが大事。 気付かずに意識に刷り込まれてるかも？
- 16. ◆◆ 整数（印象編）整数（印象編） ◆◆ 33 1の統一、2の対立の和。 調和を意味する。 男 性。 44 公正と秩序を表す。 4つの方位、4つの点から生成 される3次元。
- 21. ◆◆ 整数（数学編）整数（数学編） ◆◆ 3030 sin30° ＝ 0.5 4545 tan45° ＝ 1 6060 1-6 の最小公倍数。 cos60° ＝ 0.5
- 22. ◆◆ 整数（数学編）整数（数学編） ◆◆ 180180 半円。 三角形の内和。 360360 一周。 四角形の内和。
- 29. ◆◆ 忌み数忌み数 ◆◆ 44 多くの漢字文化で忌み数。（死を連想させる） 6, 96, 9 日本で忌み数。 13, 66613, 666 主にキリスト文化圏で忌み数。
- 30. ◆◆ 素数素数 ◆◆ 2, 3, 5, 7, 11, 13...103...2017 1 より大きい自然数で、正の約数が 1 と自分自身のみであ るもののことである。
- 33. ◆◆ 無理数無理数 ◆◆ 整数や分数で表せない数 √2, √5, 円周率, 外中比 無理数は美しいとされる比、図形によく使われている無理数は美しいとされる比、図形によく使われている
- 34. もくじもくじ 1. マジックナンバーとは 2. 数字の種類・分類 3. 比率・数列 4. 実装 5. まとめ
- 35. 比率・数列比率・数列
- 37. ◆◆ 画面比画面比 ◆◆ 多くのpcは 16:9 タブレットは 3:4 spは 9:16 この理由は？この理由は？
- 38. ◆◆ 画面比画面比 ◆◆ The Changing Shape of Cinema: The History of Aspect Ratio FilmmakerIQ.com 17:56 The Changing Shape of Cinema: The History of Aspect Ratio
- 39. ◆◆ 画面比画面比 ◆◆ 要約すると、 フィルム時代になんとなく3:4にした もっといいアスペクト比を求めて規格が乱立 大体の規格に合う (余白が少ない) のが16:9
- 41. ◆◆ 黄金比黄金比 ◆◆ 1:(1+√5)/2の比率 （約 1:1.618) 自然界の至る所で見つかる比率 一般的に美しいとされている
- 42. ◆◆ フィボナッチ数列フィボナッチ数列 ◆◆ 1 + 1 = 2, 1 + 2 = 3, 2 + 3 = 5, 3 + 5 = 8, .... の数列 隣り合う数字同士の比率は黄金比に近く隣り合う数字同士の比率は黄金比に近く
- 43. もくじもくじ 1. マジックナンバーとは 2. 数字の種類・分類 3. 比率・数列 4. 実装 5. まとめ
- 47. ◆◆ 数字からコードを読む数字からコードを読む ◆◆ 90, 180, 360 の数字は空間を表すことが多いの で、アニメーション系の処理かもしれない 7, 12, 24, 365 の数字は時間処理系の処理かも しれない
- 48. ◆◆ 記憶力を利用する記憶力を利用する ◆◆ 記憶に残したい要素を 4±1 にまとめる 10以上の要素にすると、「両手で数えられない 沢山のもの」になる
- 49. ◆◆ クレームを避けるクレームを避ける ◆◆ 特定のお客さんには、忌み数に気をつける とか #container { width: 1000px; } #navigation { width: calc(1000px / 3); } #contents { width: 666px; //←666 忌 数 }
- 51. HTML CSS (Sass) JS 1 <main> 2 <div class='container'> 1 @keyframes anime 2 100% 3 transform: translateX(0) Last saved 16 hours ago Delete Collections Embed Export ShareConsole Assets Comments Untitled A Pen By age Save Fork Settings Change View
- 52. ◆◆ 画面幅を考慮した実装画面幅を考慮した実装 ◆◆ 画面いっぱいに沢山グリッドを引きたい時など 16:9, 4:3 に対応していて、割っても端数が出な いような数字が好ましい PCは1グリッドが16倍数の横幅、タブレットは 3、SPは9
- 58. もくじもくじ 1. マジックナンバーとは 2. 数字の種類・分類 3. 比率・数列 4. 実装 5. まとめ
- 61. Good is good. We provide opportunities to the SEKAI by fusing technology and ideas. テクノロジーとクリエイティブでセカイをより良くする のこと