30代からのプログラミング学び直し!

10年エンジニアやってるけどいまだになんもわからん

JavaScript

History: pushState()でページ遷移せずにURLを動的に変更する

やりたいこと JavaScriptで非同期(ajax)でデータを取得している、あるWebページがありまして、ページング時にもURLは変わらない(ページ遷移しない)作りだったのですが。SEO的な観点で、ページングしたらページ番号をURLに付与したくなりました。いまさら非…

JavaScript 関数定義の書き方いろいろ

JavaScriptで関数を定義する時、書き方が色々あって、それぞれの特徴も色々あって、頭がごっちゃになることがあるので自分用にまとめたいと思います 関数宣言文 function 宣言 - JavaScript | MDN 一番基本的な関数定義。 function square(x) { return x * x…

JavaScriptのオブジェクトでkey,valueを取り出したい時の最適解

長年付け焼き刃的な知識だけでJavaScriptを書いてしまっていることが、そろそろ看過できなくなってきたため、こちらの本で体系的に学び直しをしている最中です。 JavaScript 第7版 [ David Flanagan ]価格: 5060 円楽天で詳細を見る 現在4分の1程度を読み終…

JavaScriptでnew Date()を使って時間の計算をするときにはタイムゾーンに注意

new Date()の罠 ある残り時間を表示するための以下のコードで、海外のユーザーから「残り時間がずれているよ!」と指摘をいただきました。 NG let endDate = "2024/03/12 22:00:00"; // この値は実際にはAPIから取得した値なので変更不可 // タイムスタンプ…

JavaScriptで配列と文字列を比較した時の挙動

長年JavaScriptを使っていても、いまだに、基本的なところで「あれ!?」と思う挙動にぶち当たることがあります。 配列(オブジェクト)同士の比較 let array1 = ["a", "b", "c"]; let array2 = ["a", "b", "c"]; console.log(array1 == array2); // false 配…

VSCode上でサクッとJavaScriptだけを動かしたいよ ~ Code Runnerを使う ~

JavaScriptで開発をしていると、サクッとコンソールでjsのサンプルコードだけ動かして動作確認したいことがありませんか? 私はjsでガリガリビジネスロジックを書くことが多いので、よくあります。HTMLとかいらない。jsだけ動作確認させてくれ。 今まではChr…