概要

[PR]

×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
20191024_04 サクラエディタにおける入力

insertキー：

上書きモードに対応しているソフトならこのキーで切り替えられる。

　

⭐NumLk：ニューメリック・ロック・キー（numeric lock key）

数字で固定するキー。右側にあるテンキーの島（カーソル・モードにもなる）を数字で固定する。

　

デスクトップにJavaScript用のフォルダを作りましょう

→

サクラエディタを起動

→

フォントは２つある。等幅フォントをプログラミングでは使おう。

　

プロポーシャナルフォント（文字ごとに文字幅が異なる）

↑

↓

等幅フォント

　

❤設定

→フォント設定

→Consolas（コンソーラス）/標準/サイズはご自由に

→OK

　

CTRLとスクロールボタンで、フォントサイズは自由に変えることもできる。

　　

ちなみに@で始まっているのは縦書きフォント

　

名前を付けて保存

→デスクトップ上のJavaScriptフォルダ

→その中にさらに今日の日付のフォルダを作っていれる

→test1.html

　

.htmlまで入力しましょう。

その下の「文字コードセット」はUTF-8

　

いまは全部ユニコードが基本。なので私たちもユニコードを使うように。

>Unicode（ユニコード）は、符号化文字集合や文字符号化方式などを定めた、文字コードの業界規格である。文字集合（文字セット）が単一の大規模文字セットであること（「Uni」という名はそれに由来する）などが特徴である。

　

日本語もキルギス文字もハングルも全部入っている。

ShiftJisなんかは日本語だけの文字コード。Unicodeは全世界共通。

　

このUnicodeにもバージョンがある。いまは8。よってUTF-8を使う。　

その横の「改行コード」は「変換なし」でよい。

　

昔、タイプライターの時代、改行のやり方が２つあった。

ラインフィード(LF)

キャリッジリターン (CR)

　

いまはOSによって違う。Unixはラインフィード、Macはキャリッジリターン。Winはその2つをあわせて初めて改行と認める。

　

<html>要素には頭と体の子要素がある

<head>

<body>

というわけで、ここまでセットで入力してしまおう。

　

<!DOCTYPE html>

<html lang="ja">

<head>
　

</head>

<body>
　

</body>

</html>

　

⭐<html>要素はroot要素という。

その子要素としてあるのが<head>と<body>

　

さてNumLkキーの話に戻る。

F7キーの上あたりに緑色に光っているパイロットランプがある。普通パソコンは起動すると基本的にナムロックがかかっているのでこれが光っている。

→

Fnキーを押しながらInsertキーを押す＝NumLk

NumLkを押すと、パイロットランプが消えて、右側のテンキーの島が数字じゃなくカーソルキーの動作になる。

戻すのはまた同じようにする。

　

ScrLk（スクロールロック）：

これもロックがかかる。MS-DOSの名残。スクロールを止める。

Delete+Fn＝ScrLk

押すとやっぱりパイロットランプがつく。

　

CapsLock（キャプスロック）：

Shiftキーを押したままCapsLockを押すと、大文字で固定される。パイロットランプもつく。

　

HomeキーとEndキーが単独で押せるキーボードが、プログラマーにはよいらしい。

プログラマはあまりマウスは使わない。

　

＜キーによるカーソルの移動＞

　

❤サクラエディタ上でEndキーを押すと、その行の最後にカーソルが移動する。Homeは行頭に移動。

　

❤CTRL＋End/Home：

文章全体の末尾/先頭に移動

　

❤Ctrl＋右または左キー：

単語ごとのカーソル移動

　

この合わせ技は覚えましょう。

　

＜キーによる選択＞

　

❤Shiftを押しながら右キー：

選択ができる

❤Shift+Ctrl+右キー：

単語ごとの選択　

　

Ctrl+C：コピー

Ctrl+V：貼り付け

Ctrl+A：全選択

　

⭐<meta>

メタ：自分自身の設定情報のこと

文字コードが何かははじめに設定する。

　

サクラエディタの一番右下にちゃんと「UTF-8」とでている。

test1.html

<!DOCTYPE html>

