7839

雑草魂エンジニアブログ

JavaScript

【JS / React】ブラウザバックを制御する

今回、HP 内で意図的にブラウザバックを制御して、UX を向上させられるようにしたので、実装方法を紹介する。 ブラウザバックの制御に関して 実装例 まとめ ブラウザバックの制御に関して ブラウザバックを制御するためには、セッション履歴を操作する必要が…

【React】Excelファイルの読み込み → json 変換の実装(SheetJS js-xlsx の利用)

今回、Excel ファイルをブラウザで読み込み、json に変換して、API で POST する処理を実装したので、備忘録として残しておく。本記事では、Excel ファイルをブラウザで読み込み、json に変換するまでのコードを紹介する。 SheetJS js-xlsx サンプルコード …

【JS】Fetch API のResponse には気をつけて。axios とは違うぞ。。。

昨日、Fetch API を使うにあたり、大きなミスを犯して、無駄な時間を潰してしまったので、反省を込めて、この備忘録を残しておく。 Fetch APIとは ハマった罠 Fetch API のラッパー関数を作った まとめ Fetch APIとは Fetch APIとは、XMLHttpRequestと同じく…

Client Side Rendering(SPA)・SSR・SSG を整理してみた

Next.js で開発しているときに、Client Side Rendering(SPA)・SSR・SSG についてきちんと整理できておらず、自分なりの整理をしてみたので、備忘録として残しておく。(React ベースのフレームワークで SSG といえば、Next.js 。ただし、v9.3から SSG の機…

【JS】更新頻度が高いデータ構造に最適なMap オブジェクトを試した

最近、あるプロジェクトで初めて Map オブジェクトを使うことになり、これまで使ったことがなかったので調べてみました。備忘録として残しておく。 Map オブジェクトとは 使い方 Mapの作成 要素の追加 要素の取得 要素の削除 反復処理 その他の便利メソッド …

ぼくの husky で設定した pre-commit が動かない。。。

今回は、エラー解決にかなり時間を要したので、備忘録として残しておく。 タイトルのとおり、新規プロジェクトを開始する際に、なぜか私の pre-commit が動かないという事態に遭遇した。pre-commit は複数人で開発を行っている際に、とても便利なのでその機…

【JS】new Date()で日時指定する際にNaNになる

new Date('YYYY-MM-DD HH:mm:ss')を使用した際に、PCのChromeブラウザでは問題なく表示されたが、スマホで「NaN」が表示されてしまった。

【JS】MediaStream API - ブラウザでカメラ/マイクへアクセスする

ブラウザのWEBアプリケーションから、パソコンやスマホのカメラ/マイクにアクセスして、映像/音声を取得したいことがあると思う。 映像や音声データを取得することで様々なアプリが作成可能になる。