ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
勤務先でコーポレートサイトやポータルサイトを担当しています。サイトの作成やリニューアル、大きなメンテナンスは業者さんにお願いしているので、自分の業務は業者さんとの連携と、日々の情報発信や新商品ページを作成したりする程度。日常業務に困らないレベルの知識はありますが、仕事の中で覚えた知識のためムラというか偏りがあります。勉強したいと思ってはいるものの、スクールで基礎の基礎から学ぶほどでもなく(業務的にも時間的にも)……。どうやれば効率的に知識が広げられるだろう…とずっと考えていたので、とても参考になりました！
視聴&コメントありがとうございます！なかなか勉強をするためのまとまった時間を確保するのも難しいですよね。サイトを担当されているということでHTML/CSSを勉強されるのはとても素晴らしいと思いました！HTML/CSSはプログラミング学習の中でも比較的気軽に学習をスタートさせることができるので、ぜひ本動画を参考に勉強をしてみてください！（他にも本TH-camチャンネルでHTML/CSSのライブコーディング動画もあるので、そちらも時間のあるときにぜひご覧ください）
テックキャンプ卒業生です。チャンネル開設おめでとうございます。チャンネル登録させていただきました。取締役の新保さんが解説してくださるのはとてもインパクトがあり納得感があります！これからもためになる動画を楽しみにしております！応援しております！頑張ってください！☺️余談ですが、サムネと演出が完全にマコなり社長と同じで笑ってしまいました🤣笑
嬉しいコメントありがとうございます！今後も少しでも有益と思っていただけるような動画を作っていきますので、よろしくお願いします！（やはり身近な事例から参考にしようということでマコなり社長をしっかりと参考にした結果、こうなりました笑）
コメント失礼します、wedサイトのコード練習をしたいのですが、どこでコード練習するのかわかりません。サンプルを見ながらvscode使って練習という手順でよろしいですか？
また、他サイトのコードをみたい時Google Chrome使えない場合はどう見ればよろしいですか？長々とすいません。
コメントいただきありがとうございます！順番に回答させていただきますね！ーーー①Webサイトのコード練習についておっしゃるとおり、基本的にはサンプルを見つつVScodeを使うのが良いと思います！VScodeを使ったHTML/CSSコーディング講座の動画もありますので、宜しければご参考ください！▼HTML/CSSの基礎が90分でマスターできる超入門講座【初心者向け】th-cam.com/video/mZKwaepVdMs/w-d-xo.htmlまた、VScodeの使い方やオススメの拡張機能をまとめている動画もありますので、こちらも宜しければご参考ください！▼プログラミング初心者が選ぶべき神エディタはこれ一択ですth-cam.com/video/LyiMVMaDdlM/w-d-xo.htmlーーー②Google Chrome以外で他サイトのコード見たいときSafariでもデベロッパーツールがありますので、ぜひ一度調べてみてください！
この動画を見て0スタートでプロゲートのHTML,CSSを全部修了したのですが、次はドットインストールに取り組んだ方が良いですか？フロントエンドエンジニア転職志望です！
ご質問ありがとうございます！プロゲートのHTML/CSSの修了素晴らしいですね！すでにプロゲートを終えられているのであれば、ドットインストールよりも簡単なWebサイトを作る練習をするのがオススメです！ネットで調べればいくつか問題やサンプルが出てくるので、最初は答えを見ながらでも構いませんので、HTML/CSSでWebサイトを作ってみましょう。フロントエンジニアを目指されているのであればJavaScriptも学習されることをオススメします。こちらはまずはプロゲートなどで基礎を学んでみてください。HTML/CSSよりもJavaScriptはプログラミングとしての複雑さが増すので、最初は大変だと思いますが、みんなつまづくので気にしなくて大丈夫です。エンジニア転職が成功することを祈っております！
コメント失礼します。他のサイトを真似て作るとおっしゃられておりましたが、他のサイトのコードの答えはどのようにみたらよろしいでしょうか。、
ご質問ありがとうございます！実はブラウザ（GoogleChromeやSafariなどのインターネットを見るためのソフト）では見ているサイトのHTMLとCSSを知ることのできる機能があるんです。それが「検証」という機能です。GoogleChromeを使っている場合の手順をご紹介します。①GoogleChromeで真似をしたいサイトを開く②サイトで右クリックをする③出てきたメニューで「要素の検証」をクリックする④HTMLが表示されるこの状態でサイトのHTMLを見ることができます。また、HTMLをクリックすると、そのHTMLに適用されているCSSも見ることができます。この機能を使ってぜひ見本のサイトのコードを確認してみてください！
勤務先でコーポレートサイトやポータルサイトを担当しています。
サイトの作成やリニューアル、大きなメンテナンスは業者さんにお願いしているので、自分の業務は業者さんとの連携と、日々の情報発信や新商品ページを作成したりする程度。
日常業務に困らないレベルの知識はありますが、仕事の中で覚えた知識のためムラというか偏りがあります。
勉強したいと思ってはいるものの、スクールで基礎の基礎から学ぶほどでもなく(業務的にも時間的にも)……。
どうやれば効率的に知識が広げられるだろう…とずっと考えていたので、とても参考になりました！
視聴&コメントありがとうございます！
なかなか勉強をするためのまとまった時間を確保するのも難しいですよね。
サイトを担当されているということでHTML/CSSを勉強されるのはとても素晴らしいと思いました！
HTML/CSSはプログラミング学習の中でも比較的気軽に学習をスタートさせることができるので、ぜひ本動画を参考に勉強をしてみてください！
（他にも本TH-camチャンネルでHTML/CSSのライブコーディング動画もあるので、そちらも時間のあるときにぜひご覧ください）
テックキャンプ卒業生です。
チャンネル開設おめでとうございます。
チャンネル登録させていただきました。
取締役の新保さんが解説してくださるのはとてもインパクトがあり納得感があります！
これからもためになる動画を楽しみにしております！
応援しております！
頑張ってください！☺️
余談ですが、サムネと演出が完全にマコなり社長と同じで笑ってしまいました🤣笑
嬉しいコメントありがとうございます！今後も少しでも有益と思っていただけるような動画を作っていきますので、よろしくお願いします！
（やはり身近な事例から参考にしようということでマコなり社長をしっかりと参考にした結果、こうなりました笑）
コメント失礼します、wedサイトのコード練習をしたいのですが、どこでコード練習するのかわかりません。サンプルを見ながらvscode使って練習という手順でよろしいですか？
また、他サイトのコードをみたい時Google Chrome使えない場合はどう見ればよろしいですか？長々とすいません。
コメントいただきありがとうございます！
順番に回答させていただきますね！
ーーー
①Webサイトのコード練習について
おっしゃるとおり、基本的にはサンプルを見つつVScodeを使うのが良いと思います！
VScodeを使ったHTML/CSSコーディング講座の動画もありますので、宜しければご参考ください！
▼HTML/CSSの基礎が90分でマスターできる超入門講座【初心者向け】
th-cam.com/video/mZKwaepVdMs/w-d-xo.html
また、VScodeの使い方やオススメの拡張機能をまとめている動画もありますので、こちらも宜しければご参考ください！
▼プログラミング初心者が選ぶべき神エディタはこれ一択です
th-cam.com/video/LyiMVMaDdlM/w-d-xo.html
ーーー
②Google Chrome以外で他サイトのコード見たいとき
Safariでもデベロッパーツールがありますので、ぜひ一度調べてみてください！
この動画を見て0スタートでプロゲートのHTML,CSSを全部修了したのですが、次はドットインストールに取り組んだ方が良いですか？フロントエンドエンジニア転職志望です！
ご質問ありがとうございます！
プロゲートのHTML/CSSの修了素晴らしいですね！
すでにプロゲートを終えられているのであれば、ドットインストールよりも簡単なWebサイトを作る練習をするのがオススメです！
ネットで調べればいくつか問題やサンプルが出てくるので、最初は答えを見ながらでも構いませんので、HTML/CSSでWebサイトを作ってみましょう。
フロントエンジニアを目指されているのであればJavaScriptも学習されることをオススメします。
こちらはまずはプロゲートなどで基礎を学んでみてください。
HTML/CSSよりもJavaScriptはプログラミングとしての複雑さが増すので、最初は大変だと思いますが、みんなつまづくので気にしなくて大丈夫です。
エンジニア転職が成功することを祈っております！
コメント失礼します。
他のサイトを真似て作るとおっしゃられておりましたが、他のサイトのコードの答えはどのようにみたらよろしいでしょうか。、
ご質問ありがとうございます！
実はブラウザ（GoogleChromeやSafariなどのインターネットを見るためのソフト）では見ているサイトのHTMLとCSSを知ることのできる機能があるんです。
それが「検証」という機能です。
GoogleChromeを使っている場合の手順をご紹介します。
①GoogleChromeで真似をしたいサイトを開く
②サイトで右クリックをする
③出てきたメニューで「要素の検証」をクリックする
④HTMLが表示される
この状態でサイトのHTMLを見ることができます。
また、HTMLをクリックすると、そのHTMLに適用されているCSSも見ることができます。
この機能を使ってぜひ見本のサイトのコードを確認してみてください！