JavaScriptでプラグインを使わずに(画像を切り替える)スライダーを作ってみましょう!

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

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

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

    いつも勉強させていただいています。ありがとうございます。🙏
    fas fa-chevron-left の矢印が反映されません。どうすれば良いでしょうか?

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

      いつもありがとうございます。
      最新版になってfont-awesomeの使い方などが変わっていますので、こちらを参照してみてください。
      ruclips.net/video/AvXlYuLaN_Q/видео.html

  • @坪井佑太
    @坪井佑太 3 года назад

    HTML/CSSを知っていて、javascriptの基礎(progate)後くらいにおすすめしたいちょうどいいレベルの動画だと思いました!
    勉強になります!

  • @けんけん-p2o
    @けんけん-p2o 2 года назад

    いつも勉強させていただいています。
    動画を見ながらコードを書いているんですが、なぜか左右の矢印をクリックしても何も反応しません。
    何度も見直してコードの書き間違えがないか確認しましたが、間違いはないようです。
    どこがおかしいんでしょう?

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

      間違いがないようなら分からないですね…。1つ1つの処理をconsoleに出して再度確認してみてください

  • @島津義久-t7d
    @島津義久-t7d 3 года назад

    参考にさせていただいております。
    私のコード入力が間違っているのだと思いますが、画像が表示されないのですが、どの箇所が間違っていると思われますでしょうか?
    ご回答いただければ幸いです。

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

      画像のパスやファイル名などではないでしょうか?

    • @島津義久-t7d
      @島津義久-t7d 3 года назад

      @@webFrontEndChannel
      ご回答ありがとうございます。
      画像のパスとファイル名を確認しましても入力違いではないみたいです。
      また探してみます。
      ありがとうございました。

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

    武田さんの動画見て学習していると、勉強意欲が毎回上昇します^_^
    いつも、分かりやすく勉強になる動画をありがとうございます。

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

    こんにちはjavascript初心者です、jいきなり質問ですいません。同じページに複数スライダーを実装し各スライダーで表示する画像の枚数が違う場合jsのファイルを分けた方がいいのでしょうか? 同じファイルで実装できるのでしょうか?

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

      そのくらいだったらファイルは分けなくても良いと思います。
      処理を少し条件分岐させる感じで。

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

      @@webFrontEndChannel 回答ありがとうございます。

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

    こんばんは。最近模写をしてるんですが、実際の仕事とかでは取りあえず機能すればOK見たいな事ってあるんですか?

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

      実際の仕事では、きちんとどのブラウザでも端末でも同じように動かさないといけないので、とりあえず機能すればっていうのは無いです。
      ただ、今回の動画で紹介しているような機能は機能で求められることがありますので、必ずしもプラグインを使うということでは無い感じですね。

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

      @@webFrontEndChannel すいません。私の聞き方が悪かったです。
      聞きたかったのはデザインの少しのズレなどをtransformなどを使用し無理矢理合わせても大丈夫なのかです。

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

      むしろtransformを使ってでしか調整できないことがあるという感じです💦
      なので、使っても大丈夫です

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

      @@webFrontEndChannel 了解です!躊躇わず使います!

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

      @@MONARIZA681 ちなみに、ジェネレーターも作ったので、活用してみてください♪
      front-end-tools.com/generateTransform/

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

    こんにちは。
    いつも動画で勉強させて頂いています。
    もしよろしければ、数字がドラムロールのようにクルクルと回転して表示される実装方法を解説していただけると嬉しいです!

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

      いつもありがとうございます。
      スロットみたいな感じですか?
      もしくは、モデルとなるサイト例など有れば💦

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

      @@webFrontEndChannel
      はい!スロットのような感じのものです!
      こちらのサイトのような感じなのですが、伝わりますでしょうか??
      global.brother/ja/digest/numbers

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

      なるほど、ありがとうございます。
      よく見るやつですね。
      こちらはjsのアニメーションライブラリを使うと楽に実装できる形なので、まずはアニメーションライブラリの使い方動画の解説の後に順次解説していければと思います。

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

      @@webFrontEndChannel
      ありがとうございます!!
      動画楽しみにしてます(^ ^)