Тёмный

【web制作実務で必須!】HTMLのセクショニングコンテンツを理解しようwithCSS設計思想 

しょーごログ
Подписаться 14 тыс.
Просмотров 26 тыс.
50% 1

HTMLのセクショニングコンテンツやCSS設計思想など、知らないと実務でつまづくポイントを解説しました。
▼web幹事さんのサイトマップ(無料)
web-kanji.com/...
▼CSS設計完全ガイド
amzn.to/30dM0JD
━━━━━━━━━━━━━━━━━━
★私が公開している鬼レビュー付きコーディング教材★
━━━━━━━━━━━━━━━━━━
デザインカンプよりコーディングできる教材を販売しています。
全6つで【HTML初心者からWordPress実務レベル】まで網羅しています。
更に、現役エンジニアのレビューを各課題2回、無料で受けることが可能です。
✅コーディング教材説明ページ
shogo-log.com/...
✅コーディング教材販売ページ
shogo-log.com/...
■Web制作会社への営業に特化した講座販売中!(制作会社にインタビューしてきました)
note.com/samur...
━━━━━━━━━━━━━━━
人気の動画3選
━━━━━━━━━━━━━━━
①web制作フリーランスとして初案件を獲得するまでにやったこと【今ならこうするも解説】
• web制作フリーランスとして初案件を獲得する...
②プログラミング、webデザインに最適なパソコンの選び方【現役エンジニアが解説】
• プログラミング、webデザインに最...
③【2020年】現役エンジニアの語るWordPressのおすすめ勉強法
• 【2020年】現役エンジニアの語るWord...
◉模写コーディング用XDデザインカンプ配布中!
note.com/samur...
◉私のホームページ制作の営業パートナーを募集しています。報酬をお渡ししますので、
副業にどうぞ!詳しくは↓
shogo-log.com/...
【フリーランス、プログラミングで稼ぐ方法まとめ再生リスト↓
• フリーランス、プログラミングで稼ぐまとめ
━━━━━━━━━━━━━━━
しょーごログおすすめ記事!
━━━━━━━━━━━━━━━
①web制作、プログラミングでのモニター導入がおすすめすぎる件【かなり満足】
shogo-log.com/...
②web制作フリーランスになって読んだおすすめの本17冊を紹介!【プログラミング、webマーケティング、webデザイン】
shogo-log.com/...
③フリーランスの会計ソフトはfreeeがおすすめ【確定申告や開業届も一瞬】
shogo-log.com/...
■しょーごのプロフィール
大学時代に何もせず終活前に絶望。
その後中国・フィリピン留学に行き、一年で中国最高級のHSK6級、4ヶ月でTOEICは450→840点に。
新卒で銀行に入行するも、すぐに退職。
現在はフリーランスのエンジニアとして毎月50万ほどを稼ぎつつ、転々としています。
◆ブログ◆しょーごログ
shogo-log.com/
◆Twitter◆@samuraibrass
/ samuraibrass
-----------------------------------------------------------------------
使用機材
-----------------------------------------------------------------------
■ 編集機材兼仕事道具
MacBookPro16インチ(amzn.to/2Da9JBa)
■ 音声
ZOOM iQ7(amzn.to/2YWhTpd)
■ 自撮り棒
amzn.to/3e5RZDW
#プログラミング
#HTML
#CSS
#web制作
#コーディング
#フリーランスエンジニア

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 32   
@奥岡曹太朗-k3f
@奥岡曹太朗-k3f Год назад
本当に見ておいて良かったです。
@小坂恭平-q5w
@小坂恭平-q5w 2 года назад
もやもやが晴れた感じです。ありがとうございます!
@福元佑介-n8w
@福元佑介-n8w 3 года назад
恥ずかしながら、動画拝見して初めて知りました。 次のステップで身につけないと行けないことが分かって、ラッキー😆💕いいものみつけたーって思いました! ありがとうございました!
@しょーごログ
@しょーごログ 3 года назад
ありがとうございます!BEMは厳密には設計思想ではなく命名規則なので少しミスりましたが、CSSについては「設計思想」「命名規則」という概念だけでも抑えていただければと思います。
@福元佑介-n8w
@福元佑介-n8w 3 года назад
設計思想と命名規則の概念ですね。 わかりましたー。 教えて頂いてありがとうございます。😁嬉しいです。
@Takarabosi
@Takarabosi 3 года назад
ありがとうございます!とても勉強になりました。まだ初学者ですが、最初からこんな知識があると後々苦労しないですよね。癖を直すのってとても大変なので。これからもよろしくお願いします。
@naganosuke
@naganosuke 2 года назад
とってもわかりやすかったです!何でコーディングすれば良いのか迷っていたのでとりあえずはBEMでやっていこうと思えました!
@hirokimurayama8600
@hirokimurayama8600 4 года назад
コードを書きながら、(この書き方でいいのかな…)と思っていたので、とても参考になりました。 有益な情報ありがとうございます!
@ナツキスバル-w6v
@ナツキスバル-w6v 4 года назад
今回のような講義形式の動画はとても良かったです
@yudaisasaki6937
@yudaisasaki6937 4 года назад
いつも為になる動画ありがとうございます! 実際に使われているテキストエディタの紹介や実践でバリバリ使っているショートカットキーなど動画にして頂けるとありがたいです!
@masaagoto2192
@masaagoto2192 4 года назад
いつも拝見させて頂いてます!必要性を理解でき、レベルアップできます。
@aiko3
@aiko3 3 года назад
ちと古い(何年か前はそんな感じのときもあった)気もしますが… 初学者が見ていると思うので、こういうコーダーさんもいるのね程度にするのがいいと思います。基本的なことは絶対に変わりませんが、この動画で紹介されたのが正解でも絶対でもないので。
@しょーごログ
@しょーごログ 3 года назад
1年以上前に出した動画なので、内容にツッコミどころは自分でもありますね😂
@しょーごログ
@しょーごログ 4 года назад
22:35から一番伝えたいことを述べています。ぜひそこまで見ていただきたく思います。実行するかは心がけ次第ですので...
@neooo2310
@neooo2310 4 года назад
めちゃくちゃ勉強になりました!ありがとうございます!
@takahironishikawa2563
@takahironishikawa2563 4 года назад
このような失敗例って大切ですよね。 語学が堪能なショーゴさんならわかると思いますが、これはコーディングだけでなく語学でも非常に思います。 それに、すべてのことが正解ばかりのことを教えてもらえるより、間違っていることを同時に教えることが非常に大切です。 私も何かを教える時は、まず積極的に正解の前に間違いを教えます。 そして、これがなぜ間違っているのか説明して、正解を教えると非常に理解しやすいと思います。
@まい-k8u
@まい-k8u 4 года назад
すごく分かりやすくて参考になりました! div祭りとは私の事かと思いました 意識して使っていこうと思います
@しょーごログ
@しょーごログ 3 года назад
厳密にはdivでもいいのですが、使える部分は適切なタグ使えた方がいいですよね。divにはキーボード操作でフォーカスが当たらなかったりするので。
@kyoko9854
@kyoko9854 3 года назад
とても勉強になりました。初心者のうちから知っているのと知らないのとでは大きな差になると思います。今後も動画期待していますね!
@はな-n8r
@はな-n8r Год назад
zoomの背景設定ミスった画像がツボに入りましたw 本題の方も具体例があってすごくわかりやすかったです。ありがとうございます(^^)
@maro7634
@maro7634 4 года назад
初心者にあるある。だけど設計思想なんて発想もそもそもないから、それを教えてくれるこの動画は本当に参考になります。 絶対繰り返し見たほうが良いです。
@しょーごログ
@しょーごログ 3 года назад
ありがとうございます!
@ippeitezuka1007
@ippeitezuka1007 4 года назад
お勉強系ぜひ増やしてって欲しいです!
@しょーごログ
@しょーごログ 3 года назад
Gulpなど検討しています。
@norih7650
@norih7650 3 года назад
とても有益な動画でした。 しょーごさんのnote初級exを購入させていただき今から始めようと思ってたところなので こちらの動画を意識しつつコーディング頑張ります! リセットcssの選び方、設定の仕方をいつも迷うので動画にしていただけると 有り難いです。
@kuura4996
@kuura4996 4 года назад
すごくわかりやすかったです! いつも初心者の目線に合わせた細分化した説明の動画をありがとうございます! それで少し思ったのですが ドットインストールの中の " はじめてのhtml "というレッスンの中の♯11sectionタグを使ってみようでsectionタグでどんどん囲んだあとにそのsectionタグの中の見出しを全てh1にするというものがあったのですが1ページに1度しか使わないほうがいいというh1タグですがこの使い方はあまりしないほうがいいのでしょうか?実際のその動画はh1だらけになっていきます(笑)これって初心者の人は混乱すると思うんです💧お時間ある時にでもお答えいただけたら幸いです!よろしくお願いします!
@しょーごログ
@しょーごログ 4 года назад
実際にはそういう風にする現場もあるようですが、個人的には推奨しません... 大体の現場では差し戻し喰らうかなと。 実はGoogle的にはどちらもSEOに悪影響はないとのことですが、マイノリティという話ですね。 ただ、sectionタグ直下には絶対hタグが必要という方が重要かなと思います。
@kuura4996
@kuura4996 4 года назад
@@しょーごログ なるほど!懇切丁寧な対応感謝致します!ありがとうございます!
@貧乏脱出したい
@貧乏脱出したい 3 года назад
最後ちょっとびっくりしたwめちゃ役立ちました~^^
@ukiy728
@ukiy728 4 года назад
いっつもクラス名で悩むんすよね〜
@しょーごログ
@しょーごログ 4 года назад
CSS設計完全ガイドを一読してほしいのですが、数をこなしつつFLOCSSやPRECSSを試す感じですかね〜amzn.to/3gtpcdl
@ukiy728
@ukiy728 4 года назад
しょーごログ ついこの間しょーごさんがお勧めしてた本を5冊くらい買ったんですよ笑 その中に一冊でわかるHTMLCSSとCSS設計ガイド入ってます! じっくり読み込んでみます〜。
Далее
小丑调戏黑天使的后果#short #angel #clown
00:16
CSSクラス命名規則、FLOCSSとBEM。
11:50
Просмотров 26 тыс.