<html lang="ja">

<head>

　<meta charset="UTF-8">

</head>

<body>

　<p>こんにちは、疑問は墓場まで持ち込まないでね</p>

</body>

</html>

　

→ファイル

→ブラウズ

→これでブラウザが起動してどう見えるかわかる。

　

じゃあUTF-8の部分を"Shift_jis"にしたらどうなるか？

→

ブラウザを再読み込みすると文字化けが起こる。

　

PR
20191024_03 DRAMとSRAM

⭐CPU:

入力装置や出力装置に対して司令塔のような役割をする。

めちゃくちゃ熱を発する。熱い。

すごい勢いで計算しているから。

デスクトップタイプなどは、CPUの上にファンがついている。

　

メモリ：

⭐DRAM（Dynamic Random Access Memory/ダイナミックラム/動的なRAM）

⭐SRAM（Static Random Access Memory/スタティックラム/静的なRAM）

　

SRAM：

値段が高い。近くにある必要があるからCPUとパッケージになっている。CPUの内部に入っている。

目の前にメモが貼ってあるぐらいの感覚。

いいCPUを買うしかない。

　

DRAM：

図書館に行って調べるかみたいなぐらいの感覚の低速。

だからこれをたくさん積んでも速くは動かない。

>DRAMとは

揮発性メモリ（電気が流れていないと記憶した内容を忘れてしまうメモリ）の種類のひとつ

忘れっぽい揮発性メモリ

電気を流していても時間の経過と共に記憶している内容が薄れてしまうから、定期的に同じ内容を書き直してあげる必要がある揮発性メモリ

SRAMは忘れっぽくない揮発性メモリ。

　

　

この2つ（主記憶装置）以外はすべて「補助記憶装置」という。ハードディスクは補助記憶装置。

　

揮発性でないメモリがあるといいな

→ハードディスクの誕生。

⭐SSDとハードディスク

ハードディスクの代わりに作られたのがSSD。故障も少なく軽い。置き換わりつつある。

>SSD

ソリッドステートドライブ（英語: Solid State Drive, SSD）とは、半導体メモリをディスクドライブのように扱える補助記憶装置の一種である。シリコンドライブ、半導体ドライブ、メモリドライブ、擬似ディスクドライブなどとも呼ばれる。

⭐メモリ

■RAM

　・DRAM（主記憶装置に利用）

　・SRAM（キャッシュメモリに利用）

■ROM

　・CD-ROMなど

　・EEP-ROM（フラッシュメモリ）

■磁気記憶装置（ハードディスク）

　

SSDとハードディスク

メモリというのはプログラマだけがコントロールできる。

それ以外の装置

　

入力装置

　

・キーボード

・マウス

・マイク

・カメラ

・タブレット

・スキャナ

　

⭐日本のキーボードには種類が２つある。

・日本語１０９キーボード（デスクトップなど）

・日本語１０６キーボード（ノーパソなど）

３つ違うのはなにか

１．ウィンドウズキー２つ（ctrlの右２つ隣など）

２．アプリケーションキー（右側のctrlの左隣）：右クリックをすることができるキー

　

→

アクセシビリティを担保するためについている。

障害を持っている人も情報へのアクセスをしやすく配慮しましょうという考え。

産業界ではユニバーサルデザインと呼ぶ。

　

>アクセシビリティ（英: accessibility）

とは、近づきやすさやアクセスのしやすさのことであり、利用しやすさ、交通の便などの意味を含む。

　

マウスを使えない人のためにあるキー。目が見えない人とか。

キーボードのキー

　

F12の右横

PrtSc（プリントスクリーン）：

画面のスクショを取得する。windowsアクセサリのペイントなどを開き、CTRL+Vで貼り付けることができる。

　

SysRq（システムリクエスト）：

MS-DOSの時代の名残。いまは現実問題として使わない。JIS規格なのでやめられない。

[Fn]を押しながらPrtScを押す。

　

Pause/Break：

MS-DOSの時代の名残。画面がスクロールしすぎるのでそれを一時的にポーズして止めるためにある。

