Тёмный
No video :(

【CSS #1】基礎からちゃんと学ぶ CSS 入門!基本構文を抑えよう!【ヤフー出身エンジニアが教える初心者向けプログラミング講座】 

しまぶーのIT大学
Подписаться 118 тыс.
Просмотров 203 тыс.
50% 1

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

 

6 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 89   
@user-es9bg8tm7e
@user-es9bg8tm7e 4 года назад
先生の説明じゃcss全くわからなかったけどこの動画見たらスッキリわかりました。今の世代RU-vidさえあればほとんどのことが無料でわかるけどこれこそ一番リーズナブル。 どんどん活用きていきます!!
@user-sn4zu2mb2n
@user-sn4zu2mb2n 7 месяцев назад
こんなにわかりやすい講座は初めてです!スピード感もありすばらしいです!
@hiram5358
@hiram5358 Год назад
CSS入門:7コンテンツを全て拝見しました。章立てがとても見やすく、理解しやすかったです。現場での苦労感が伝わってきます。頑張ってレイアウト編も拝見したいと思います。Grid!楽しみです。ありがとうございます!
@user-xl8mr6dr7c
@user-xl8mr6dr7c 3 года назад
アラフォーです! ITの専門学校卒で三年間ほどSEしてましたが、それ以降全然違う職業に従事しておりました。 自身でwebサイトを作ってみたいと思い、勉強中です! 非常に分かり易くてとても助かります!
@takashiyagi9721
@takashiyagi9721 10 месяцев назад
Visual Studio Codeの動画とHTMLの動画をみました、これからCSSとJSの動画をみたいと思います! 色々HTMLやCSSやプログラミングを動画で見ましたが一番初心者にわかりやすいです! ありがとうございます
@user-dr5px4xl8j
@user-dr5px4xl8j 4 года назад
最近htmlを始めて、cssの外部シートで詰まっていた所を解決できました。ありがとうございました。
@bon-chan8799
@bon-chan8799 2 года назад
単純なところでつまづいていたのですが、この動画を見て解決できました。ありがとうございます
@tarokaruki8266
@tarokaruki8266 2 года назад
とても分かりやすく勉強させていただいてますが、1点質問があります。 VSCの便利機能?で  と一発で入力できます。 は、style.cssを呼び出すんだなと何となくわかるのですが、 rel="stylesheet" とは何なのでしょうか? ""で囲んでいるので文字列を指しているんだなと想像しますが、何処にもそのような記述が見当たりません。 MDN抜粋: 「rel は "relationship" を意味し、おそらく 要素の重要な機能の一つです。 - 値はこれを含んでいる文書にどのように関係するかを示します。」 読み続けたら気を失っていました・・
@ka-ml3ve
@ka-ml3ve 4 года назад
いつも有益な講座を無料で公開して頂きありがとうございます! プログラマーになるため、まずはドットインストールとしまぶーさんの動画で学んでいきたいと思います^ ^
@shimabu_it
@shimabu_it 4 года назад
ありがとうございますー! 今後もたくさん学びになる動画を出していきます!😊
@user-tf6dr7nc5v
@user-tf6dr7nc5v 4 года назад
非常にシンプルでわかりやすくて助かります。ありがとうございます!
@shimabu_it
@shimabu_it 4 года назад
良かったです。CSS基礎は既に作り終えて、今後は応用・実践編を考えております。基礎を学び終えたら、そちらも見てくださいね😊
@user-bt1rw7yk2e
@user-bt1rw7yk2e 4 года назад
めっちゃ分かりやすくてためになります。
@user-kk3fv9yl4d
@user-kk3fv9yl4d 4 месяца назад
初めまして。すごく分かりやすいです。例えば、一度作成したサイトで、同じフォルダー・ファイル内で似たようなサイトを作成する場合、既存のCSSファイルにファイルを作成しないでリンクする方法を教えてください。
@dokkano_sato
@dokkano_sato 2 года назад
自分は理解力ないんで 大学の講義+この動画を観てます
@user-uk1rt8kc1j
@user-uk1rt8kc1j 4 года назад
ありがとうございます😊 cssが反映されなかったのが 反映されました。 ありがとうございます。😁
@tavernitysonw
@tavernitysonw 4 года назад
待ってました!!✨
@user-sv8jy3np5l
@user-sv8jy3np5l 4 года назад
めちゃくちゃ分かりやすい!
@C4nsha
@C4nsha 4 года назад
初心者に分かりやすい!
@hoangvan9788
@hoangvan9788 4 года назад
初心者に分かりやすい
@zpzezn
@zpzezn 2 года назад
勉強になります。自分にもできそうです。
@user-ny6yi2ph2p
@user-ny6yi2ph2p 4 года назад
とても分かりやすいです!
@yuru_6
@yuru_6 2 года назад
すっごくわかりやすかったですー😭😭 基礎の基礎がわからないので、助かります。
@vuvan2457
@vuvan2457 4 года назад
初心者に分かりやすい!ありがとうございます!!!
@nickmatchn1
@nickmatchn1 4 года назад
わかりやすい。本当にありがとうございました
@user-cu5sp9lj2n
@user-cu5sp9lj2n 4 года назад
見ました! 最後まで見ますね!!
@shimabu_it
@shimabu_it 4 года назад
いつもコメントありがとうございます! 学びにしていってくださいね!😊
@lyhoang3860
@lyhoang3860 3 года назад
study japanese and IT together ^^ , thank you sensei
@vanthiennguyen1751
@vanthiennguyen1751 3 года назад
Đồng chí cũng đang học luôn ha
@yasuda1229
@yasuda1229 4 года назад
分かりやすい!
@kohei1218
@kohei1218 2 года назад
kintoneでCSSを使っているのですが、 詳細画面と編集画面でテーブルに入っているタイトル項目の幅を狭めようとしたのですが、編集画面だけできません。widthなど幅を使うものは使って、importantも使ったのですができませんでした。編集画面ではできないのでしょうか?ちなみに狭めようとしているフィールドはユーザー選択と組織です。
@seikai2749
@seikai2749 4 года назад
今日から拝見させていただきます。 よろしくお願い致します。
@koujiyamada215
@koujiyamada215 Год назад
使用する教材はどのようにしてダウンロードできるのですか?
@user-bx2in3qp4b
@user-bx2in3qp4b 3 года назад
カラーと文字の大きさが反映されない原因は何がありますか?
@zawazawa4713
@zawazawa4713 4 года назад
プログラミング初心者です。 参考にさせてもらっています。 便利・よく使用するショートカットキーがありましたら、 動画等や、参考にできるもの(サイト)があれば、教えていただきたいです。 また、入力スピードが初心者なのでとても遅いのですが、 入力スピードは、慣れなのでしょうか? あるいわ、 入力スピードが早くなる方法があれば是非教えていただきたいです。 どうかよろしくお願いします。
@user-tb9ks6pz9c
@user-tb9ks6pz9c 4 года назад
この人多分めちゃくちゃ頭いい気がする
@shimabu_it
@shimabu_it 4 года назад
なんかコメント笑いましたw ありがとうございます😂
@nekohaha6036
@nekohaha6036 4 года назад
初心者です。文字のカラーの色が設定されず反映されないのはなぜなのか教えてほしいです。
@shimabu_it
@shimabu_it 4 года назад
おそらく拡張子がうまく設定できていないかもです。 まずは後ろが .css になっていることを確認してみてください!🙏
@user-oz8no2wf2t
@user-oz8no2wf2t 4 года назад
最近、wixというホームページ制作サイトを知ったのですがその機能を見たらHTMLとCSSを使わなくてもいいと書いてあったのですが、それを見てCSSとHTMIを学ぶ意欲少し失せたんですけど、どういったときに使えますか?HTMIとCSSの学ぶ意味がわからなくってきました泣
@shimabu_it
@shimabu_it 4 года назад
自分の作りたいものがホームページ作成レベルでよろしければwixでもいいかもしれませんが、エンジニアを目指す上ではhtml, cssは必要な知識になります。 wixを使ったらどんなデザインでもできるというわけではなく、細かいことをしようとすると難しかったり、また実際のサービス運用という点では向いていません。wix系のツールが得意なのはホームページ作成レベルで、基本的にサービス開発では使えません。例えばYahoo、食べログ、ホットペッパーなども、htmlとcssの知識が必ず使われています。
@user-oz8no2wf2t
@user-oz8no2wf2t 4 года назад
ありがとうございます!!
@user-mo4ju9fr9v
@user-mo4ju9fr9v 3 года назад
しまぶーさんありがとうございます。
@user-zy9iw6qh6k
@user-zy9iw6qh6k 4 года назад
いつもわかりやすい動画ありがとうございます atomでcssを書くときタグの補完がされないのですが要因がわかりません、違うテキストエディタの話で申し訳ないのですが、教えてもらえないでしょうか
@naoto1681
@naoto1681 3 года назад
HTMLで画像を挿入して、その画像の上(右上端)に文字を乗せたいのですが、なかなかうまくいかず、どうしてもブラウザ画面上(margin上)の右上端になってしまいます。どうしたら良いでしょうか。良い解決方法はありませんか?
@TK-go3zo
@TK-go3zo 4 года назад
外部スタイルシートをやる時に、右クリックすると非表示、空いているエディタ、空いているフォルダがありません、アウトライン、タイムラインの5つしかでてきません!どうすれば宜しいですか?
@tokumeiryo
@tokumeiryo 3 года назад
すげーーーーーー分かりやすいです!!! 有料級の動画!
@guysweet5834
@guysweet5834 4 года назад
分かりやすくて草 最高です!
@user-zx8hj6fu5d
@user-zx8hj6fu5d 3 года назад
font-sizeがでてきません。 なぜでしょう? そこから進むことができません。 教えてほしいです。
@user-oo5xm8tj3g
@user-oo5xm8tj3g 3 года назад
プロジェクト見つかりません。ファイルから開けますか?びっくりマークいれても出できませんでした
@guisetech1971
@guisetech1971 4 года назад
Good job
@user-li7rz7xd6l
@user-li7rz7xd6l 4 года назад
私でも理解できますっ!ありがとうございます!
@user-oo5xm8tj3g
@user-oo5xm8tj3g 3 года назад
Chromeとの同期はどのようにしたら良いですか?
@artfc547
@artfc547 4 года назад
いつもわかりやすい動画ありがとうございます。 ひとつわからないところがあるのですが、外部スタイルシートの時にindex.htmlの左側で右クリックしてもNew Fileと出てきません。
@shimabu_it
@shimabu_it 4 года назад
こちらこそ質問ありがとうございます!2点下記を確認してみてください! ・index.htmlにカーソルを当てず余白のところで右クリックする ・1番左側に5つアイコンがあると思いますが1番上になっているか確認 こちらで解決しなかった場合は、もう少し具体的に状況を教えていただけると解決できるかもしれません😊✨
@artfc547
@artfc547 4 года назад
しまぶーのIT大学 すごくわかりやすい説明で解決しました^_^ ありがとうございます!! あといじっていたら一番左の5つあるアイコン、上から1つ、2つと消えてしまって残りの3つしかアイコンが表示されない場合、再表示はできますか? 何度も質問すいません、、
@shimabu_it
@shimabu_it 4 года назад
​@@artfc547 解決されたようで良かったです!😊 左のバーの部分で右クリックをすると、チェックマークが入っているものと入っていないものがあると思いますが、チェックマークがあるものが現在表示されているアイコンになります。なので、クリックをしてチェックマークを入れると、アイコンがまた表示されるかと思います! また最初はVS Codeを日本語化した方が使いやすいと思うので、拡張機能を入れて日本語化してみてください! twitter.com/shimabu_it/status/1239881589703634945
@user-nh6cn9ct2y
@user-nh6cn9ct2y 2 года назад
この動画を見てプログラマーを目指せます。36歳のプログラマーは遅いですか?
@user-gk7ox3nz6v
@user-gk7ox3nz6v 3 года назад
文字の間隔とか決まりあるんですか?
@user-dt3rl4bw7v
@user-dt3rl4bw7v 4 года назад
実践的でやる気が出ます。command + /はWindowsでは何ですか。無効にできません。
@shimabu_it
@shimabu_it 4 года назад
こちら非常にうまくまとめられているショートカット対応表になります。 qiita.com/oruponu/items/ae9c720d4522c1606daf 該当のキーですと「Ctrl+/」ですね!😊
@user-dt3rl4bw7v
@user-dt3rl4bw7v 4 года назад
ありがとうございます。
@hanahana6831
@hanahana6831 4 года назад
在宅で5万円稼げるようになりたくて、プログラミングを勉強し始めた3人の子育てママです。色々と参考にさせて下さい(^^)
@shimabu_it
@shimabu_it 4 года назад
良い目標ですね!まずは勉強してスキルアップかと思いますが、私の講座が少しでもお力になれれば嬉しいです😊 一緒に頑張っていきましょ〜!
@hanahana6831
@hanahana6831 4 года назад
ありがとうございます。 よろしくお願いします(^^)
@user-vw4tv6ct4p
@user-vw4tv6ct4p 2 года назад
スタートした瞬間からもうわからない
@user-rb9ke2yq3t
@user-rb9ke2yq3t 4 года назад
style.cssが読み込まれません😭保存して、index.htmlから読み込んですのですが…
@shimabu_it
@shimabu_it 4 года назад
ご質問ありがとうございます!下記該当していないかご確認ください! ・タイピングミス ・読み込むタグは下記と同じですか? ・cssへのパスはあっていますか? href="style.css" の部分でstyle.cssのファイルの場所があっているかご確認ください。 ・style.css内で間違いはありませんか? 例えば、宣言ブロック({})を閉じ忘れていたり、宣言の最後のセミコロン(;)を入れ忘れていたりしませんか? これらに該当しなければコードをいただけると幸いです🙇‍♂️
@user-rb9ke2yq3t
@user-rb9ke2yq3t 4 года назад
しまぶーのIT大学index内のhref style.cssを打ってませんでした😅そりゃ読み込まれないですよね…。詳しくありがとうございました!
@shimabu_it
@shimabu_it 4 года назад
@@user-rb9ke2yq3t あらら😅笑 解決できたようで何よりです。私も凡ミスを何回もしてきましたし最初はそういうミスはあるあるです。くじけず前に進みましょう!💪
@s.k2603ks
@s.k2603ks 3 года назад
初めまして!参考にさせていただいています!emmet の機能が全く機能しないのですが対処法を知りたいです!使っているパッケージは emmet です。検索もしてみましたが出てこないので、質問させていただきます。よろしくお願いいたします
@user-sf2dh1iv1v
@user-sf2dh1iv1v 4 года назад
すみません。htmlのファイルをクロームで動かしてみたのですが、なぜか表示されません 同じ書き方、同じソースコードで書きました 考えられる原因をいくつか挙げてください
@shimabu_it
@shimabu_it 4 года назад
おっと・・・今も詰まり中でしょうか?原因として考えられることは、うまくパス(自分のindex.htmlへのリンク)が間違っていることでしょうか。 Chromeに直接index.htmlをドラッグ・アンド・ドロップで反映させることもできるので、ぜひ試してみてください。それでも未解決のようでしたらまた教えて下さい!
@user-zj1rl5ze4s
@user-zj1rl5ze4s 3 года назад
パソコンすら持ってないのに勉強してるって変ですよね、、、笑 経済的に厳しくて💦 でも、こういう勉強をしていくとどんどん覚えたいと思うので、無理やりでも買おうか迷います😂😂 経験なしで会社に入るのは厳しいですよね😭
@user-zj1rl5ze4s
@user-zj1rl5ze4s 2 года назад
こんなコメントしてたのも11ヶ月前!! 成長したちょっとだけ!笑
@user-rs8hg6fk9l
@user-rs8hg6fk9l Год назад
かわいい
@user-zj1rl5ze4s
@user-zj1rl5ze4s Год назад
@@user-rs8hg6fk9l この通知でコメント書いてたの思い出しました(笑)こんなこと書いてたの懐かしい!!今はエンジニアとして働いてます✨✨ 頑張ってよかったです🍓
@user-rs8hg6fk9l
@user-rs8hg6fk9l Год назад
@@user-zj1rl5ze4s ええ!すごい!就職おめでとです👏🏻 自分もいま就活生でプログラミングスキル0からエンジニア目指してます…!
@user-zj1rl5ze4s
@user-zj1rl5ze4s Год назад
@@user-rs8hg6fk9l おおお!!就活しながら勉強とは!!えらいです✨ 私の就職先めちゃくちゃ自由なので本当にストレスフリーです!!転職してよかったと心から思ってます😹 まだまだ勉強の日々ですので、お互い頑張っていきましょうね!!
@adhd3147
@adhd3147 4 года назад
このアプリなんだ?
@norvisblasmoreta5576
@norvisblasmoreta5576 3 года назад
Habla español
@user-gk7ox3nz6v
@user-gk7ox3nz6v 3 года назад
早すぎてわからん
@user-gk7ox3nz6v
@user-gk7ox3nz6v 3 года назад
早すぎるしゃべりと動きが
@user-ld3zl8bn4c
@user-ld3zl8bn4c 2 года назад
おそくすればええやん
@user-lg5rk4fy1c
@user-lg5rk4fy1c 3 года назад
もう少しゆっくり話せませんか?
@user-uw7it8lt6k
@user-uw7it8lt6k 3 года назад
非常に分かりやすくて助かります
@shimabu_it
@shimabu_it 3 года назад
ありがとうございます!😂
Далее
How to get Spongebob El Primo FOR FREE!
01:36
Просмотров 14 млн
HTMLをブラウザで表示する方法
9:37
Просмотров 22 тыс.
How to get Spongebob El Primo FOR FREE!
01:36
Просмотров 14 млн