JavaScriptで並べ替え機能（ソート）を作るときにsortを使うことが一般的だと思います。 初学者向けの学習教材やYoutubeでは数字を使った並べ替えが紹介されており、それだけで分かった気になっていた自分は特定の […]
Tips
JavaScriptのsortで並び替え（ソート）で大文字と小文字があるとき【sort, reverse, localeCompare】
Tips
Tips
【Reactでも使う】JavaScriptのreduceの使い方を解説
自分はWeb制作からプログラミングを始めたのでJavaScriptのreduceについて存在すら知りませんでした。 ReactのようなモダンJSを勉強し始めた時にreduceが登場して少し手こずったことがあったので、re […]
Tips
【Reactでも使える】JavaScriptでfilterを使って絞り込みをしてみる
JavaScriptのfilter関数はReactで初めて知った人も多いのではないでしょうか？ JavaScriptを詳しくない状態でいきなり登場されると「何やってるんだ？」となってしまっています。 「絞り込み」「フィル […]
Tips
【forEachとの違いは？】JavaScriptのmapの使い方を解説
Reactを勉強し始めた時にmap関数を初めて知った人も多いと思います。 自分もそうだったんですが、文法の意味が分かっていないので突然登場されてもイマイチ使い方が分かりません。 「mapって繰り返し処理ってことくらいは分 […]
Tips
JavaScriptのfor文やif文で使われているreturn、breakは何をしているのか？
「条件分岐が何かは分かるけど、自分でゼロから作るのは難しい」「ネストはダメ！とか言われるけど、複雑な条件のときにネストするしかないと思っている」「breakが何をしているのかよく分からず使っている」 本日はそんな方に向け […]
Tips
【やれば簡単！】JavaScriptでURLのエンコードとデコードを行う方法
コーディングをしていると「encoding=”UTF-8″」みたいなのを見かけた方は多いと思います。 「そういうもん」と教わることが一般的ですが、そんなに難しいものではありません。 実際に軽く手を […]
Tips
JavaScriptで文字の結合をする方法「`${変数名}`」を解説【テンプレートリテラル、バッククオート】
プログラミングを勉強し始めた時に数字の足し算は習いますが、「文字の足し算」「文字の合体」みたいなことの方は意外と知らなかったりします。 「四則演算の足し算しか方法を知らない」「文字と変数、記号など色んなもの同士を合体させ […]
Tips
JavaScriptで空白、スペース、ハイフンを削除する方法【trim,replace,replaceAll】
「名前の入力で性と名の間の不要なスペースを消したい」「電話番号でハイフンを消したい」「削除するのではなく別の記号に置き換えたい」 文字列に含まれる不要な空白や記号だけを削除したいときありますよね。 プログラミング言語によ […]
Tips
JavaScriptとCSSのどちらでも文字列の大文字と小文字を変換できる件【toUppwerCase, toLowerCase, capitalize】
英語表記の文字で「大文字と小文字を変換したい」という場面は多くあります。 最近ではサイト制作やアプリ開発で、デザインのなかで英語を使う場面が非常に多くなってきますしね。 結論から言うとJavaScript で大文字と小文 […]
Tips
HTMLにJSファイルを読み込む方法とパス指定【JavaScript, 相対パス, ルートディレクトリ】
JavaScriptのファイルって実は読み込む場所を間違えると思ったように動作しない経験ってありませんか？ 自分は最初の頃よく遭遇していて、ググってもイマイチ理解できませんでした。 本来なら読み込みについては軽くスキップ […]