寝起きの人でも分かるgit 3

個人開発をしているとどうしても勉強しづらいのがコンフリクトの解消です。

自分一人で開発していると、リモートブランチの変更は当然わかりやすく、コンフリクトは起きづらいですが

共同で開発している場合同じ共通部分のファイルを更新することは多く

コンフリクトうまく解消する必要があります。

今回は手を動かしてコンフリクトに慣れてもらい、

実務で「コンフリクトが起きても怖くない」ことを目指します

[資料]

gitコンフリクト解消ができるようになるハンズオン(コンフリクトとは、解消する方法)

https://github.com/kenmori/handsonFrontend/blob/feature/l/git/work/README_conflict.md

前回の「git初心者が手を動かして覚えるgitハンズオン」

https://github.com/kenmori/handsonFrontend/blob/feature/j/git/work/README.md

【もりけん塾】position:fixedの後にはpadding-topをするのですか？margin-topですか？

生徒から質問を受けました

自分の結論は

padding-topで指定しているサイトがぱっと見多い気がしているので、padding-topで、
崩れなければどちらでもいい。です。

その方のCSSを見ると、

なぜその指定にしなくてはいけなかったのかを確認しました。

するとposition:fixedが書かれたクラスに
z-indexが指定されていました。
その要素は浮いて、
後続の要素はくぐります。
なのでmargin-topを指定していたようなのです。

ちょっと質問の本質とは違うのですが、
その後の要素までrelativeを多用していて
バグを生みやすい印象でした

自分はもうすこし単純にpositionn:fixedでナビをつくれるのではないかと思い
探りました。

その結果、

下のようなコードだけでできることがわかります。

株式会社TerraceTechについて
・株式会社TerraceTech

弊社代表のSNS関連
・「武骨日記」
・インド旅　instagram
・適当な日常写真　instagram
・シュールさーん　instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note
・FaceBook -kennji.morita-

※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。
こんなことでお困りではないですか？
・「Webサイト作って作って！」
・「ブログ作って！」
・「LP作りたいんだけど…」
・「写真撮ってくれますか？!」
・「フロントエンド・コーダー・サーバーサイドの方紹介して欲しい…」
・「Web業界で働きたいのですが未経験です。勉強教えてくれますか?」
・「エンジニアを紹介してくれますか？」
・「SNS運用・更新業務してくれませんか？」

など、チャット or info@terracetech.jp
まで気軽にご相談くださいませ

今回は株式会社TerraceTechがWebフロントエンジニアになりたい方、初心者の方にどのようにCSSを教えているかを記事にします。

使うツールはこちらです。

・Slack

・オンラインエディタ https://codesandbox.io/u/kenmori/sandboxesh

もし興味がある場合

info@terracetech.jp

までご連絡くださいませ。