基本 TypeScriptは型を推論する。 const name: string = 'torahack';のようにして、型アノテーションを使い明示的な型を定義。 型 柔軟な型定義が可能。例： // 生まれの年は数字か文字列でも受け取れる変数 let birthYear: number | string; valueが存在し…

初めに cookie, localStorage, sessionStorageなど、セッション中のデータ保存できる仕組みがあります。私はJavaScriptでこれらを使った何かしらの実装をしたことが無かったので、今回はlocalStorageを使った簡単なToDo Webアプリを作成してみました。cookie…

初めに まだまだ多くのサイトで使われてるjQuery。最近ではパフォーマンスや保守性などの観点から、jQueryの必要性は無くなってきました。 私は数年前からJavaScriptを一から学び始めましたが、対応案件ではまだjQueryに頼る事が多かったです。 そこで、案件…

成果物 サイト: https://kaiyoshida57.github.io/js_app_ajax/ Github: https://github.com/kaiyoshida57/js_app_ajax きっかけ JavaScriptにおける新しいの非同期処理の学習をしようと思いました。 そこで、TMDB（https://www.themoviedb.org/）という映画…

img要素には、width,heightに値を指定してレイアウトシフトを防ぐ ・img要素にwidth,heightに値を指定することでレイアウトシフト（読み込み時に大きさ指定がないと画面がズレる。）を防ぐのが良い。 ・さらに、loading="lazy"も指定すれば読み込みを遅らせ…

要件 ・WP_queryでカスタム投稿タイプのループ ・その中に特定の投稿だけAdvanced Custom Fields(ACF)値により、先頭に固定表示させ、他は日付順で並べる。 ・カスタム投稿名 information 手順 ・ACFをチェックボックスにし、keyを「information_pickup」、…

Promise Promiseオブジェクトでは、引数(resolve,reject)で、resolve実行時に.then()が実行される。 promiseオブジェクトは、.then() で繋げられる。 Promiseの状態がrejectedになったら、.reject()が実行される。 Async()とAwait() promiseをより直感的にし…