プログラムが無限ループを起こした時にはCtrl+Breakを押すと、マイクロソフト下では止まることがある。

　　

１つのキーに４つ記号がついているものがある。右半分はかな入力時のモデル。上はシフトキーを押しながら。下はそのまま出る。

　

括弧の種類：

{　波かっこまたは中かっこ。オブジェクトの定義につかう。

[　角かっこまたはブラケットと呼ぶ。値が連結している配列の定義に使う。

(　丸かっこ

　

この３つは覚えているように。

　
20191024_02 メモリ

量子コンピューター：

全当たりやってみる的な考え方らしい。

　

>乱数を生成する「ランダム量子回路サンプリング」という問題を量子コンピュータに解かせた。この問題は、最先端のスーパーコンピュータでは解くのに約1万年かかると見積もられるが、Googleの量子コンピュータは3分20秒で解き終えたという。

↑

↓

人間の脳とかはそうじゃない。AIは人間に近い考え方をする。

　

コンピューターの5大装置

　

　

　 -----------

　 i　CPU i

i i

　 i演算装置 i

　 i　↑↓ i

---- i制御装置 i ----

↓ -------------- 　↓

　　 ↑↓

入力装置→記憶装置→出力装置

　　

　　

　　

CPU：

値段が高いパーツ。10万とかもある。記憶を担当しない。

　

データの流れ：

バスという。

内部バスと外部バスがある。

　

内部バスは心臓と肺を流れる血管のようなもの。もっとも高速。

　

記憶装置：

主記憶装置（メインメモリ）とキャッシュメモリの2種がある。

　

メモリ

RAM

・DRAM（主記憶装置に利用）（D/ダイナミック・ラム/動的）

・SRAM（キャッシュメモリに利用）（S/スタティック/静的）

ROM

　書き込み専用のＲＯＭ

・CD-ROM

・EEP-ROM(フラッシュメモリ）

磁気記憶

書き出しができるメモリ＝RAM

電気は電圧をかけていないと使えない。メモリもどこかで息継ぎをしないといけない。記憶を正しく保存できない。そのためにもう一回読み込みなおしを行う。その行為をダイナミック（動的）と称する。変化するからダイナミックメモリ。

　

SRAMは性能がいいので減衰しない。再読み込みがいらない。疲れない。リフレッシュ（読みこみなおし）がいらない。だからめちゃくちゃ高速。だからCPUのやり取りはSRAMがいい。

しかしSRAMは”重ねる”ことができない。逆にDRAMは高集積できて何GBとかもできる。

　　

SRAM：高速。ちょっとしか使えない。集積できない。

DRAM：低速。高集積できる。たまにしか使わないデータはこれが向いている。

　

SRAM（エスラム）とDRAM（ディーラム）：

SRAMはCPUのなかにビルトインされている。CPUを買うともれなくSRAMがついている。安いのには豊かに入っていない。高いのはいいのがたくさん入っている。自分で増設できない。

DRAMは自分で増設できる。
20191024_01 IT関係の国家試験

IPA 独立行政法人：

プログラム関係の試験をやっているのは枝葉の業務、たとえばこんなセキュリティの脆弱性を見つけたというときはここに報告するらしい。

　

未踏プロジェクト：

ＩＴに関係して未踏のことをやろうという人を支援しようというプロジェクト

　

京都リサーチパーク：

未踏で企業したひとたち（ベンチャー）がそこによく入るらしい。丹波口の近く。『はてな』もここ出身。

　

はてな：

初代の社長、近藤さん。風変わりな人らしい。

　

ＩＴパスポート：

大学生向きぐらいのレベル。毎週やってる。結果はすぐに分かる。

　

ここがやっている試験はたくさんある。

https://www.jitec.ipa.go.jp/1_08gaiyou/merit.html

　

合格基準が下がっているのでお得感があるらしい。

この図の上の区分に入っているのは、下の区分を取った人たちがとるらしい。

　

国家試験としては受験料が安いほう。

基本情報技術者試験などは、受験者が２０代メイン。

この辺は取っておくといいらしい。

　

❤ＩＴパスポート試験はとにかく過去問をやりましょう。過去問を5,6回分ちゃんとやっていれば受かる。

かなり範囲が広いらしい。

長文問題としては、データベースがらみとかセキュリティがらみの問題が出やすい、らしい。

　

（技術者を目指すなら）

ＩＴパスポート（飛ばしてもいい）→基本情報技術者試験

　

高度なピンクの帯の方のは、論文があったりしてかなり難しいが、それだけ取っていれば強い。

　
20191021　概要

RFID（アールエフアイディー）

icocaもこれ。

　

>RFIDとは、電波を用いてRFタグのデータを非接触で読み書きするシステムです。バーコードでの運用では、レーザなどでタグを1枚1枚スキャンするのに対し、RFIDの運用では、電波でタグを複数一気にスキャンすることができます。

まだちょっとお値段が高い。10円ぐらいする。100円の商品にそれをつけるのはまだちょっとできない状態。

　

管理元には全データがばればれ。

　

佐賀県武雄市でのCCC問題

　

>カルチュア・コンビニエンス・クラブ（CCC）：TSUATA書店等を手掛ける

2013年に佐賀県武雄市にオープンした図書館で、Tカードの情報が無断で流された。

BLE

Bluetooth Low Energy (Bluetooth LE, BLE)（ブルートゥース・ロー・エナジー）とは、無線PAN技術である Bluetooth の一部で、バージョン 4.0 から追加になった低消費電力の通信モード

ブルートゥースはすべてのスマホについている。10mぐらいがクリアな範囲。

プッシュ型広告：

ブルートゥースを利用して通りすがりの人に広告を送ったりする。

HTML4.01→HTML5

　

WWWC

HTMLの統一規格をつくっているところ。WばっかなのでW3Cと略して書く。

　

JavaScript

作ったのはネットスケープ社。ネットスケープ上で動くのを作ろうとしたのが最初。

もともとはMosaic（モザイク）というブラウザだったのが、これをベースにNetscapeが作られた。

　

マイクロソフトはもともとVBを持っていた。しかしまあしょうがないかJavaScriptを導入してもいいよといいつつ、JScript（ジェー・スクリプト）という別の派生言語にしてしまった。

→

ECMA(エクマ）

（ヨーロッパの団体）というとこがそれじゃまずいでしょうと統一化を図った。

現在はECMAの仕様に従ってJavaScriptは標準化されている。

　

>エクマ【ECMA】

［European Computer Manufacturers Association］. 《European Computer Manufacturers Association》欧州電子計算機工業会。情報通信技術に関する規格統一、標準化を行う機関。またその規格。

>ECMAScript（エクマスクリプト）は、JavaScriptの標準であり、Ecma Internationalのもとで標準化手続きなどが行われている。

そういうわけで現在はエクマスクリプトである。

JavaScriptのお仕事：

要素を制御する

　

要素：

タグ付けされたコンテンツのこと。

　

<h1>これが見出しです</h1>

など。

　

<h1>　←これがタグ

これが見出しです　←これがコンテンツ

つまり「コンテンツ」を＜タグ付け＞したものを要素という。

昔はフォーカス可能な要素しかJavaScriptでは制御できなかった。

リンクが設定されているとか、入力欄とか、ボタンとか。

↓

今は要素全部がオブジェクトになった。

　

JAVAとJavaScriptは違うけど、似ている。

同じC言語系であることから。

PHPもパイソンもRubyも同じ系統。

　

JAVAとJavaScriptは特にオブジェクト指向の言語。

　

手続き型言語

時系列に沿ってプログラミングする。朝起きた、歯を磨いた、学校に行ったのように。

どういう物語がどういう風に動いていくのか時間順に行われる。

しかし何回再生しても当然同じことしか起こらない。

↑

↓

オブジェクト指向

舞台をイメージ。Scriptとは脚本のこと。

舞台の演出家になった気分でプログラムを書く。

俳優や照明やに対していろいろ注文をつける感じ。

この制御の対象になるのがすべて「オブジェクト」になる。

村人A、村人B：田圃を耕す能力がある、ご飯を食べれる

武士A：刀を使える、ご飯を食べれる

などのできることがあらかじめ決まっている。

　

⭐オブジェクト：

メソッドとプロパティを持つ。

--

村人A.笑う（）

メソッド：

オブジェクトに対して実行可能なことをメソッドという。

　

村人B.年齢＝20

プロパティ：

属性の値を設定する。

オブジェクトの持っている属性値。

メソッドをやらせたりプロパティを書き換え再設定するようなのが監督。

村人AもBもさほど変わらない。

村人についての設計図をクラスclassという。

村人を１こ作っておくと100人でも使いまわせる。

---

(ひとりごと:ああnullオブジェクトに人間3Dをつけておくようなものかな。)

デバッグ

うまく動かないプログラムをうごくようにすること。

デバッガー：

虫（バグ）を取る専用ツール

　

❤chrome

→点3つの右上アイコン

→その他のツール

→デベロッパーツール

　

さらに点3つの右上アイコン押すと

表示場所が選べる。

　

JavaScriptではElementsでなくConsole（コンソール）をよく使う。

googleは特殊なので既にエラーが出ている。

これを消したかったら〇に斜線のやつ（右側にある）を押せば消える。

プログラムを実行して確認するみたいなときにコンソールを使う。

コンピュータは小数が苦手？

時々間違えるらしい。

小数を十進法から二進法にするとき間違えるらしい。

二進法の位

000.000

↓

4 2 1 . 0.5 0.25 0.125

　

これを組み合わせても、整数部分はできても小数点以下がこの組み合わせではうまくつくれない

よってときおり間違いがでる。
20191021_03

❤google drive

ファイルの出し入れをやってみておく。

　

ファイルを入れるとき：

普通にファイルをドラッグすればOK

　

ファイルを出すとき：

ダウンロード

　

単体のファイルであれば、ダウンロードしたファイルは「ダウンロード」フォルダに入る。

　

複数のファイルを一気にDLしようとすると、zipで圧縮された圧縮ファイルになる。

エクスプローラーで「すべて展開」を選べばよろしい。

圧縮ファイル：

zip（ジップ）アーカイブというのが普及している。

アーカイブ：

書庫の意味

圧縮の目的：

１．ファイルサイズを減らす

２．複数のファイルを１つにする

❤windowsで展開するときの約束

windowsはDLしたzipファイルを警戒する。ので、

圧縮ファイル（zip）を右クリック

→プロパティ

→セキュリティを解除（「許可する」）

してから解凍するように。

　

（続き）

今起こっていること

　

Web2.0という言葉が12年ぐらい前に流行った。

　

⭐ロングテール

例えば本だと、大垣書店のように実店舗で売るのと、アマゾンのようにネット販売するのとある。

　

実店舗ではベストセラーのような本が売れる。

ネット本屋では検索して本を探す。ベストセラーの割合はかなり低い。実店舗を持つ必要がないので、ほとんど売れない本でも山のように抱えていられる。

→少ししか売れない本の販売（売上）がちょぴっとずつすっごいある

→これをロングテールという。　

　

>ロングテール（the long tail）とは、主にネットにおける販売に置いての現象で、売れ筋のメイン商品の売上よりも、あまり売れないニッチな商品群の売上合計が上回る現象のことです。

ターゲティング広告：

キーワードで検索すると興味のある関連広告がでてくるあれ。

>行動ターゲティング広告（こうどうターゲティングこうこく）とは、広告の対象となる顧客の行動履歴を元に、顧客の興味関心を推測し、ターゲットを絞ってインターネット広告配信を行う手法。

駅の電子広告（デジタルサイネージ）も、時間帯によってすばやく内容を切り替えられる。

　

テレビのデジタル化と未来

　

地デジ化の意味

1.DRM(Digital Rights Management)

Dキャスカード

　

2.周波数帯の整頓

テレビが使っていたいいところの周波数帯を、高速通信をしたい会社が買った。

ひとつのテレビ局が１３の区画をもっている。１つが４つ単位でできている。あまったひとつがワンセグの領域らしい。

　
20191021_02

（続き）

❤ひとつのマシンに複数のOSを入れることも可能。その場合ブートローダーというのを用いて切り替える。Linuxにはこれがちゃんとついているらしい。
　
>ブート(boot)またはブートストラップ(bootstrap)は、コンピュータの電源を入れてからOSが起動するまでの処理の流れでありブートローダ(boot loader)とは、このブート処理を行うソフトウェアのことである。

　

>Ubuntu（ウブントゥ、[ʊˈbʊntuː] ( 音声ファイル); oo-BOON-too）はDebian GNU/Linuxをベースとしたオペレーティングシステム（OS）である。Linuxディストリビューションの1つであり、自由なソフトウェアとして提供されている

⭐ディストリビューション：

リナックスの厳密な本体というより派生したみたいな？

　

個人向け：Ubuntu（ウブントゥ）

サーバー向け：CentOS（セントオーエス）

　

ウブントゥはムック本とかを買うと楽ちんらしい。

操作系そのものをアプリケーションとしてもっている、らしい。だから取り換えられる。

→ジョブズさんが目を付けた

→昔MacOSは独自のものだったがいまはUNIX。インターフェースだけ取り換えてる訳。『世界一美しいUNIXだ』といわれる。

⭐
Windows

Tron

PC-UNIX（UNIX群みたいな取扱いになっている）

　UNIX（本来のUNIX)

　FreeBSD（バークレー校由来）→MacOS

　Linux　→Android（スマホ用にディストリビューションした）

Android

　

>ディストリビューション

流通・分布を意味する言葉で、Linuxの配布形態のこと。本来、Linuxはカーネルのみを指すため、そのままでは動作しない。そのため、ユーザーが手軽にLinuxを利用できるように、OSの動作に必要なライブラリーやソフトウェアなどをまとめたパッケージとして配布されている。

国産のテレビなんかにもリナックスが使われている。番組を予約したり検索したり。

シリコンバレーの注目企業

（プラットフォーマーとかいうらしい。）

　

Google

Apple

Amazon

Facebook

　

>シリコンバレー

アメリカ合衆国カリフォルニア州北部のサンフランシスコ・ベイエリアの南部に位置しているサンタクララバレーおよびその周辺地域の名称。

　

⭐ブラウザというプラットフォーム

　

いままではOSがプラットフォームだった。

だからWin版、Mac版、Linux版ですとかあった。（OSネイティブなソフトという：OSに準拠せざるを得ない）

→

HTML5でWebアプリが実現（ブラウザで動き、OSに左右されない）

　　

[　　　　アプリ　　　　]

[　　　　ブラウザ　　　]

[Win][Mac][Linux][Android]

昔HTML4までにはマルチメディアを再生する術がなかった。

→Flashがプラグインをつくる

→それで再生できるようになった

→脆弱性が続々発見

→アドビが手を打たない

→問題があることを証明しないといけない

　　

>エクスプロイトコード

エクスプロイトコードとは、プログラムのセキュリティ上の脆弱性（セキュリティホール）を攻撃するために作成された簡易なプログラムの総称である。単にエクスプロイトとも呼ばれ、多くの場合、悪意を持って利用されるプログラムを指す。

　

しかしこれでもってさらに悪用する人がでてきた。しかもアドビは修正プログラムも配布しない。

　

→Flashやめようの動き

→ジョブズ「Appleの端末にFlashはいれない」

→アドビはそれでも修正もしないしオープンソースにもしない

→ブラウザ自身が動画を再生できればいいという考えに。これがHTML5。

　

Chromeもオープンソース。

　

グーグル「HTML5が新しいプラットフォームになればいい」

<CANVAS>キャンバスというオブジェクトが埋め込める。するとそこでプログラムが組める。動くのはJavaScript。

　

kindle：

OSはなんであれブラウザしか入ってない。ブラウザ自体で動く。

　

クラウドコンピューティング

　

クラウド：

昔技術やさんがインターネットを図解するときにもくもくした雲の絵を描いた。

ネットを指す

　

SaaS(Software as a Service)　サーズ

Thin Client（ぺらぺらのクライアント。もう全部ネットにあるから個人の端末は空でいいじゃんという考え）