あぶさん@CODESYSエンジニア

CODESYSに強いPLCプログラマー | HTMLやWordPressもできる | 5時起きは寝坊 | 最近寝坊率高め
#朝もくサロン #codeups6期生 #忍者セールス5期生

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

CODESYSのラダー死ぬほど使いにくい…

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

織姫と彦星が一年に一度しか逢えないのは「働き者だった織姫が結婚してから仲良すぎて働かなくなり神様が怒ったから」だそうです。
聞かなきゃよかった🥲🎋

[りっきぃ🥑@fRaPs @suganami0510]

#enishitech

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

伊勢夫婦岩めおと横丁にアシマリをお忘れのなかむらしおんさんに届きますように…

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

こどもとお家ジブリなう
↓
30分で飽きられた笑
魔女宅は好きだがポニョはハマらなかった模様🥲

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

命名規則で省略するなというひろきさんの教えは別業界でも守ってる素晴らしい教え

[クメタは大垣に住んでいる @sunoise]

ひまそらあかね氏立候補
かなりヤバいんやないか？
まず事実としてひまそらあかねが都政の不法を訴えた裁判で勝ってて、それを大手マスコミは黙殺してる。
で、その経緯が政見放送で流れちゃうワケだ。
これ立党までしたら他の候補の中にひまそら氏の応援に回るヤツも現れかねない。

#ひまそらあかね

[Taque@京都 @LtNOv4DPZHFXzjl]

【東京在住の親子断絶当事者はひまそら氏に投票を】小池、蓮舫、石丸全て親子断絶を支えるフェミ勢力と繋がっています。日本の腐り切った行政に忖度ゼロで切り込めるのは彼しかいません。是非とも宜しくお願い致します。

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

コーディングルール決めるの難しいなぁ。自分一人ならまだしも組織になると思想やバックグラウンドの違いで擦り合わせるの大変…
あとせっかく文書化されたものがあるのに誰も読んでない。やっぱツールで仕組み化とかしないとダメだな

[ひろき@CreAIteCode-AIコーディングアプリ- @HIROKICHI_315]

コーディングの完成度が低い人に当てはまること

月100件以上のフィードバックしているからこそ分かるコーディングの完成度が低い人に当てはまるものを共有する。

あなたは大丈夫か？ぜひ確認してみて

━━━━━━━━━━━━
※当てはまる人は要注意

ちなみにこれらを意識しないとコーディング力は上達しません。
━━━━━━━━━━━━

ここではまず4つを取り上げた

1️⃣クラス名被り
2️⃣ デザインカンプ幅の時だけ見た目だけが合っている
3️⃣ デザインカンプに無理やり合わせている
4️⃣ marginとpaddingの使い分け

↓↓↓↓ 解説 ↓↓↓↓

1️⃣クラス名被り

コーディングをする上で⚠一番やってはいけない⚠こと。
クラス名が被るといろいろな箇所で表示崩れや上書きが起こるので注意⚠

まずはクラス名が被らないように意識しましょう

2️⃣ デザインカンプ幅の時だけ見た目だけが合っている

デザインカンプに合わせてコーディングするのは大切ですが、表示崩れてない？

・幅を広げたとき
・幅を少し狭めたとき

例えば、

・狭めた時、右側に余白が出来た
・横スクロールが発生している
・無駄にコンテンツが広がっている
・あしらいがどこかへ飛んでいってしまった

こんなときデザイナーの意図するものじゃなくなっていることが多い

意識して確認してみて。

ただ、これだけは学習していると自己判断が難しいので第三者に診てもらうのが吉。

3️⃣ デザインカンプに無理やり合わせている

見た目に合わせるのは大事！
だが、CSSの当て方はそれ以上に大事である

正解は無いが、以下を多用している人は注意して

・absoluteで位置調整
・heightで高さを担保
・widthで固定値（max-widthを併用する）
・無意味なoverflow: hidden;
・!importで強制上書き

