0:00:00.000,0:00:00.250
CSP[br]（コンピューター・サイエンスの基礎）

0:00:01.671,0:00:04.291
「ちょビットだけ ピクセル について」

0:00:09.436,0:00:10.276
いいね

0:00:11.910,0:00:17.740
私がマイクとインスタグラムを設立したのは[br]モバイルに新たな機会を見いだしたからです

0:00:17.970,0:00:22.700
はじめて日常的にコンピューターを[br]携帯するようになったわけですから

0:00:22.965,0:00:32.105
中でも 画像の共有 が近い将来 有望で[br]またやりがいのあることだと思ったのです

0:00:32.250,0:00:36.870
なんでもできるアプリは[br]一見魅力的かもしれません

0:00:36.870,0:00:40.350
でも現実的な問題を解決しないと[br]誰も利用しないでしょう

0:00:40.350,0:00:43.880
そこで考えなければならいのは[br]「あなたは何を解決するか」です

0:00:44.667,0:00:50.401
「画面上に画像を表示する」という問題の[br]解法は 絵をデータにする ことでした

0:00:50.401,0:00:57.491
1957年 エンジニアのカーシュは[br]自分で撮った写真をスキャンしました

0:00:57.507,0:01:02.607
この荒い白黒の赤ん坊が 世界初のデジタルイメージ[br]こうしてピクセルは生まれたのです

0:01:02.687,0:01:05.969
「ピクセル」は興味深い概念です

0:01:05.969,0:01:17.599
ちょっと見ただけではわかりませんが 画面を[br]ズームすると小さな光る ドット（点） が見えます

0:01:17.743,0:01:25.153
さらにズームすると ドットがさらに小さな[br]赤 緑 青 に光るドットなのがわかります

0:01:25.273,0:01:31.963
ピクセルが組み合わされると１枚の画像ですが[br]近くで見るとただの点滅するライトです

0:01:32.210,0:01:36.640
普段目にするコンピューター画像は[br]すべてこうしてできているのです

0:01:36.770,0:01:42.910
最近「解像度（レゾリューション）」という[br]言葉をいたる所で耳にしますよね

0:01:43.027,0:01:50.897
解像度は 基本的に画面上の[br]ピクセル数のことです

0:01:50.897,0:01:56.916
私が学生の頃は ヨコ640個タテ480個 ぐらい[br]でもいまはもっと大きくなっています

0:01:56.916,0:02:01.346
近年「密度」の重要度も増しています

0:02:01.346,0:02:05.456
スマホとノートPCでは ピクセル数は[br]同じでも密度がちがうのです

0:02:05.456,0:02:08.924
この例では スマホの密度が高いので[br]画像はよりシャープです

0:02:08.924,0:02:13.445
ではピクセルの値はどうファイル化[br]されているのでしょう

0:02:13.445,0:02:18.152
赤 緑 青 の3つの値があり

0:02:18.152,0:02:22.782
その３つが組み合わさって[br]ピクセル１つを表しています

0:02:22.782,0:02:32.429
値は０〜２５５の範囲で[br]０は暗く ２５５に近づくほど明るく

0:02:32.429,0:02:35.779
3つの値1組で 1つのピクセルを表します

0:02:37.818,0:02:46.948
画像ファイルの JPEG も GIF も PNG も中身は[br]すべて＜3つの値＞の集合体からできたデータです

0:02:47.149,0:02:51.489
デジタルの世界のデータは[br]すべて ビットで表されます

0:02:51.757,0:02:54.991
ビット は常に オン か オフ

0:02:54.991,0:02:57.991
それをコンピューターは [br]１ か ０ のバイナリー（２進法）として扱います

0:02:57.991,0:03:01.223
つまり画像ファイルは[br]たくさんの １ と ０ でできているわけです

0:03:01.303,0:03:06.053
でも 赤 緑 青 の値は0~255だったはず[br]どうしてでしょう？

0:03:06.125,0:03:11.875
じつはそれぞれ ビット8個の値だったのです[br]ビット8個で 1バイト になります

0:03:11.897,0:03:20.827
2進法でビット8個の最大値は1が8個[br]（１１１１１１１１）で10進法の255となり

0:03:20.916,0:03:24.418
すべてが０（００００００００）のゼロが最小値になります

0:03:24.418,0:03:30.258
そういうわけで０から２５５まで[br]２５６の濃淡が存在することになります

0:03:32.906,0:03:38.473
ターコイズ（青緑）色のピクセルの例です

0:03:38.473,0:03:44.904
１０進法ではそれぞれ[br]赤６4 緑２２４ 青２０８ です

0:03:44.904,0:03:48.066
でもコンピューター内では２進法なのでーー

0:03:48.116,0:03:56.686
０１００００００ １１１０００００ １１０１００００[br]ーーと扱います

0:03:56.789,0:04:02.659
この例では１つのピクセルに[br]２４ビット分もの数字がつかわれています

0:04:02.714,0:04:14.927
そこでプロは１６進数を代わりに用います[br]すると同じ色でも ４０ Ｅ０ Ｄ０ と表せます

0:04:14.927,0:04:16.247
すごく短縮できたでしょ

0:04:16.247,0:04:20.587
画像の色を変えるには[br]どうすればいいのでしょう

0:04:20.847,0:04:27.795
基本的には、色の値を変更する[br]関数（ファンクション）を用います

0:04:27.795,0:04:35.235
ある色のピクセルが入力され 関数を通過し[br]新たな色として出力されます

0:04:35.235,0:04:45.887
色を暗くする一例です[br]決まった数（定数）を赤緑青から引きます

0:04:45.887,0:04:54.658
例として定数を５０にします[br]もちろん０以下にはできませんが

0:04:54.658,0:05:03.408
赤 ー ５０ 緑 ー ５０ 青 ー ５０[br]とそれぞれ引いていくと

0:05:03.408,0:05:07.659
暗くなったのがわかると思います[br]［ビフォー］ ［アフター］

0:05:07.829,0:05:17.409
インスタグラムは レトロ調のフィルター[br]機能など 見た目が注目されがちですが

0:05:17.510,0:05:24.060
もっと大切な存在になれたと思っています[br]それはひとびとを互いにつなげた ことです

0:05:24.126,0:05:28.825
家族や友達とだけ画像をシェアするだけでなく[br]世界中の出来事に触れる場になりました

0:05:28.825,0:05:37.723
さまざまな社会的な出来事やムーブメントを[br]画像を通して体験しているのです

0:05:37.723,0:05:41.853
だからこそ我々は急成長し[br]世界中で利用されているのだと思います