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

Рет қаралды 123,029

しまぶーのIT大学

Күн бұрын

Пікірлер: 82

@shimabu_it 4 жыл бұрын

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

@ゆう-i1s4q 4 жыл бұрын

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

@aoai3667 Жыл бұрын

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

@chuckyyy7459 4 жыл бұрын

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

@宇田川博英 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@roburori 4 жыл бұрын

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

@牛島章雄-e5o 6 ай бұрын

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

@大学3年生-t3z 2 жыл бұрын

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

@てつぺい-n6o 3 жыл бұрын

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

@yoseei0707 4 жыл бұрын

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

@hogetteraa9827 4 жыл бұрын

//いつも行ってる西友が税抜き価格表示なので、、 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現在）今日の動画みてスッキリしたので、自分で書いてみました！欲しい返り値が取得出来たので書き方も合ってるんじゃないかと思います... (多分)！いつも分かりやすい解説ありがとうございます！！

@こっつん-h3v 4 жыл бұрын

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

@世界で1番賢い男 4 жыл бұрын

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

@tmt3917 2 жыл бұрын

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

@mariko9430 3 жыл бұрын

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

@user-xb6pm4un2x 4 жыл бұрын

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

@n.7688 4 жыл бұрын

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

@dmcreatorjapan 4 жыл бұрын

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

@タラオ-u1m 4 жыл бұрын

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

@letsgoboys9676 4 жыл бұрын

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

@ゆずのすけ-u4k 4 жыл бұрын

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

@ヨッシー吉田-x6p 4 жыл бұрын

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

@しろくまぐま-f2b 4 жыл бұрын

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

@脳-w5p 4 жыл бұрын

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

@KeppyNaushika 4 жыл бұрын

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

@kokonotomo 4 жыл бұрын

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

@user-qg3pl4cg5g 4 жыл бұрын

しまぶー先生いつもありがとうございます！超初心者ですが基礎学習中に使っていた.log()等が関数と知って、「これが関数だったのか！」と感動しました。

@なおなお-l1h 4 жыл бұрын

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

@野田京介 Жыл бұрын

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

@アンドロイド-o2s 4 жыл бұрын

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

@chimochimo 4 жыл бұрын

勉強になりました。

@yoshi1783 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@ディーちゃんロハンくん 4 жыл бұрын

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

@tarokaruki8266 4 жыл бұрын

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

@javascript3820 4 жыл бұрын

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

@kfcknt 4 жыл бұрын

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

@さくお-d4v 4 жыл бұрын

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

@towermantion 4 жыл бұрын

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

@Relaxationvideochannel-e7n 3 жыл бұрын

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

@渡辺ゆう-i9u 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

おおーそう言ってくださると嬉しいです｡･ﾟ･(ﾉ∀`)･ﾟ･｡

@おかだ-d9b 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@おかだ-d9b 4 жыл бұрын

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

@カジカチャンネル 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@ディーちゃんロハンくん 4 жыл бұрын

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

@yu2194 4 жыл бұрын

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

@なお-j6m 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@たなちゃん健ちゃん 4 жыл бұрын

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

@taiyosun0707 4 жыл бұрын

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

@SkullReaper1010 4 жыл бұрын

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

@T46-o6r 3 жыл бұрын

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

@odanobu_uzp 4 жыл бұрын

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

@shimabu_it 4 жыл бұрын

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

@kenchi8434 3 жыл бұрын

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

@Relaxationvideochannel-e7n 3 жыл бұрын

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

@okojo_MK 9 ай бұрын

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

@ケータ-p2g 3 жыл бұрын

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

@Relaxationvideochannel-e7n 3 жыл бұрын

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