Reactを勉強し始めた時にmap関数を初めて知った人も多いと思います。 自分もそうだったんですが、文法の意味が分かっていないので突然登場されてもイマイチ使い方が分かりません。 「mapって繰り返し処理ってことくらいは分 […]
JavaScript
JavaScriptのfor文やif文で使われているreturn、breakは何をしているのか?
「条件分岐が何かは分かるけど、自分でゼロから作るのは難しい」「ネストはダメ!とか言われるけど、複雑な条件のときにネストするしかないと思っている」「breakが何をしているのかよく分からず使っている」 本日はそんな方に向け […]
【やれば簡単!】JavaScriptでURLのエンコードとデコードを行う方法
コーディングをしていると「encoding=”UTF-8″」みたいなのを見かけた方は多いと思います。 「そういうもん」と教わることが一般的ですが、そんなに難しいものではありません。 実際に軽く手を […]
JavaScriptで文字の結合をする方法「`${変数名}`」を解説【テンプレートリテラル、バッククオート】
プログラミングを勉強し始めた時に数字の足し算は習いますが、「文字の足し算」「文字の合体」みたいなことの方は意外と知らなかったりします。 「四則演算の足し算しか方法を知らない」「文字と変数、記号など色んなもの同士を合体させ […]
JavaScriptで空白、スペース、ハイフンを削除する方法【trim,replace,replaceAll】
「名前の入力で性と名の間の不要なスペースを消したい」「電話番号でハイフンを消したい」「削除するのではなく別の記号に置き換えたい」 文字列に含まれる不要な空白や記号だけを削除したいときありますよね。 プログラミング言語によ […]
JavaScriptとCSSのどちらでも文字列の大文字と小文字を変換できる件【toUppwerCase, toLowerCase, capitalize】
英語表記の文字で「大文字と小文字を変換したい」という場面は多くあります。 最近ではサイト制作やアプリ開発で、デザインのなかで英語を使う場面が非常に多くなってきますしね。 結論から言うとJavaScript で大文字と小文 […]
HTMLにJSファイルを読み込む方法とパス指定【JavaScript, 相対パス, ルートディレクトリ】
JavaScriptのファイルって実は読み込む場所を間違えると思ったように動作しない経験ってありませんか? 自分は最初の頃よく遭遇していて、ググってもイマイチ理解できませんでした。 本来なら読み込みについては軽くスキップ […]
JavaScriptの「??」「||」「&&」を擦れるくらい使いこなす
JavaScriptの条件分岐の書き方をググると「??」「||」「&&」という謎の記号を見かけたことがあるかと思います。 結論、演算子とも呼ばれていて条件分岐で使うと便利な記号です。 とはいえ勉強したての […]
JavaScriptの条件分岐で「!」を使うときに注意すべきこと
JavaScriptの条件分岐で否定条件「!」ってよく見かけますが何となく「〇〇ではない」みたいな覚え方していませんか? 自分も最初プログラミングを勉強し始めたときに数学に近しいものを感じたので、ベン図を頭でイメージして […]
正規表現なし!JavaScript で特定の文字が含まれているかチェックする方法【indexOf,lastIndexOf,includes,charAt,startsWith,endsWith】
フォームの作成でチェック機能は必須とも言えますよね。 一番メジャーなチェック機能が「特定の文字が含まれているか?」でしょう。 メールアドレス、パスワードなどで使われるからです。 コーディングのやり方を調べると「正規表現」 […]