[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:00.25,Default,,0000,0000,0000,,CSP\N(コンピューター・サイエンスの基礎) Dialogue: 0,0:00:01.67,0:00:04.29,Default,,0000,0000,0000,,「ちょビットだけ ピクセル について」 Dialogue: 0,0:00:09.44,0:00:10.28,Default,,0000,0000,0000,,いいね Dialogue: 0,0:00:11.91,0:00:17.74,Default,,0000,0000,0000,,私がマイクとインスタグラムを設立したのは\Nモバイルに新たな機会を見いだしたからです Dialogue: 0,0:00:17.97,0:00:22.70,Default,,0000,0000,0000,,はじめて日常的にコンピューターを\N携帯するようになったわけですから Dialogue: 0,0:00:22.96,0:00:32.10,Default,,0000,0000,0000,,中でも 画像の共有 が近い将来 有望で\Nまたやりがいのあることだと思ったのです Dialogue: 0,0:00:32.25,0:00:36.87,Default,,0000,0000,0000,,なんでもできるアプリは\N一見魅力的かもしれません Dialogue: 0,0:00:36.87,0:00:40.35,Default,,0000,0000,0000,,でも現実的な問題を解決しないと\N誰も利用しないでしょう Dialogue: 0,0:00:40.35,0:00:43.88,Default,,0000,0000,0000,,そこで考えなければならいのは\N「あなたは何を解決するか」です Dialogue: 0,0:00:44.67,0:00:50.40,Default,,0000,0000,0000,,「画面上に画像を表示する」という問題の\N解法は 絵をデータにする ことでした Dialogue: 0,0:00:50.40,0:00:57.49,Default,,0000,0000,0000,,1957年 エンジニアのカーシュは\N自分で撮った写真をスキャンしました Dialogue: 0,0:00:57.51,0:01:02.61,Default,,0000,0000,0000,,この荒い白黒の赤ん坊が 世界初のデジタルイメージ\Nこうしてピクセルは生まれたのです Dialogue: 0,0:01:02.69,0:01:05.97,Default,,0000,0000,0000,,「ピクセル」は興味深い概念です Dialogue: 0,0:01:05.97,0:01:17.60,Default,,0000,0000,0000,,ちょっと見ただけではわかりませんが 画面を\Nズームすると小さな光る ドット(点) が見えます Dialogue: 0,0:01:17.74,0:01:25.15,Default,,0000,0000,0000,,さらにズームすると ドットがさらに小さな\N赤 緑 青 に光るドットなのがわかります Dialogue: 0,0:01:25.27,0:01:31.96,Default,,0000,0000,0000,,ピクセルが組み合わされると1枚の画像ですが\N近くで見るとただの点滅するライトです Dialogue: 0,0:01:32.21,0:01:36.64,Default,,0000,0000,0000,,普段目にするコンピューター画像は\Nすべてこうしてできているのです Dialogue: 0,0:01:36.77,0:01:42.91,Default,,0000,0000,0000,,最近「解像度(レゾリューション)」という\N言葉をいたる所で耳にしますよね Dialogue: 0,0:01:43.03,0:01:50.90,Default,,0000,0000,0000,,解像度は 基本的に画面上の\Nピクセル数のことです Dialogue: 0,0:01:50.90,0:01:56.92,Default,,0000,0000,0000,,私が学生の頃は ヨコ640個タテ480個 ぐらい\Nでもいまはもっと大きくなっています Dialogue: 0,0:01:56.92,0:02:01.35,Default,,0000,0000,0000,,近年「密度」の重要度も増しています Dialogue: 0,0:02:01.35,0:02:05.46,Default,,0000,0000,0000,,スマホとノートPCでは ピクセル数は\N同じでも密度がちがうのです Dialogue: 0,0:02:05.46,0:02:08.92,Default,,0000,0000,0000,,この例では スマホの密度が高いので\N画像はよりシャープです Dialogue: 0,0:02:08.92,0:02:13.44,Default,,0000,0000,0000,,ではピクセルの値はどうファイル化\Nされているのでしょう Dialogue: 0,0:02:13.44,0:02:18.15,Default,,0000,0000,0000,,赤 緑 青 の3つの値があり Dialogue: 0,0:02:18.15,0:02:22.78,Default,,0000,0000,0000,,その3つが組み合わさって\Nピクセル1つを表しています Dialogue: 0,0:02:22.78,0:02:32.43,Default,,0000,0000,0000,,値は0〜255の範囲で\N0は暗く 255に近づくほど明るく Dialogue: 0,0:02:32.43,0:02:35.78,Default,,0000,0000,0000,,3つの値1組で 1つのピクセルを表します Dialogue: 0,0:02:37.82,0:02:46.95,Default,,0000,0000,0000,,画像ファイルの JPEG も GIF も PNG も中身は\Nすべて<3つの値>の集合体からできたデータです Dialogue: 0,0:02:47.15,0:02:51.49,Default,,0000,0000,0000,,デジタルの世界のデータは\Nすべて ビットで表されます Dialogue: 0,0:02:51.76,0:02:54.99,Default,,0000,0000,0000,,ビット は常に オン か オフ Dialogue: 0,0:02:54.99,0:02:57.99,Default,,0000,0000,0000,,それをコンピューターは \N1 か 0 のバイナリー(2進法)として扱います Dialogue: 0,0:02:57.99,0:03:01.22,Default,,0000,0000,0000,,つまり画像ファイルは\Nたくさんの 1 と 0 でできているわけです Dialogue: 0,0:03:01.30,0:03:06.05,Default,,0000,0000,0000,,でも 赤 緑 青 の値は0~255だったはず\Nどうしてでしょう? Dialogue: 0,0:03:06.12,0:03:11.88,Default,,0000,0000,0000,,じつはそれぞれ ビット8個の値だったのです\Nビット8個で 1バイト になります Dialogue: 0,0:03:11.90,0:03:20.83,Default,,0000,0000,0000,,2進法でビット8個の最大値は1が8個\N(11111111)で10進法の255となり Dialogue: 0,0:03:20.92,0:03:24.42,Default,,0000,0000,0000,,すべてが0(00000000)のゼロが最小値になります Dialogue: 0,0:03:24.42,0:03:30.26,Default,,0000,0000,0000,,そういうわけで0から255まで\N256の濃淡が存在することになります Dialogue: 0,0:03:32.91,0:03:38.47,Default,,0000,0000,0000,,ターコイズ(青緑)色のピクセルの例です Dialogue: 0,0:03:38.47,0:03:44.90,Default,,0000,0000,0000,,10進法ではそれぞれ\N赤64 緑224 青208 です Dialogue: 0,0:03:44.90,0:03:48.07,Default,,0000,0000,0000,,でもコンピューター内では2進法なのでーー Dialogue: 0,0:03:48.12,0:03:56.69,Default,,0000,0000,0000,,01000000 11100000 11010000\Nーーと扱います Dialogue: 0,0:03:56.79,0:04:02.66,Default,,0000,0000,0000,,この例では1つのピクセルに\N24ビット分もの数字がつかわれています Dialogue: 0,0:04:02.71,0:04:14.93,Default,,0000,0000,0000,,そこでプロは16進数を代わりに用います\Nすると同じ色でも 40 E0 D0 と表せます Dialogue: 0,0:04:14.93,0:04:16.25,Default,,0000,0000,0000,,すごく短縮できたでしょ Dialogue: 0,0:04:16.25,0:04:20.59,Default,,0000,0000,0000,,画像の色を変えるには\Nどうすればいいのでしょう Dialogue: 0,0:04:20.85,0:04:27.80,Default,,0000,0000,0000,,基本的には、色の値を変更する\N関数(ファンクション)を用います Dialogue: 0,0:04:27.80,0:04:35.24,Default,,0000,0000,0000,,ある色のピクセルが入力され 関数を通過し\N新たな色として出力されます Dialogue: 0,0:04:35.24,0:04:45.89,Default,,0000,0000,0000,,色を暗くする一例です\N決まった数(定数)を赤緑青から引きます Dialogue: 0,0:04:45.89,0:04:54.66,Default,,0000,0000,0000,,例として定数を50にします\Nもちろん0以下にはできませんが Dialogue: 0,0:04:54.66,0:05:03.41,Default,,0000,0000,0000,,赤 ー 50 緑 ー 50 青 ー 50\Nとそれぞれ引いていくと Dialogue: 0,0:05:03.41,0:05:07.66,Default,,0000,0000,0000,,暗くなったのがわかると思います\N[ビフォー] [アフター] Dialogue: 0,0:05:07.83,0:05:17.41,Default,,0000,0000,0000,,インスタグラムは レトロ調のフィルター\N機能など 見た目が注目されがちですが Dialogue: 0,0:05:17.51,0:05:24.06,Default,,0000,0000,0000,,もっと大切な存在になれたと思っています\Nそれはひとびとを互いにつなげた ことです Dialogue: 0,0:05:24.13,0:05:28.82,Default,,0000,0000,0000,,家族や友達とだけ画像をシェアするだけでなく\N世界中の出来事に触れる場になりました Dialogue: 0,0:05:28.82,0:05:37.72,Default,,0000,0000,0000,,さまざまな社会的な出来事やムーブメントを\N画像を通して体験しているのです Dialogue: 0,0:05:37.72,0:05:41.85,Default,,0000,0000,0000,,だからこそ我々は急成長し\N世界中で利用されているのだと思います