【JavaScript入門 #6】初心者がつまづきがちな「関数」を分かりやすく解説しました【ヤフー出身エンジニアの入門プログラミング講座】

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

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

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

    リップ塗ったら唇テカテカになりました。
    前編・後編で分けたのは全部撮り終えていないからです。今回はとりあえずスピード優先で出しました。
    後編では匿名関数、コールバック関数などに触れていきます。関数を攻略しましょう〜!!

  • @ゆう-i1s4q
    @ゆう-i1s4q 4 года назад +7

    1週間くらい前に聞いた時は料理の例えが意味不明だったけど引数とか戻り値とか関数で沢山検索して勉強してこの動画に戻ってきたらものすごく分かりやすい説明をしてくれてる事に気付きました!
    これからも頑張って勉強します😊

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

    いつも上質な講座を発信してくださり、ありがとうございます!!
    関数を料理の役割分担と考えるの、めっちゃしっくりきました✨
    確かに一人で全部処理する(コードに例えると、1から全部処理を書く)よりは、決まった役割の人が処理してくれた方が早いし効率もいいですね。

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

    引数(仮)は関数の定義時に受け取っておく、呼び出し時に渡す(実)、という概念が演習を繰り返さないと初学者には難しいところですね。自分も先日まで理解が曖昧になっていて、仮引数には変数やメソッド同じく予約語を除く任意の文字列を指定でき、その関数内では好きなように扱えるということも、当初ググってもわからなかったのでドットインストールの質疑応答の中で初めて学びました。もちろん自分で演習をしないことには理解を深めるのは難しいですが、しまぶーさんの解説は最初から触れているのでめっちゃ親切だと思います!

  • @宇田川博英
    @宇田川博英 4 года назад +3

    見ていて内容が、とても分かり易いのと、動画に”しまぶーさん”が右下に映っているのが
    正直とても新鮮です。親近感があります。これからも分かり易い動画宜しくお願いいたします。

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

      ありがとうございます!親近感わくと言ってくださるのも嬉しいです🤣
      プログラミング学習は結構たいへんなので少しでも助けになれればと思っております。これからも分かりやすい解説動画たくさん出していきますね✌️✨

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

    デザイナーの自分からすると関数とかクラスとかになってくるとマジで一気に難易度が上がる。
    これをより便利なものに自作する人はマジですごいって思う。

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

    //いつも行ってる西友が税抜き価格表示なので、、
    function getPriceWithTax(rate, price){
    const num = 1 + (rate/100);
    return Math.floor(price*num);
    }
    console.log(getPriceWithTax(8, 1980)); //軽減税率(2020/05/05現在)
    console.log(getPriceWithTax(10, 1980)); //標準税率(2020/05/05現在)
    今日の動画みてスッキリしたので、自分で書いてみました!
    欲しい返り値が取得出来たので書き方も合ってるんじゃないかと思います... (多分)!
    いつも分かりやすい解説ありがとうございます!!

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

    JavaScript解説系動画で一番親切でボリュームもちょうどいいと思います。これからも
    「どんどんやれ」でお願いいたします

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

    JavaScriptを今学んでいますが、結構頭の中がこんがらがっちゃってるので、こういった分かりやすい動画は助かります。

  • @てつぺい-n6o
    @てつぺい-n6o 3 года назад +1

    とても分かりやすいです。ありがとうございます。

  • @tmt3917
    @tmt3917 2 года назад +2

    java Scriptのきほんのきほんという本を一冊読んでみたのですがらちんぷんかんぷん?でしたが、しまぶーのさんのJavaScript動画と合わせて学ぶと、凄く理解できます。しまぶーのさんどうも、ありがとうございます^ ^

  • @世界で1番賢い男
    @世界で1番賢い男 4 года назад

    今日、数時間ぶっ続けでjavascript入門見てます!
    エンジニアになりたくて勉強中ですが、非常に分かりやすくて助かっています👍

  • @大学3年生-t3z
    @大学3年生-t3z 2 года назад

    本日もありがとうございました。

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

    今回もクオリティの高い動画をありがとうございます。
    自分としては まだちょっとついていけてない感じですが、
    頑張って吸収していきたいと思います。
    申請されてたGoogleでの公開、おめでとうございます🎉

  • @牛島章雄-e5o
    @牛島章雄-e5o 7 месяцев назад +1

    難しいです…けど、何度も見て理解したいです

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

    料理の例分かりやすいですw
    自分の言葉で言うと、何か材料(引数)を与えて作業(関数内の処理)をしてもらってできたもの(結果)をもらう(リターン)と言うことですよね…!

  • @ゆずのすけ-u4k
    @ゆずのすけ-u4k 4 года назад

    待ってましたー!いつもありがとうございます!

  • @アンドロイド-o2s
    @アンドロイド-o2s 4 года назад +1

    すごぃわかりやすいです!!
    JavaScriptがすっと、心の中に入ってくるようです😃

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

    他のRUclipsrの方々のJavascript入門ビデオなども見ましたが、私にはしまぶーさんのこちらのシリーズが一番わかりやすかったです。きちんと基礎が理解できてないと感じでいたのでこのビデオはとても役に立ちました。ありがとうございます:‐)

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

    学校で教わるよりも有意義です、
    ありがとうございます!!

  • @ヨッシー吉田-x6p
    @ヨッシー吉田-x6p 4 года назад

    めちゃわかりやすかったです!!
    RUclips頑張って下さい!

  • @野田京介
    @野田京介 Год назад +1

    HTMLやCSSから順番に拝見しています。やはりjavascriptは今までに比べると、難しくなってきたなと思いました↓

  • @タラオ-u1m
    @タラオ-u1m 4 года назад +2

    実例を交えた解説がわかりやすかったです!(twitter140文字を再現していたところ)

  • @n.7688
    @n.7688 4 года назад +1

    オブジェクトのプロパティ=alert それに対する値としてメソッドfunction(){}を捉えてるんですかね。
    (初心者なのでわからないですが...)
    細かいことにつっかかってたら訳わかんなくなるので置いときます笑
    毎度わかりやすく説明ありがとうございます。

  • @脳-w5p
    @脳-w5p 4 года назад

    めちゃわかりやすかったです。ありがとうございます

  • @しろくまぐま-f2b
    @しろくまぐま-f2b 4 года назад

    待ってました^^お疲れ様です‼︎
    関数が出てくると頭がごちゃごちゃになってしまうのでこの動画をみて整理していこうと思います!後編も楽しみにしています!

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

    今回は楽しかったです〜(関数とか演算子を知っていたからかも……)
    次回も楽しみです!

  • @なおなお-l1h
    @なおなお-l1h 4 года назад

    分かりやすい!
    ありがとうございます!

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

    わかりやすすぎました!
    いつもありがとうございます!!

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

    勉強になりました。

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

    MDN読むより、しまぶーさんの解説が分かりやすい。料理の例え、Goodです!腹落ちしました。ありがとうございます!

  • @ディーちゃんロハンくん
    @ディーちゃんロハンくん 4 года назад +1

    20:50~のif文の中身をtext.length

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

      亀レスですが、自分も以前悩んだのでこれから見る人の参考になれば。
      isTweetable(text)に書き換えるとif文は、function isTweetable(text){…を実行。
      function isTweetable(text){…の中身は、text.length

  • @okojo_MK
    @okojo_MK 11 месяцев назад

    8:23 これはVScode君にはプロパティに関数を代入しているように見えてしまうようです…

  • @渡辺ゆう-i9u
    @渡辺ゆう-i9u 4 года назад +2

    何だろう・・・
    初めてプログラムの勉強でワクワクしたw

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

      おおーそう言ってくださると嬉しいです。・゚・(ノ∀`)・゚・。

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

    すいません。見逃していたら申し訳ないのですが、17:09あたりに出てくる返り値についてtrue/falseは自分で指定(定義?)するのでしょうか?

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

    グッドアナロジーです!笑
    関数の宣言はc言語触ってる身としても省略記法の方がありがたい...

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

    とてもわかりやすいので見させてもらってます
    Rubyの解説をする予定はありますか?

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

      Rubyは予定はないですねー😭
      理由が2点あって1つが私がRubyのプロフェッショナルじゃないので内容が薄くなってしまうこと、2つ目が今後Rubyの需要が少なくなると予想しているからです。今はまだまだ日本では主流ですが・・・あくまで予想です。
      やるとしてもReactやVue、TypeScriptが終わってからですね🙌

  • @カジカチャンネル
    @カジカチャンネル 4 года назад +3

    JavaScript難しいなぁ😩
    引数を入力する時やしない時、JavaScriptの書方もよく分からんし何をやってるかは分かるんだけどなぁ。。

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

      JavaScript(というかプログラミング言語全般ですが)難しいですよね💦
      ぜひ#9までは見ていただきたいです。そこが1番今までの内容が繋がる部分だと思うので!!🙇‍♂️

    • @ディーちゃんロハンくん
      @ディーちゃんロハンくん 4 года назад

      ​@@shimabu_it
      いつも動画ありがとうございます!
      この動画も3回は見てるんですが、最後の関数の使い回しのところが、理解できなかったです(≧◇≦)
      学習を進めていくことで、『あっ、そういうことか!』と気付いたり、理解できたらなと思ってます。
      #9までとは言わず、引き続き視聴させて頂きます!

  • @たなちゃん健ちゃん
    @たなちゃん健ちゃん 4 года назад

    料理の例えも、コードのセンスも良いのはジェラシー感じます。

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

    シマぶーみてからドットインストールやればよかった。本当に理解という点で遠回りしてた。

  • @さくお-d4v
    @さくお-d4v 4 года назад +3

    console.log(isTweetable("foo"))ではconsole.logが必要なのに、 alertTweetable("foo");ではconsole.logが不要なのはなぜですか?

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

      私もそこ、わかりません。でもやってみたらconsole.log(isTweetable("foo"))こっちでもconsole.logなしで動きました。。省略できるのかな?

    • @Relaxationvideochannel-e7n
      @Relaxationvideochannel-e7n 3 года назад

      かなり前のコメントなのでもう解決されているかもですがconsole.logとは名前の通りコンソール上に値を表示させているだけなのでconsole.logを書かなければプログラムが実行されないわけではないからです。

  • @おかだ-d9b
    @おかだ-d9b 4 года назад +1

    今回も素敵な動画ありがとうございます!めちゃ見てます。
    前回の動画の内容になるのですが、変数の型(let,const等)をつけずに変数定義すると何型?になるのですかね?

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

      スコープという話を理解する必要があって状況によって違いはあるんですが、基本的にはvarを宣言したときと同じ挙動をします。絶対に使ってはいけない構文なので気をつけてくださいませ!

    • @おかだ-d9b
      @おかだ-d9b 4 года назад

      varはスコープ無視で利用できると認識してるので、なんかそこで違いがある感じなんですかね?ちょっとそうゆう観点で調べてみます!
      varを使用すると堅牢なシステムが出来ないということがよくわかりました!
      ありがとうございます。しまぶーさん、ガチで応援してます📣

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

    いつも返り値が返り血で脳内変換されて困るw

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

      ゲームのやりすぎでは!😂

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

    returnの意味がわかりません・・・ returnを記載するのは再利用する場合で、記載しないのはそれ以降使わない処理ということですか?

  • @T46-o6r
    @T46-o6r 3 года назад

    難しい...
    1から見てきましたがまずこの作業自体何の意味があってやっているのでしょうか
    聞き逃していたりしたらすみません

  • @なお-j6m
    @なお-j6m 4 года назад +2

    しまぶーさん、いつも動画を見させて頂いています。
    ところで質問なのですがしまぶーさんはブログを始める予定はないのでしょうか?というのも、時間がない時に文字で書かれたブログで有れば短時間で内容がわかると思ったからです。長文失礼しました。

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

      ご提案ありがとうございます!ブログはめちゃくちゃやりたいんですけどね😭😭😭
      ブログを作るのも記事を書くのもなんだかんだ時間がかかるので、まだ取り組めていない状態です。でもいつかはやる予定ですよ!

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

    スクリーンショットした画像をwebに使う際どのような手順で使うことできますか??

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

      すみません、質問の意図が読み取れませんでした・・・HTMLの話でしたら画像をプロジェクト内においてimgタグでパスを指定して読み込むと使えますよ!

  • @ケータ-p2g
    @ケータ-p2g 3 года назад

    alertTweetable(text)の引数がalertTweetable(”foo”)から来ているのは分かるんですが、isTweetable(text)の引数は一体どこから来ているのでしょうか?

    • @Relaxationvideochannel-e7n
      @Relaxationvideochannel-e7n 3 года назад +1

      もう解決されているかもですが同じくalertTweetable(”foo”)からきています。
      まずalertTweetable(text)に"foo"が代入されます。その次に、(text)の引数が同じなのでisTweetable(text)に"foo"が代入されisTweetable()を実行し値をreturnします。もちろんfooは140以内なのでalertが実行されます。

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

    質問失礼します。
    関数を”自分で定義するメソッド”という意味に捉えて良いでしょうか?

    • @Relaxationvideochannel-e7n
      @Relaxationvideochannel-e7n 3 года назад

      クラスで定義されインスタンス経由で呼ばれるものですかね。
      つまり関数はいつでもどこでも使えちゃうけどメソッドはクラスという抽象的なものに定義されるのでインスタンス(実体化)させないと使えないよーて感じですかね。
      まだクラスを理解していないのであれば今はほぼ同じという認識でもいいかも知れないです。

  • @山尾弘大
    @山尾弘大 4 года назад

    good!

  • @太齊蓮
    @太齊蓮 4 года назад +1

    "foo"と書く意味はあるのですか??

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

      fooは何か適当に名前をつけたいけど、特に意味は無いから何でも良いやってときによく使われています。説明のときに用いられることが多いです。プログラミング界隈の慣習ですね!

    • @太齊蓮
      @太齊蓮 4 года назад

      しまぶーのIT大学 fooが無くても正常に動くことはできるってことですか?

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

    🇯🇵🎌🇯🇵🎌工場の労働者として働いていたので自分としては工場がよかったです

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

    returnで返すのとconsole.logで出力するのってやってること同じじゃないんですか?

    • @Relaxationvideochannel-e7n
      @Relaxationvideochannel-e7n 3 года назад +1

      違いますよ!試しにisTweetable(text)のreturnをconsole.log(text.length

    • @Relaxationvideochannel-e7n
      @Relaxationvideochannel-e7n 3 года назад +1

      追記しますとconsole.logは単純にconsole上に値を表示させるだけのメソッドです。
      一方returnは処理の結果を実行元に返しくれます。
      つまりこの場合はalertTweetable()のif()に値を返してくれるのでif("foo".length

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

    Я ничего не понял, но это было очень интересно

  • @なかゆうひ
    @なかゆうひ 2 месяца назад

    料理の例えがよくわからない・・・

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

    wheresu gituhibu?

  • @ヒコ-j6p
    @ヒコ-j6p 4 года назад +2

    意味わからん!

  • @jyon77
    @jyon77 2 года назад +1

    敢えて語句に対して詳しく説明しないのですか?たとえば引数です。何度聞き直しても一言で説明は終わります。もしかして、自分で調べることの重要性の観点から敢えて詳しく説明しないですか。

  • @むらさん-h9y
    @むらさん-h9y 4 года назад +1

    最高にわかりやすくて助かります!!

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

      ありがとうございますー😊

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

    コンソール画面と分割してコードの方が見にくいので最初は1画面で良くないでしょうか

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

      たしかに・・・それは間違いなく仰るとおりですね。動画も見やすいように工夫していますが、まだまだ改善点はたくさんありますね😅有益なアドバイスをありがとうございます🙏