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

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

2024-01-01から1年間の記事一覧

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程度を読み終…

CSSで要素を画面の最下部に固定したい、けど最後までスクロールしたらちょっと上に動かしたい

CSS

CSSはコーダーさんに任せっぱなしてあまり自分で書くことがなかったのですが、このままではいかんと思って、最近できるだけ自力で書くようにしています。学ぶことが多いです。 やりたいこと 要素(ボタン)を画面の最下部に固定したい。けど、最後までスクロー…

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

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

技術書読んだメモ:シェル・ワンライナー160本ノック

少し前にこちらの本を拝読しました。 1日1問、半年以内に習得 シェル・ワンライナー160本ノック [ 上田 隆一 ]価格: 3520 円楽天で詳細を見る 読もうと思ったわけ サーバーを触ることはあるので、基本的なコマンド操作はできるのですが、|とか>とか&とかが出…

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…

PHP(Laravel)の開発用にVSCodeを整備しとこ〜

新しいMacBook Airを手に入れたので、Laravelの開発ができるようにVSCodeを整備していきます。 前のPCでは、とりあえず何でもかんでも拡張機能を入れてよく分からなくなってしまったので、今回はきちんと理解しながら最小限の布陣にしたいと思っています。 …

まっさらなMac(M2)でできるだけ短い手順でLaravel10の開発環境を動かすまで

MacBookAir(M2)を買いました❣️ エンジニアをやっている分際で、自分のPCを5年くらい所持していなかった(iPadと会社支給のMacで満足していた)ので、とても久しぶりに新しいPCを触ります。ずっと欲しいと思っていたAirが、M3モデルの登場によってM2が少しお…