20201108_アウトプット(ブラウザに表示させるための事前処理)
学んだこと 4時間
ブラウザが認識して、画面に描画出来る言語って何?
(1)HTML
(2)CSS
(3)JavaScript
(4)WebAssembly
の4つ。
つまり、サーバーサイド側でいろいろな言語を用いていたとしても、最終的にこれらの言語に変換しないと、ブラウザにページ描画できない。
高級言語とは?
機械よりも人間が理解しやすいように設計されたプログラミング言語のこと。 その分、機械が認識出来るように翻訳(コンパイル)することが必要。
低級言語とは?
機械が認識出来る0と1のコードに近い言語のこと。
コンパイルとは?
プログラミング言語を、動作する機械が理解できるように(ブラウザが認識出来る形に)翻訳する作業のこと。
「コンパイル」は、「コンパイラ」というプログラムによって行われる。
プリコンパイルとは?
コンパイルやメインの処理の前に行われるべきコンパイルのこと。
例えば、Webアプリケーションでは、Webブラウザが静的ファイルを読み込んで表示するというメインの処理が出来るように、高級言語で書かれたファイルをプリコンパイルしてからブラウザに渡している。
プリコンパイルを行うための手法として、アセットパイプラインという仕組みがある。
アセットパイプラインの仕組みとは?
JavaScriptやCSSなどの「アセット」と呼ばれる静的ファイルを小さくまとめてくれる機能のこと。
小さくまとめる機能の他、高級言語のプリコンパイルを行う機能も追加できる。
これを応用して、SCSSやTypeScriptなどを使用した開発もできるようになる。
アセットパイプラインの流れとは?
(1)プリコンパイル
(2)連結
(3)圧縮
(4)配置
👉publicに配置されたファイルを元に表示。
ブラウザに渡す静的ファイルは、プリコンパイルする必要があること
その他
- ルビードリル4つ
積み残し(復習したいこと)
Formオブジェクト(モデルの存在しないデータを更新)
Rails勉強会→50%
カラムの追加方法、ロールバック
デプロイ方法
感想
今日は、日曜日なのに、勉強時間を取れなかった。(集中できなかった)
何故か理由を考えてみると、①朝ゆっくり寝過ぎて、勉強を始めたのが昼過ぎだったこと。②座っていて疲れたため、散歩に出かけたところスーパーによってしまいなんだかんだ時間がかかってしまったこと。③ルビードリルもやらないと!カリキュラムも進めないと!とマルチタスクぎみ(精神的に)なってしまったこと。が考えられる。
本当は夫とアマプラで映画をみたかったが時間管理できず、結果、寝る時間になってしまった。😱
土日は、朝から昼までを勉強時間に充てる仕組みにしよう。(そうすれば、夜はのんびりする時間ができても後悔しない)
溜まっていたルビードリルは出来たからよしとしよう。