【HTML/CSSレイアウト】よく使われるサイドバーデザインを一緒にコーディングしていきましょう【ヤフー出身エンジニアの初心者向けプログラミング講座】

Поделиться
HTML-код
  • Опубликовано: 4 янв 2025

Комментарии • 114

  • @shimabu_it
    @shimabu_it  4 года назад +13

    次回は🍔メニューをCSSのみで実装します!
    かなり難しくなるので今回の動画はしっかりマスターしてくださいね😊
    どのブログよりも分かりやすく解説できるように頑張ります🔥🔥

    • @ちゅーりくチャンネル
      @ちゅーりくチャンネル 4 года назад +1

      しまぶーさんの動画を拝見させていただきまして、Yahooの良さが伝わりました。
      大学3年で就活をしているのですがYahooの就職を希望したいと思います。
      ・採用基準
      ・採用を優位にするためにすべきこと
      ・しまぶーさんが必要と思うこと
      Yahooの就職について述べている動画や記事があまりないので解説していただけたら幸いです。

    • @shimabu_it
      @shimabu_it  4 года назад +3

      おぉ、最近ヤフーへの就職を目指す方がいて嬉しいです。色々コメント欄では返信しているのですが動画にはできていないですね💦
      まず1つ目の採用基準に関しては人事経験があるわけでもなく、またあのレベルの大企業は採用基準は毎年変わることが多いので正直分かりません。基本的には採用のホームページに書いていることがすべてです。社内でかなり推敲されていて、嘘を書くことはもちろんないですし、内容を載せるのにも多数の承認フローを経ているはずです。なので、基本は採用ホームページをひたすら見ることです。
      ちなみにミッション等も大事です。私の代は「課題解決エンジン」というのを推していましたが今は変わっていますね。会社は同じミッション・ビジョンを持って働けるかを重視しますので、自分のエピソードとかも、こういうミッション等の考え方を意識して話せると良いかと思います。
      about.yahoo.co.jp/info/mission/
      次に採用を優位にするためにすべきことですが、エンジニアであれば技術力を高めて面接対策を行うことですね。私の代はありませんでしたが今年はコーディング面接もあるようなので、コーディング面接の対策などをされると効果的かと思います(私はコーディング面接対策をしたことがないので、どうやるかは分かりかねます)。
      あとはインターンに参加することですね。例えばヤフーでなくても、ラインやリクルートやクックパッド(大企業でなくても別に問題はないですが何かしら)に参加したことがある、というのは大きなアドバンテージです。「その企業は少なくともあなたを認めている」という証明なのでインターンはぜひ参加検討してみてください。
      最後の私が必要と思うことでいうと、ロジカルシンキング(論理的思考力)を高めることです。問題の根本は何なのか分解したり道筋立てて考える能力は、プログラミングでも、面接の話し方でも、すべてにおいて通ずる力だと考えています。グループディスカッション対策にもなるかと思いますので、余裕があればぜひロジカルシンキング能力も高めてみてくださいね!
      ちょっと長くなりましたが以上です。参考になれば幸いです👍

    • @ちゅーりくチャンネル
      @ちゅーりくチャンネル 4 года назад +1

      しまぶーのIT大学
      細かい説明から経験までありがとうございます。
      しまぶーさんの動画を見て自分も勉強中です!
      応援してます!そして自分も頑張ります!

  • @hiram5358
    @hiram5358 Год назад +1

    久ぶりに拝聴しました。とても分かりやすく解説されていて、よく分かりました。コードもGitHubから取れて助かります。ありがとうございます。

  • @ぶちねこちゃん
    @ぶちねこちゃん 4 года назад +1

    footerを下にする方法は初心者がつまづくポイントだと思います。
    そこを、まず【横並び】から【縦並び】での手順説明があったため理解できました!
    わかりやすいです!

  • @山木戸大道
    @山木戸大道 4 года назад

    いつも拝見させていただいております。
    本当に分かりやすい動画をありがとうございます。
    エンジニア目線だけではなく、デザイナー目線でも解説してくださることに本当に感謝しております。
    拡張機能まで開発されるなんて、天才ですね。
    これから寒くなりますので体調には充分に御留意されて、素晴らしい動画の提供を今後もよろしくお願いします。

  • @ruuuuuu_run
    @ruuuuuu_run 4 года назад +3

    今回の説明も分かりやすくて助かりました🐈
    新しい発見もできて素晴らしい講座だと思います!
    しまぶーさんの動画を見ながら独学で学んで、フリーランスのwebデザイナーになれました。
    やっとスタートラインに立ったばかりですが、楽しみながらやっていこうと思います。本当に感謝です😊

  • @mitotayu
    @mitotayu 3 года назад +1

    やっとしりたいじょうほうをみつけられました。ありがとうございます!

  • @Mamuanpp
    @Mamuanpp 4 года назад +1

    ものすごくわかりやすいです。苦手意識を吹っ飛ばすような、しまぶーさんの爽やかなで軽やかな説明!右に設置してみたり、練習してハンバーガーメニュー頑張ります!😊ありがとうございます!

  • @mayasono786
    @mayasono786 4 года назад +2

    数ヶ月前からオンラインでプログラミング学習を始めたのですが、既にHTML/CSSのWebページ作成においてmarginやらpadding使用やそもそものWebページ作成手順がわからず頭が爆発しておりました。。。が、しまぶーさんのめちゃくちゃ丁寧でわかりやすく聞きやすいテンポの説明に感謝です!(オンラインレッスンよりわかりやすい(T-T))今回も凄いわかりやすいです!今後も、超初心者向けの解説を期待しております!

    • @shimabu_it
      @shimabu_it  4 года назад

      頭が爆発・・!!🤯
      私の講座でそれが回避できたのであればよかったです!!😳
      今後も初心者向けの講座もたくさん作っていきますね✌
      ただ次回はちょっと難しいかもしれません・・・がより分かりやすい解説を心がけます。頑張って学んで行きましょう👍

  • @沖田晃典-n5r
    @沖田晃典-n5r 4 года назад +1

    毎日、見て勉強してる50代㊚です。まだまだわからないですが自分のホームページやブログができるようになるまで勉強したいと思っています。これからもよろしくお願いいたします。

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございます!いずれホームページの公開のところも講座にしますね!😊✨
      既にGitHubの講座ではホームページ公開まで取り扱っているので、簡単なサイトであればそちらでも公開できますので、よろしければどうぞ!✌
      ruclips.net/video/kftqAritHyc/видео.html

  • @宇井広紳
    @宇井広紳 3 года назад

    レイアウトの解説がわかりやすくて助かります。

  • @爆ちゃんねる
    @爆ちゃんねる 4 года назад +1

    今回も実用的な講座で非常に為に成りました🙇

  • @tattook7933
    @tattook7933 3 года назад +1

    説明がとても上手で理解しやすいです〜感謝。

  • @ethanjon4313
    @ethanjon4313 4 года назад +1

    最近プログラミングの勉強始めました。全ての動画がわかりやすくて、非常に助かります。ありがとうございます!こ!からもよろしくお願いします。😊

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございます!こちらこそ、すべての動画が分かりやすいと言ってもらえるなんて嬉しい限りです!😊✨
      これからも分かりやすい学び動画をアップしていきますね、よろしくおねがいします🙏✨

  • @houtas7924
    @houtas7924 4 года назад +1

    最近みはじめました!
    すごくわかりやすいです!しかもテンポが良い!!
    これからも有益な動画お待ちしてます😊

  • @noratest
    @noratest 4 года назад

    初心者です。
    とても楽しかったです。
    ありがとうございます

  • @楠木克己
    @楠木克己 4 года назад

    わかりやすい、内容。
    声のトーン、話し方の柔らかさ
    もっと動画を上げてほしいです☺️

  • @AIAI-ji2wp
    @AIAI-ji2wp 4 года назад +5

    ありがとうございます!
    フロントそんなに詳しくないので、勉強になりました☺️

    • @shimabu_it
      @shimabu_it  4 года назад +1

      フロントエンドもサービス開発では欠かせませんからね☺️
      フロントエンドもコツコツ学んでいってください✨

  • @tada0004
    @tada0004 4 года назад

    よく見るサイトの構造が分かり、とてもためになった。投稿ありがとうございます!

  • @dver8325
    @dver8325 4 года назад +1

    やっぱりかなり伸びてますね!😀
    4万人突破おめでとうございます!
    しまぶーさんの目標を、早めに達成することが楽しみです

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございますー!嬉しいことに本日4万人達成しました。・゚・(ノ∀`)・゚・。
      目標を知っているということは、もしや元旦の動画を見ていただいていますね笑
      (まったく見られていない動画なのでほとんど目標は知られていない笑)
      あと少しですが焦らずに、今後も学びを提供できるよう頑張ります🙏✨

    • @dver8325
      @dver8325 4 года назад +1

      しまぶーのIT大学 え!そうなんですか😹意外ですね
      いい動画提供しているのを見て、絶対に伸びると思いました^_^
      これからも楽しみです

    • @shimabu_it
      @shimabu_it  4 года назад

      もっと良い動画にできるよう撮影スキルも磨いていきますね💫
      応援ありがとうございます😁

  • @mochigome4451
    @mochigome4451 4 года назад +3

    いつもありがとうございます!本当にわかりやすいです!次回も楽しみにしております!

    • @shimabu_it
      @shimabu_it  4 года назад

      次回はまあまあ難しいので覚悟していてくださいねー!
      でも絶対に分かりやすく解説します👍👍

  • @nickmatchn1
    @nickmatchn1 4 года назад +2

    説明わかりやすい、有り難うございます

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございますー!
      そう言ってくださるとたいへん嬉しいです😆✨

  • @岩隼
    @岩隼 4 года назад

    やばい!分かりやすくてありがたい。
    これからもこういう動画待ってます。

  • @takei9569
    @takei9569 4 года назад +1

    わかりやすい講座ありがとうございます。side footerの下寄せについては、asideをflexとしている訳なので、justify-content:space-betweenを指定するのもありかなと思います。

    • @shimabu_it
      @shimabu_it  4 года назад

      それも仰るとおりですね!
      CSSは色んなパターンがあるのでどう実現していくか個性が出ますね😊

  • @mfxchk
    @mfxchk 4 года назад +1

    いつもありがとうございます。最近ワードプレスを使い始めたのでレイアウトのことも知りたくなり動画を拝見しました。サイドバーはスマホの画面ではあまり表示されないけどiPadでホームページを見る時によく出てきますね。RUclipsやチャットアプリなど身近なページに使われてて今までなんとなく使ってたデザインにプログラマーさんたちの工夫が詰まってることに気づけました。昨日からcodebelle で学習を始めたのでこちらの動画と併用してスキルを身につけていきたいと思ってます。

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございます。プログラマーというよりはデザイナーの方の知恵ですね!デザインも言語化できないといけないと思っていて、頭にあるのを体系的に動画でアウトプットできるのは私自身の学びにもなっていたりします。デザインはまだまだ奥深いので今後も定期的に言語化していきたいと思っている次第です。
      ちなみに次回予定のハンバーガーメニュー🍔もかなり面白い動画になると思っています。内容は難しいですが、、、ぜひ楽しみにしていてくださいね!

    • @mfxchk
      @mfxchk 4 года назад

      しまぶーのIT大学 返信ありがとうございます。たしかにIT系というとプログラマーさんだけでなくデザイナーさんもご活躍されていますね。以前本屋で雑誌のデザイン指南書を見たことがあります。修正後の方が伝わりやすいデザインになっていましたが感覚的なものを法則として説明するのは難しい部分もありそうですね。どう伝えるかというのは奥深く面白いテーマだと思っているので楽しみです。
      わからない部分も実はありますがプログラムによってどんどん画面が進化する過程を見てるとなんでもできそうな感じがしてワクワクしています。ハンバーガーメニュー🍔も楽しみにしています!

  • @かなで-k6t
    @かなで-k6t 4 года назад +1

    相変わらず、有益な講座ありがとうございます! いつも学ばせて頂いてます😌

    • @shimabu_it
      @shimabu_it  4 года назад +1

      こちらこそいつもコメントをくださってありがとうございますー😁✨

  • @devlarge7117
    @devlarge7117 4 года назад +1

    いつも勉強になってます。ありがとうございます。

    • @shimabu_it
      @shimabu_it  4 года назад

      そう言ってくださって嬉しいです。コメントありがとうございます😭
      今後も頑張っていくので時間があるときにまた見てくださいね✨

  • @ulu7113
    @ulu7113 4 года назад +1

    upお疲れ様です
    4万人おめでとうございます🎉

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございますー!ついに4万人達成しました😭✨
      今後も有益な動画を出し続けて目標の5万人も達成できるよう頑張ります💪

    • @ulu7113
      @ulu7113 4 года назад +1

      しまぶーのIT大学 700人くらいの時から学ばせて頂いてます😊以前ITニュースの企画のリクエストさせて頂いたものです笑

    • @shimabu_it
      @shimabu_it  4 года назад +1

      700は超古参ですね😳
      覚えております!!
      ITニュースもやろうと頭には入れているのですがスケジュールが取れず😵😵😵
      早くやりたいです・・・お待ちいただけると・・・😭😭😭

    • @ulu7113
      @ulu7113 4 года назад +1

      しまぶーのIT大学 多分全部の動画見てます😉
      催促したみたいになってしまってすみません😅プログラミング講座や就活系の動画もすごく楽しみにしてるので、動画をupして頂けるだけでも嬉しいです!これからもよろしくお願いします🤲

  • @さかいまゆ-m4g
    @さかいまゆ-m4g 4 года назад

    カエルのゲームで練習したので、display flexなど抵抗なく学習できます。
    教え方もわかりやすいし、学習構成なども非常に練って動画作成しておられるのですね。
    頭が下がります。

  • @narumi3750
    @narumi3750 4 года назад +2

    サイドバーデザイン実際にやってみました!いつもみてます!
    質問です🙏
    side footerを一番下へ持っていくためにdivにmargin-top: autoを使いましたが、それだけでは動かず、動画のように、親要素のasideにdisplay: flexとflex-direction: columnをつけました。なぜmargin-top: autoだけでは動かないのですか?二つの間に何か関係があったりしたら説明してくださるとありがたいです!!

  • @1ncursio
    @1ncursio 4 года назад +1

    チャンネル登録者4万人おめでとうございます!!

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございます、本日4万人いきました😂😂😂
      たくさんの方に学びを届けられるよう引き続き頑張ります!
      そしていつもコメントありがとうございます!🙇‍♂️✨

  • @好き猫-h8o
    @好き猫-h8o 4 года назад

    今日もわかりやすい解説ありがとうございます!頭にスっと入ってきます!
    ところで、私はZHDの災害や天気、地図などに携わりたいと考えております。
    その際に勉強すべき言語や役立つ言語を教えていただきたいです!

  • @malikrz6154
    @malikrz6154 4 года назад +1

    Thanks for the tutorial, i was looking this for creating my website

  • @pamu08
    @pamu08 4 года назад +1

    チャンネル登録4万人おめでとうございます🎉
    10万人も夢じゃないですね!笑

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございます😆💫
      本当にたくさんの方に見てくださっていて嬉しい限りです✨
      10万人も目指したいですが、そこにいくまでにこの勢いは止まると見ています💦勢いは衰えると思っていますが1年ぐらいかけてゆっくりと・・・という感じになるのではと予想しています。RUclipsでプログラミング勉強をする方がどのぐらい増えるかで変わりそうですね!🤔

  • @karokudai3612
    @karokudai3612 4 года назад +1

    コロナ渦の中でのエンジニアの需要や転職 未経験者の行く末など聴いてみたいです

    • @shimabu_it
      @shimabu_it  4 года назад +1

      リクエストありがとうございます😊💫
      正直、自分の専門外すぎる分野はあまり口出しをしないでおこうというタイプで、コロナによる採用市場の変化に関して深い知識がないので、あまり触れたくないというのはあります。ただ「あくまで予想」という範囲で動画にするのはありかとも思うので考えてみますね。動画の検討候補に入れさせていただきます!ありがとうございます🙏

    • @karokudai3612
      @karokudai3612 4 года назад +1

      しまぶーのIT大学 返信ありがとうございます!こんな時間まで仕事してるとは… すげぇーと単純に思いました笑笑 自分は何か世の中に自分のサービスをつくって普及させてみたいなと思ってエンジニアを目指してます!しまぶーさんに認知されるぐらいの強強エンジニアになるために頑張ります!

    • @shimabu_it
      @shimabu_it  4 года назад

      毎日1〜2時ぐらいまでは起きちゃってますね
      本当は生活リズムをもう少し改善させたいのですが😫💦
      私もまったく考えは一緒で自分のサービスをたくさんの方に使ってもらいたいなと思って今起業しております。やっぱりサービスを成功させるのは難しいですからね。何度も諦めずチャレンジしたいと思っています😁🔥

  • @ake3749
    @ake3749 4 года назад +4

    自分で基礎だけ学んでも、実践のレイアウトでは思った通りに行かないことが多いので
    このようなレイアウトの仕方を実践で使える形でやっていただいてとてもためになりました!!(*•̀ᴗ•́*)و ̑̑
    (そこでこうすれば良いのか・・・そこでこうすれば良いのか・・・フムフム🤔)
    サイドバーをよく使うジャンルも分かりました。

    • @shimabu_it
      @shimabu_it  4 года назад +1

      レイアウトを実際に組めるようになると楽しくなってくるので、この動画や前回の聖杯レイアウトは是非マスターしてくださいね👍✨デザインも学んでいくとおもしろいですよねー私ももっと深く勉強したい分野です😁
      次回のレイアウト講座はもっとタメになるはず・・・でもそこそこ難しいので一緒に乗り越えましょう!!🔥

  • @僕たちはみぃ
    @僕たちはみぃ Год назад

    検証ツールで変化を確認してから実際にコードに書くというテクニックはさすがですね。
    プロはこれが標準なんですか?

  • @user-gf8rw5gi4z
    @user-gf8rw5gi4z 4 года назад +1

    とても勉強になります!ありがとうございます!
    一点、sidefooterを最下部に移動させるために、
    display:flex;
    が必要となる理由がわかりません…
    確かに、display:flexにしないと、margin-top:auto;をしても最下部に移動しませんでした…
    display:flex;の効果はどう理解すればよろしいでしょうか??

  • @kumipon7330
    @kumipon7330 4 года назад +1

    すごい!

    • @shimabu_it
      @shimabu_it  4 года назад

      ありがとうございます♪😁

  • @ytmi1230
    @ytmi1230 4 года назад +1

    いつもわかりやすい解説動画をありがとうございます。
    今回の動画内容とは違う質問ですが、「GitHub」講座をやる予定はありますか?

    • @shimabu_it
      @shimabu_it  4 года назад

      あります!必ずやります!
      GitHubは正直難しすぎるので、かなり本気で講座制作に取り組まないといけないなとは思っています💦

  • @trusai5833
    @trusai5833 4 года назад +3

    今日もイケメンですね🎵

    • @shimabu_it
      @shimabu_it  4 года назад +1

      私よりもプログラミングの画面に全神経を注いでください!
      (本音: めちゃくちゃ嬉しいです。ありがとうございます😋)

  • @枡岡久志
    @枡岡久志 4 года назад +1

    はじめまして!動画と同じようにコードを作成しましたが、それぞれの要素に枠線がつきません・・・なぜでしょうか・・・初歩的な質問でもうしわけございません・・・

  • @user-jt1tm7ic8m
    @user-jt1tm7ic8m 4 года назад +1

    神動画

    • @shimabu_it
      @shimabu_it  4 года назад

      早すぎるーーー!!
      まだ見れていないはずなのに!!笑
      でも嬉しいです😂笑

  • @サクサクとスチーブのゲームチャンネル

    レイアウト講座とても分かりやすくて助かります。毎回bodyやlistなどのブラウザの初期のスタイルを手書きで訂正されていますが、実務ではリセットCSSやノーマライズCSSなどを使うのが一般的なのでしょうか?独学なので、世間とのずれが気になりますので、教えていただければ幸いです。

  • @mikelitris6090
    @mikelitris6090 4 года назад +1

    ついこの間までチャンネル登録者数が数百人だったのに、もう4万人かぁ笑 爆速成長してる🤔

    • @shimabu_it
      @shimabu_it  4 года назад +1

      数百人時代から・・・!!それはめちゃくちゃ古参ですね😳
      そんな昔から知ってくださっていて嬉しいです🙏
      爆速といえばヤフーの昔の社内テーマでした笑
      爆速経営という本もあったりします(いらない豆知識ですね)
      今後も爆速できるように頑張ります😆

    • @mikelitris6090
      @mikelitris6090 4 года назад +1

      しまぶーのIT大学 自分にささるIT系のチャンネルだったので、初期の頃から動画を拝見させていただいています! これからも応援させていただきます!笑

  • @MY-dp7hz
    @MY-dp7hz 4 года назад

    突然すみません。
    ITエンジニアとして就活をしているのですが、
    コロナの影響等でなかなか内定をもらえず、就活エージェントはSESの紹介が多い。
    このままだとブラックSIerに就職しそうで心配です。
    一回ポートフォリオを作成してから秋ごろにwantedlyでスタートアップベンチャーをメインに就活したらいいでしょうか?
    Javaにはなるんですけどプログラミングの勉強はしております。
    他の言語も勉強していきます。

  • @EJ-game
    @EJ-game 4 года назад

    サイドバーの項目をクリックしたら右側変わるところを教えて欲しいです!ググり方のせいか、シンプルな方法だとどんなのがありますか?ググったらジャンプとかは一杯出てくるんですが•••

  • @umiumi9955
    @umiumi9955 2 года назад

    CSSをリセットしたのに(緑)や(線)がついているのはどうしてなのでしょうか?

  • @user-rz5nw5sh7r
    @user-rz5nw5sh7r 4 года назад

    side footerを下に持っていくとき、flexboxのゲームで使ったjustify-content: flex-end;が効かないのはなんでなんでしょうか??

  • @こっつん-h3v
    @こっつん-h3v 4 года назад +1

    またまたうれしい内容、ありがとうございます。
    CSSのULで「●」を消すのに list-style: none; としますが、
    同時にpaddingも消す場合、padding領域にある「●」も
    padding: 0; で消えるので list-style: none; は、記述しなくても良いのかなと
    思ったんですが、コーディングとしてはアリでしょうか?

    • @shimabu_it
      @shimabu_it  4 года назад +1

      list-styleで消したほうが良いです!
      padding:0は消えているように見えて実際は画面外(ブラウザの表示領域外)に存在しています。すべてのulが左端使われているのであればまだ分かりますが、実際にアプリ開発をしていくと、左端以外でもulを使うタイミングはたくさん出てきます。そういった場合は●が表示されてしまいますね。またユーザーによっては縮小表示やちょっと特殊なブラウザなどを使っている可能性もあり、そういうときに見えてしまう可能性も無くはないです。しっかりlist-style:noneで消していたほうが、そういった予想できないトラブルも避けられますので推奨します👍

    • @こっつん-h3v
      @こっつん-h3v 4 года назад +1

      @@shimabu_it
      ご回答ありがとうございます。
      ここまで解説していただけるのは しまぶーさんしか いません。
      ホントに感謝しかありません!!

    • @shimabu_it
      @shimabu_it  4 года назад

      いえいえ〜スッキリされたようで良かったです!RUclipsの回答率はたぶん7〜8割ぐらい(どうしても数が多くて2〜3割ぐらいは見れていない)ですが、目に止まったら必ず回答しますよ✌
      いつでも質問してくださいねー😁

  • @t.kridingscenes5645
    @t.kridingscenes5645 4 года назад

    Edge使ってるのですが、githubからVScodeにコピペしているのに枠がでないのですが、Edgeを使わない方がいいですか?

  • @minoruw8148
    @minoruw8148 4 года назад

    display-flexからcolumnにしないとmargin-top :autoが使用できないのでしょうか?

  • @麻原彰晃-f4l
    @麻原彰晃-f4l 3 года назад +1

    しまぶー最高

  • @マーティマクフライ-m5q
    @マーティマクフライ-m5q 4 года назад

    大きさの単位を「px」「rem」「vh」と使い分けるのは理由があるんですか?

  • @广ム氵束頁ずす
    @广ム氵束頁ずす 4 года назад +1

    いつもためになる動画ありがとうございます。現在地方文系大学生一回生です。これからプログラミングをはじめようと思ってます。熱量は将来の職業としたいと考える程度です。しかし、地方という部分をとてもネックだと感じ、なかなか踏ん切りがつきません。地方文系大学生がプログラミングを始めるのはおかしいことなのでしょうか?あまり本動画と関係なくてすいません

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございます!😆✨
      結論、おかしなことではまったくないので気にする必要はなく勉強を始めて問題ありません。私も大学時代は神戸に住んでいて独学でプログラミングをはじめましたが、そのときに関西という立地が活きたことはありません。ヤフーの内定が決まる頃に1社インターンとして大阪の会社に行ってたときはありますが、少なくとも就活においてはまったく立地は関係ありませんでした。
      東京だったらアルバイト・インターン先が多くて有利というのは多少あるかもしれませんが、東京以外はどこも似たりよったりレベルです。ヤフーのエンジニアを見ても地方出身の方もたくさんいますし、エンジニアになれるかどうかに立地は関係ないと見ていいかと思います!

    • @广ム氵束頁ずす
      @广ム氵束頁ずす 4 года назад +1

      しまぶーのIT大学 ご返信ありがとうございます!!こんなに丁寧に答えてくださって本当に嬉しいです😭しまぶーさんのおかげで不安が少し解消されて、始める勇気が持てました。しまぶーさんの過去動画も参考にこれから勉強頑張りたいと思います!!これからも応援します。

    • @shimabu_it
      @shimabu_it  4 года назад +1

      動画を見てくださるようで嬉しいです・・・が、私の動画以外にも自分にあった勉強法を確立してくださいね。まだ私の講座も十分な量とは言えないので、他に何かメインの勉強法を見つける必要はあるかと思います!😁
      立地よりも自分の志望度(モチベーションの高さ)でプログラミング学習は大きく左右されるので、ぜひ志高く本気で目指してくださいね🔥🔥🔥

    • @广ム氵束頁ずす
      @广ム氵束頁ずす 4 года назад +1

      しまぶーのIT大学 いつも動画で見ていたしまぶーさんから再度ご丁寧なご返信にもう感動です😭さまざまな講義等も見てたくさん経験積みます!私にとってはしまぶーさんからの返信がモチベーションですよ!ありがとうございました🙇‍♂️

  • @イトウリュウジ
    @イトウリュウジ 4 года назад

    プログラミングでは本を使って勉強したりしましたか?

  • @ある-z7q
    @ある-z7q 4 года назад +1

    今Yahooの新卒の採用を受けているんですが、Yahooの面接や人の雰囲気などをしりたいです

    • @shimabu_it
      @shimabu_it  4 года назад +1

      おおー!!ヤフーを受けている方がいて嬉しいです!!
      ヤフーの面接は私のときは「エンジニア2人か3人 + 人事1人」で行われました。人事の方と話すというよりはエンジニアの方と話していた方が多かった印象があります。具体的な質問すべてを思い出すことが難しいですが、基本的な志望理由やエンジニアの勉強具合、どうやって学んでいるかなどは聞かれた記憶があります。ただヤフーも毎年かなり面接方法を変えているみたいで、今年はコーディング面接も実施されるという話を聞きました(私のときはありませんでした)。具体的な内容までは存じ上げませんが、少しでも対策はしていったほうが良いかも知れません。少なくとも私の代は「ヤフーならでは」といった特殊な面接が行われたわけではなく、他社と同じような面接対策を行っていれば問題ない感じでしたよ!
      人の雰囲気をどう伝えるべきかが難しいですが、全体的に穏やかな雰囲気がありますね。特にエンジニアはそうでしたが、ガツガツ系というよりは落ち着いている方が多く優しい方ばかりでした。なので面接でもガツガツアピールするというよりも、リラックスして理路整然と話すことを心がけたほうが、エンジニアからの印象は良いかもしれませんね。
      ...というような感じです。参考になると幸いです🙌

    • @ナカk
      @ナカk 4 года назад +1

      しまぶーのIT大学
      素敵すぎます!こんな長文で返信!

  • @enjoy_everyday_masaki1
    @enjoy_everyday_masaki1 3 года назад

    ハンバーガーメニュー難しい

  • @AGEVLOG-eg1yw
    @AGEVLOG-eg1yw 4 года назад

    HTML CSSをスクールで学んでいる超初心者です。
    スクールで学んでいるものの覚える単語やその意味等多すぎて覚えれる自信がなくモチベが下がっています。
    現在の勉強方法はスクールテキストの復習やドットインストールでの反復練習を繰り返ししています。
    見ながらならかろうじて出来るもののこれを自身の知識だけで出来るかどうか、、、、
    先が見えず不安な状態です。
    勉強効率も含め何か良い学習方法はありませんでしょうか?
    目標としては自分のホームページを作成したいと考えております。

    • @shimabu_it
      @shimabu_it  4 года назад

      正直、プログラミングに限らずどの勉強も最初はそんなもんです。例えば税理士も建築士も、スキルで食べていくような職業においては最初の壁というのは非常に高く設定されています。その分、その職業になれる人も少なくて、待遇もそれなりに良いのです。ぜひまずは下記動画を見ていただきたいです。
      ruclips.net/video/KILGst2OqoE/видео.html
      逆に知識がいらない職業というのは、悪く言うと簡単に誰でもなれる職業です。私は「難しい」という部分に最大の価値を感じていて、それを乗り越えることを目標に常々頑張っております。まずはそのマインドを身につけるべきかと思います。
      学習方法においては人によって合う・合わないが大きく出るので、自分のスタイルを確立するのがオススメですが、取り急ぎホームページ作成が目標ということでしたら、1番簡単なのはHTMLとCSSを学んでGitHub Pagesに上げることかと思っています。GitHub Pagesの使い方は下記動画を参照です!
      ruclips.net/video/kftqAritHyc/видео.html
      HTMLとCSS講座も作っていますので、私の講座があうかは分かりませんが、ぜひ使ってみてくださいね(既に使われていたりするかもしれませんが)。
      あとはこれも手前味噌ですが、勉強においては過去に下記のような動画を出しています。これが全員に当てはまるとは思っていませんが、何か1つは学びになるのもあるかと思うので試して見る価値はありです。
      ruclips.net/video/fRKv_ALgIdE/видео.html
      長文になってしまいましたが、参考になれば幸いです!😊

  • @マコト-v7l
    @マコト-v7l 4 года назад +1

    質問です!
    自分はTwitterで、自身のプログラミング勉強の積み上げを投稿しているのですが、その際にDMで現役のプログラマーやフリーランスをしている方などが電話での相談を提案されます。
    このような場合、相談をしてみるべきなのでしょうか?
    自分は、現役の方の意見は知りたいと思いましたが、SNS上だけで知り合った方と通話するのは少し抵抗があるのでしてこなかったです、、
    もし、しまぶーさんがこのような状況にあったらどうしますか?
    しまぶーさんの意見を参考にしたいと思っているので、よろしければ返信お願いします🙇‍♂️🙇‍♂️
    長文失礼しました💦

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ありがとうございますー!
      正直、そんな営業があるのかと驚いています・・・😳💦
      私のところにはきたことがないのであくまで予想になりますが、何かを売りつけたりスクールへの勧誘だと思います。さすがにそうでないとその方に得がないので。私だったら無視しますねー怖すぎます😥

    • @マコト-v7l
      @マコト-v7l 4 года назад +1

      しまぶーのIT大学
      返信ありがとうございます!😂
      そうですよね😅
      確かに相手側からしたら、教えるだけなのはメリットがないですよね😅
      自分のところだけで、そういったDMが多くても1日に2,3件来るので、他にも困ってる方がいるかもです🤔
      なので、そういった方々のためにも、図々しいお願いではあるのですが、よろしければ動画のネタとしてお使いしていただければ幸いです!!
      また、長文になってしまいすいません💦

    • @shimabu_it
      @shimabu_it  4 года назад +1

      たしかに注意喚起はしないといけませんね。初学者を狙って営業をかけるのはあまりにも悪質ですね・・・。手段は考えますが、何かしらの形で呼びかけは行いたいと思います。むしろ情報提供ありがとうございます。🙏
      長文は余裕でOKなので気にせず😁
      また何でも質問・相談くださいね✌

    • @マコト-v7l
      @マコト-v7l 4 года назад +1

      しまぶーのIT大学
      ありがとうございます!😊

  • @ixe3e.2nd56
    @ixe3e.2nd56 4 года назад +1

    正直お遊び高校数学よりも大学で習うHTML CSSとかアルゴリズムの方が圧倒的に難しい
    たかが数Ⅲや物理が出来た程度でITの世界に踏み出すのは辞めた方がいい
    とてつもなく大きな挫折を味わう事になるし
    正直いってHTML CSSは早慶の微積みたいに手さえ動けば自動的に解けるような次元のものでは無いです。
    実際やって見て高校レベルの実力では到底、太刀打ち出来ないなぁと思いました。

  • @グライ-q6g
    @グライ-q6g 4 года назад +1

    いちこめ

    • @shimabu_it
      @shimabu_it  4 года назад +1

      ちくしょーーーーー
      私が自分で固定コメント書くより早い😭😭😭
      (嬉しいですが笑)

  • @麻原彰晃-f4l
    @麻原彰晃-f4l 3 года назад

    これで食べて生けますか?

  • @坂田銀時-t3c
    @坂田銀時-t3c 3 года назад

    勉強になるけど…
    早口だから、もう少しゆっくり話してほしい…