なんか適当にあげるチャンネルのブログ 更新日：2021/9/12
このページを開発している環境など
開発ブログについては最初のブログです。
どうもみなさんこんにちは。
なんか適当にあげるチャンネルです。
さて、最初の開発ブログは、うぷ主が開発をしている環境についてです。
たぶんみなさま、ホームページ作るぞ！ってなると、最初は、Wordpressなどといったホームページ作成ソフトを使うと思います。
こんな感じで編集してるんだろうなーって思う人もいると思いますが、
本当はこんなんです。
ゑ？？ってなる人もいると思いますが、これです。
しかし、なんでこんなんが、こんなカラフルなページになんねんおい、という人もいると思います。
こちらをご覧ください。
これはCSSを読み込まなかった時のページです。
んじゃあ、CSSってのは何の魔法なんや、という人がいると思います。
しかし、残念ながら、CSSもただの文章です。
.honbun p {
margin-bottom: 1em;
line-height: 1.2em;
margin-left: 20px;
}
.honbun img {
margin-bottom: 1em;
border: #c2c2c2 solid 2px;
border-radius: 7px;
padding: 5px;
width: 60%;
margin-left: 40px;
}
これはこのページに適用されているCSSです。
ここでは、このページの本文や、画像についてのデザインが書いてあります。
少しだけですが、CSSに触れてみましょう。
まず、margin-bottom: 1em;。
これは、文章の下に1行分、間開けてね～、ということです。
続いて、line-height: 1.2em;。
これは、行間は1.2倍、ということです。
最後に、margin-left: 20px;。
これは、文章の左に20px(解説だけではmmと思ってくれてもよいです。)開けてね、ということです。
ということを、ブラウザ(Chrome,Safari)が理解して、デザインしているのです。
そして、それを利用する、HTML。
HTMLは、CSSを利用してデザインしています。
HTMLは、中身だけ、デザインはCSSに任せています。
CSSがスタイリストみたいな感じです。
おっとっと、だいぶ話がそれました。というか、何を話してたんだっけ...?
先ほどのワードプレスでは作っていないということです。
歴史をかくと長くなるので、今回は、うぷ主のPCスペックをお知らせして終わります。
長文失礼いたしました。
うぷ主のPCスペック
CPU：Core i7 3630QM
メモリ：DDR3 8GB
ストレージ：HDD 500GB
使用エディター：MS VS Code
使える言語：日本語(?)、英語、HTML、CSS、Javascript
ひとこと：開発中、ブラウザのキャッシュは、すぐにﾀﾋね。
携帯キャリア：ラァァクテンモバァァァイル（昨日は散々な目に...）
結局何を書きたかったんだろう...?