CSSを当てるコツはできる限り「シンプル」にすること
シンプルとは？となるかもだが、上記のCSSを使っている人は使わない方法で表現できないか考えてみて

それだけでコーディング楽になります

4️⃣ marginとpaddingの使い分け

詳しい言及は後日解説をしたいと思うが、理解した上で狙ってmarginとpaddingを使っているか？

・背景色があり、paddingで余白が取れないからmarginを使ったりしてない？
・同じような構造なのに、一方はmarginで調整して一方はpaddingで調整していない？

━━━━━━━━━━━━
ここの使い方に一貫性を持たせるのは非常に重要。
理解するとコーディングがマジで楽になります
━━━━━━━━━━━━

裏を返すと、ここの使い分けがしっかり出来ている人は検証ツール見てもきれいにコーディング出来てます

〜〜〜〜〜
〜〜〜〜〜

これらは今後詳しい解説もポストしていきたいと思ってる。

一部を紹介したが、もし役に立ったと思ったら

・リポスト
・ブックマーク
・いいね

をよろしくお願いします

他にもこんなこと知りたいとかあればリプで教えて！

[セイゴ | 副業Web制作コーチ @seigo1001]

【必見】副業のメリット8選

❶スキルが広がる
❷社外の繋がりができる
❸自分で稼いだ自信がつく
❹稼ぐと本業で精神的に余裕が出る
❺条件によって経費が使える
❻本業の収入という安心感がある
❼本業⇄副業のシナジーが出る
❽

今後副業でも収入を大きく上げるポイントにもなる❽はプロフです。

[かずなり | 生成AI活用術 @MacopeninSUTABA]

東大生が公開している「150 分で学ぶ高校数学の基礎」が凄い。数学の基礎から確率、期待値、三角関数、ベクトル、微積と短時間で高校数学を学びなおせる。

こちら👇
https://t.co/ykofwUdvBu

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

うわーflag使いがち笑
適当な変数名にするとその時は良くても後々困るんすよね😱
自戒🤣🤣🤣

[ハクト@WEBエンジニア @hakuto00]

変数名の付け方についてまとめてみました。

Flagは昔よく使ってましたw
単位は忘れることが多いので気をつけていきたい。

#Web制作 #プログラミング初心者 #駆け出しエンジニアと繋がりたい #webデザイン #変数

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

@seigo1001 39度近く熱出たときはさすがにしんどかったけど、もうすっかり良くなったわ😁

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

コロナ陽性で自宅療養してましたがようやく外出可能に😇
個人で案件受けてると病気のリスクは怖いですね…

あとこれは後遺症かな…前と味覚が違う気がする…
たけのこの里派だったのにきのこの山のが美味しく感じるなんて…（真剣）😥

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

セイゴ @seigo1001 さんのWordpressマニュアルを拝見しました！
これはもっと早く欲しかった…😂！
これから挑戦する人に寄り添う丁寧な解説📖
多分(いや絶対)続編があるので、セイゴさんをフォローして待つべし！ですよ！！

[セイゴ | 副業Web制作コーチ @seigo1001]

【無料プレゼント🎁】
フォロワーさん2500名突破の感謝を込めて、WordPressのスキルを飛躍的に伸ばすマニュアルを作りました

初学者から月収100万円くらいで復習したい方まで必見。受け取った方のみの特典も用意しました

興味ある方はいいね,リプでお知らせください！

リプ欄に感想を載せています↓

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

@seigo1001 やや！セイゴさんが企画してる！
ちょうどWordpressのマニュアルが欲しかったのでよろしくお願いします🙇‍♂️

[あぶさん@CODESYSエンジニア @ABBSTAR0123]

いやー久しぶりにハマったハマった🌀
Safariで画像が表示されず四苦八苦。
原因はimgタグを囲ったPictureタグに対して画像サイズ調整のスタイリングしていたこと。
更にdivで囲ってそちらにスタイリングしたら解決。
ネットで調べても出てこなくて焦った💦