Web プログラミング

【もりけん塾45日目】LP案件での調べていたものの備忘録

LP制作を始めて作成している、ねこらのん(@nekoranon256)です。

 

現在LP制作で追われていて、メモがいっぱいになったのでブログに備忘録として今日は記載していきます!

CSSのセレクタのまとめ

CSSで不明なセレクタについて、まとめてメモしていたものを記載していきます。

 

  • *:すべての要素に適用
  • #:IDのセレクタで使用
  • .:classのセレクタで使用
  • 半角スペース『E F』:要素の下の階層にある要素にスタイルを適用
  • +:要素に隣接している要素のみ適用
  • ~:後にある要素に適用
  • :first-letter:最初に現れる文字だけに適用
  • :first-line:最初の行だけに適用
  • :first-child:最初に現れる要素にだけ適用
  • :hover:オンマウス時に適用
  • :not:該当しない場合に適用
    >:子セレクタ(直下されクタ)で親セレクタ中の特定要素に対してのみスタイルを適用
    例:

 

一旦、セレクタはこれで。

 

CSSのプロパティのまとめ

プロパティのまとめ。

 

  1. display: flex;
    →横並び
    align-content: flex-start; /*上(左)揃え*/
    align-content: flex-end; /*下(右)揃え*/
    align-content: center; /*中央揃え*/
    align-content: space-between; /*均等に間隔をあける*/
    align-content: space-around; /*均等に間隔をあける・両端にも間隔をあける*/
  2.  justify-content: space-between;
    flex-start:行頭寄せ、通常は左揃え(初期値)
    flex-end:行末寄せ、通常は右揃え
    center:センター揃え
    space-between:アイテムの間にスペースを均等に割り付け
    space-around:アイテムの両端にスペースを均等に割り付け
  3.  box-sizing: border-box;
    外に広げるか(content-box)
    中に狭めるか(border-box)

 

曖昧なものも記載あり。

 

gitとgithub

随分前のgitについてのメモ。

 

gitの必要性

gitの必要性について。

 

  • gitとプログラミングは同じくらい大事
  • プログラミングが凄腕でもgitが使えないなら一緒に仕事がしたくないという人が多い

 

gitはエンジニアのコミュニケーションとして使うもの!

gitとgithub

gitとgithubについて。

 

  • gitはバージョン管理ツール
  • 超簡単にコード管理してくれるツール

 

gitは、

  1. 作業ディレクトリ:ファイルを作成したり修正する
  2. ステージングエリア(インデックス):ある程度まとまりになったら
  3. リポジトリ(ローカル、リモート):履歴データベースに保存する

 

を使えるようになる!

 

gitのコマンドの例。

 

git+◯◯を使う
git config --help(git help config)

git init:gitで管理する
git add . :現在のディレクトリ以下をstagingリポジトリに追加
git commit -m "Initiaalize repository":現在のstagingリポジトリに登録されている内容をコミットする(メッセージあり)
git remote add origin git@github.com:Username/repositoryname.git:githubで作成したリポジトリをoriginのリポジトリとして追加
git remote -v:現在登録されているリモートのリポジトリを確認する

 

 

次はgithubについて。

 

  • チームで開発するためのツール(サービス)
  • 一部の機能にgitを使用
  • github社が運営
  • github上のリポジトリを『リモートリポ』という→編集するときはPullして自分のPCにおく『ローカルリポ』

 

 

チーム開発で利用するツール!

 

PCはmacが良い理由

PCはmacが良い理由について。

 

  • プログラマーの多くがmac保持者
  • macはunix系のOSだからコマンドがだいたい同じ
  • WindowsはLinuxコマンドが使えない
  • Dockerはエンジニアとして働く上で欠かせないツール
  • Windowsには仮想マシン上に仮想的にLinuxの環境を作る必要がある
  • Windowsはプログラミングの世界では後回しにされている状況
  • unixとは昔流行ったOSの名前
  • LinuxはUnixの機能を改良しゼロから作ったもの。オープンソース。世界のデータベースの80%異常がLinux上で管理
  • UbuntuはLinux一族の一人。OSとしてのLinux。オペレーティング・システム(OS)
  • OSはコンピュータの人格に相当するソフト、これが無いとPCじゃないよってくらい基本なソフト
  • LinuxディストリビューションはOSとしてのLinux、もしくはその配布形態のこと(ちょっとわからん)

macの方がなにかと現場でも込みで扱いやすい!

 

おわりに

メモがたまりにたまってスッキリ!

 

ブログを書くとなると気合が入りすぎて時間が取られちゃうのでメモに書きまくって消して…ともったいないことをしてた…

 

そうそうにブログに書くか、調べてメモではなくブログにそのままメモを記載していくかの方法をとった方が良いかな?

 

メモ記載だとSEOやなんやら考えてしまうと、また悩ましい…笑

もりけん塾(@terrace_tech

Thanks:もりけんさん

 

もりけんさんの『武骨日記』へ

 

-Web, プログラミング

© 2020 Mayu_Yamada