IT ベンキョウ -4- Ha.....??

2022年8月27日 13:05

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="box.css" />
    <title>BOX</title>
  </head>
  <body>
    <div class="box1">
      <div class="box2"></div>
    </div>
  </body>
</html>

未経験ながら、少しずつ勉強をしようというプロジェクトを立てました。
私は、全くの未経験・無知ですが・・・。もし、この投稿で誰かしらのお役に立てれば幸いだと思います。（まず、その前にみなさんに教えていただくことが多いかと思いますが。）もし、オススメのサイト、アドバイスなどどんなことでも、気軽にコメントをいただけると幸いです。さまざまなことを、勉強したいと思っています。
初回と、前回はショートカットキーを学びました。
３回目は、htmlのタブ、スクリプトなどを学びました。
もし、こちらをご参考にしていただけると幸いです。

＊☆⌘　HTML　⌘☆＊

・画面について

ふむふむ、スクリプトという台本に、とにかく何かを書いて、それを提出して通過すれば画面に映る。つまり、スクリプトを可視化したものが、画面に映ったもの、ということでいいでしょうか・・・。

・画面をスクショするショートカットキー

[win]
「PrintScreen」キー
「Alt」+「PrintScreen」キー
「Win」+「Shift」+「S」キー
「Win」+「PrintScreen」キー
「Win」+「Alt」+「PrintScreen」キー
[Mac]
⌘ + Shift⇧ + 3でできるみたいです。
今日はこれを使ってみようと思います。

・文法（grammar）への旅

htmlという言語には、ただ適当に書けばいいというわけではないのか。
よくわからないので、ちょっとやってみようと思います。
以下、htmlのレシピを書きます。
① Windowsなら、「メモ帳」を出す⇨次に、・・・・
①Mac（食べられない方の）なら、・・・・え、どうすればいいの。
「メモ」というものがありますが、これじゃあ、スクリプトが書けない。

そこで、台本を書く旅に出ました。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="box.css" />
    <title>BOX</title>
  </head>
  <body>
    <div class="box1">
      <div class="box2"></div>
    </div>
  </body>
</html>

Macの中に、テキストエディターというものを見つけることに成功しました。（最上階の左から３番目）

それを押してみました。

そうして、そこに

ベンキョウ

と打ち込みました。

さて、これを保存してみます。保存をするには、ctrl + s を押します。これは、知っています。

そうしたら、

そうすると、デスクトップの右上に、Google Chromのスクリプトができました。

では、これを押してみます。

できました。

htmlを、無理やり作りました。めでたしめでたし。

ただ、もうちょっとカッコいい、

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="box.css" />
    <title>BOX</title>
  </head>
  <body>
    <div class="box1">
      <div class="box2"></div>
    </div>
  </body>
</html>

こういうのを書きたいのですが・・・。

まだ、grammarの旅は長そうです。別にグラマラスになりたいわけではありません。プロの文法人＝プログラマーになりたいです。

これまで、ご拝読いただきありがとうございました。
ざっと見でも、みていただきありがたいです。
今後とも、よろしくお願いします。

少しずつですが、投稿をしております。ｎｏｔｅで誰かのためになる記事を書いています。よろしくおねがいします。