はじめに 日時の表現はややこしい。特に手元の開発環境(PC)と実行環境(クラウドやコンテナ)でタイムゾーンが異なっていると厄介だ。 業務使っているTypeScript・luxonでどう書いたら何が返…
indexOf()メソッドは、配列中から、指定した値を持つ要素を探し、最初に見つけたインデックスを返します。見つからなかった場合は1-を返します。検索は配列の先頭から末尾方向に処理します。lastI…
はじめに 最近急に暑くなったりして身体がお疲れではないですか？ そんな疲れた日に、寝る前に好きな人から労いの言葉をかけられたらぐっすり寝られるような気がしませんか？ ということで、好きな人ではありま…
UUIDのバージョン4の実装がシンプル且つjs及びビット演算の再確認になったため、ここにメモを残します。 UUIDとは Universally Unique Identifier。ソフトウェア上でオ…
人間も負けていられない ChatGPTの影響はすごいですね。毎日ネットには新しい使い方だのプロンプトテンプレートだの、世の中からなくなる仕事100選みたいな記事が雨後の筍のように出ています。 先日も…
関数定義 JavaScriptの関数は様々な方式で定義することができます。 それぞれの方式が適しているシーンを理解し、適切に使い分けることが重要です。 以下にそのいくつかを示します。 関数宣言 最も…
外国人観光客に話しかけられたとき・・・ 2020年から3年間続いたコロナ禍もようやく落ち着き、最近は街中で外国人観光客の姿を見ることが多くなりましたね。私は話しかけやすそうな見た目なのか、よく彼らに…
変数の宣言 JavaScriptには主に3つの変数宣言があります。 それぞれの変数宣言とスコープ（変数が有効である範囲）と特性について説明します。 var、let、constはJavaScriptの…
変数の初期化 JavaScriptでは、変数は使用する前に必ず宣言する必要があります。 もし宣言せずに変数を使おうとすると、JavaScriptは"ReferenceError: x is not …
はじめに 自分は2023年4月に京都のWeb系ベンチャ企業にフロントエンジニアとして入社。現在エンジニア歴1ヶ月になります。 実務ではWordpress, JavaScript, PHPを使用した開…
文字列の場合 ※早速注意点だが、関数を記述する場所には注意（別の投稿に詳しく書いてあるよ）。 export function Home(){ const [text , setText] = use…
今回行うこと JavaScriptでDOM操作をしてwebアプリを作る Reactを使用して同じwebアプリを作る フロントエンド用語一覧 DOM Document Object Model の略 …
はじめに JavaScriptの世界では、「this」というキーワードがよく出てきます。しかしこの「this」、一体何を指すのでしょうか。初学者にとってはこの「this」の挙動が分かりにくく、混乱を…
参考 https://www.udemy.com/course/react-js-tutorial/learn/lecture/36592882#overview 一覧 Part11 27 comp…
概要 目次 https://qiita.com/RYA234/items/7cf917e4e5cdea668e2e 検索結果の２ページ目を表示できるよう実装します。 以下gifアニメは実装後の様子で…
概要 目次 https://qiita.com/RYA234/items/7cf917e4e5cdea668e2e 今回は画像の検索結果を実装します。 以下gif画像は実装後の結果です。 開発環境 …
概要 目次 https://qiita.com/RYA234/items/7cf917e4e5cdea668e2e 今回はReact-parserを使って、Responseの文字列をHTML文として…
概要 目次 https://qiita.com/RYA234/items/7cf917e4e5cdea668e2e 今回は文字検索の結果を実装します。 以下実装後のgifアニメです。 開発環境 OS…
概要 目次 https://qiita.com/RYA234/items/7cf917e4e5cdea668e2e 今回は検索結果画面の 検索件数と検索に要した時間を実装します。 以下実装後の様子で…
SentryにSourceMapを連携してエラー画面で元のコードを見れるようにした時の方法、理解しておくべき内容やはまった点などをメモします。 話の流れとして、まずは全体の仕組みに関わるような話をし…
今日はSvelteのフレームワークを紹介します。 Svelteってどんなフレームワーク Svelteは、JavaScriptベースのフロントエンドフレームワークです。Svelteは、コンパイル時にコ…
