Node.js 業務上利用する必要のあるスクリプトで出力されたCSVファイルが文字化けしてしまい、文字コードを変更しても修正できない

Question

### 実現したいこと仕事で利用する必要のある下記スクリプトをWindows 10 端末のNode.jsで実行し、ウェブアクセシビリティチェックを実施すること ※先日投稿させていただいた、下記の質問と同スクリプトに関する内容となります。五月雨式の質問となってしまい、申し訳ありません。 - [Node.js 業務上利用する必要のあるスクリプトで結果がCSVファイルに出力されない](https://teratail.com/questions/ry36cgwfrdaadz) - [Node.js 業務上利用する必要のあるスクリプトがSyntax Errorのため実行できない](https://teratail.com/questions/gcoy9d8swc8oxe) ※参考サイト: [GitHub 「axe-test.js」](https://github.com/caztcha/axe-test) ### 前提 ※基礎知識の全くない状態にも関わらず業務でNode.jsを利用し特定のスクリプトを実行することを求められている状況なので、見当違いな内容を記載している可能性がありますが、ご容赦ください。先日投稿した質問内容につきましては、ご丁寧に解説していただけたおかげで無事解決しました。ご助言いただき、ありがとうございました。この度は改めて下記スクリプトをNode.jsで実行したところ、出力されたCSVファイルの日本語の箇所が文字化けしてしまい、またメモ帳等から文字コードを変更しても改善されない状況となってしまっています。スクリプト本体の修正・出力後にできる対策等方法は問いませんので、文字化けせずに内容を確認できるようになる手段をお教えいただけないでしょうか。なお、あまり時間がないため、もし解決方法をご存じの方がいらっしゃいましたら、できるだけ早くご教示いただければ幸いです。 ### 発生している問題・エラーメッセージ出力されたCSVファイル(出力時点での文字コードはUTF-16 LE)で、下記の通り日本語の箇所のみが文字化けしてしまっています。 #### ○result.csv ``` URL,Volation Type,Impact,Help,HTML Element,Messages,DOM Element https://www.xxx.com/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=axe-puppeteer&lang=ja,,隕∫ｴ縺ｮ繧ｳ繝ｳ繝医Λ繧ｹ繝域ｯ斐′荳榊香蛻・〒縺・4.1・亥燕譎ｯ濶ｲ: #003333縲∬レ譎ｯ濶ｲ: #8c8c8c縲√ヵ繧ｩ繝ｳ繝医し繧､繧ｺ: 0.0pt (0px)縲√ヵ繧ｩ繝ｳ繝医・螟ｪ縺・ bold・峨ゅさ繝ｳ繝医Λ繧ｹ繝域ｯ・.5:1繧貞ｿ・ｦ√→縺励∪縺・a[data-slide-index="1"] ... ``` #### ○ターミナル上に出力させた場合 ``` URL,Volation Type,Impact,Help,HTML Element,Messages,DOM Element https://www.xxx.com/,color-contrast,serious,https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=axe-puppeteer&lang=ja,,要素のコントラスト比が不十分です 4.1（前景色: #003333、背景色: #8c8c8c、フォントサイズ: 0.0pt (0px)、フォントの太さ: bold）。コントラスト比4.5:1を必要とします,a[data-slide-index="0"] ... ``` ### 該当のソースコード #### ○ダウンロードした「axe-test.js」 ※必要となるPuppeteer、axe-core、axe-reportsは参考サイトの手順通りにインストール済みです。 ```JavaScript const { AxePuppeteer } = require('@axe-core/puppeteer'); const puppeteer = require('puppeteer'); // テスト結果を日本語で出力するように設定する。 const AXE_LOCALE_JA = require('axe-core/locales/ja.json'); const config = { locale: AXE_LOCALE_JA } // テスト結果の出力に、axe-reports を使用するように設定する。 const AxeReports = require('axe-reports'); // テスト対象の URL を、外部テキストファイルから読み込んで、配列に整形する。 const fs = require('fs'); let urls_list = fs.readFileSync("./urls.txt", "utf-8"); urls_list = urls_list.replace(/ ? /g, ','); urls_list = urls_list.split(','); (async () => { const urls = urls_list // axe-reports で、見出し行をまずは作成する。 AxeReports.createCsvReportHeaderRow(); const browser = await puppeteer.launch(); for (let i = 0; i < urls.length; i++) { const url = urls[i]; const page = await browser.newPage(); await page.setBypassCSP(true); // デバイスのエミュレートをする場合は、下記を適用する。 // await page.emulate(puppeteer.devices['iPhone 8']); // ページを読み込む。 await Promise.all([ page.setDefaultNavigationTimeout(0), page.waitForNavigation({waitUntil: ['load', 'networkidle2']}), page.goto(`${url}`) ]); // テストを実行する。withTags で、テスト基準をいろいろ設定できる。 const results = await new AxePuppeteer(page).configure(config).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice']).analyze(); // axe-reports で、検証結果の行を追加する。 AxeReports.createCsvReportRow(results); await page.close(); } await browser.close(); })(); ``` #### ○スクリプトの実行コマンド ``` node axe-test.js > result.csv ``` ### 試したこと下記の順番で試みましたが、何れも失敗しています。 #### (1) メモ帳で開き、「名前を付けて保存」から文字コードを「ANSI」に変更して保存 →メモ帳で開きなおすとステータスバーの表示が「ANSI」に代わっているものの、文字化けしている箇所には変化なし ※その後、UTF-8・UTF-16等指定できる文字コード全てで試しました。 #### (2) axe-test.js本体の編集 →ウェブで調べて「iconv-lite」や「encoding-japanese」等を導入、書き出す直前の「results」をShift_JISに変換する指示を追記してみましたが、結果には変わりありませんでした。 #### (3) Pythonで作成した文字コード変換プログラムの適用 →chardetライブラリのdetectメソッドで出力されたCSVファイルの文字コードを検出・検出された文字コードにて元ファイルの内容を読み取り・新たに作成したShift_JIS使用のファイルに内容を転記するというプログラムを作成し適用しましたが、結果は1番と同じく、「文字コードは変わるのに文字化けした箇所は変化なし」という結果になりました。 ### 補足情報（FW/ツールのバージョンなど） Node.jsのバージョンは20.16.0を利用しています。 ### 頂いたコメントに関する補足等 - 「出力時、CSVファイルがUTF-16 LEだった」ことの根拠につきましては、Pythonのchardet.detectで検出させprintで表示させた内容が「UTF-16」であったことと、メモ帳で開いたさいにステータスバーに「UTF-16 LE」と表示されていたことの2点です。 - サクラエディタでファイルを開く際に「SJIS」を指定しましたが、表示内容には変化がなく、文字化けしていた箇所も同じでした。 - 実行環境はWindows 10のWindows Power Shellです。 - 「chcp」コマンドの結果、「現在のコードページ: 932」と表示されました。以上です。何卒よろしくお願いいたします。

Accepted Answer

### 結論
本件につきましては、コメントで頂いたご助言を基に対応方法を調べていたところ、下記記事を発見し、そちらに書かれていた手順を実施することで問題が解決できることを確認できました。

詳しい流れにつきまして、以下に記載いたします。

### 解決までの流れ

出力されるCSVファイルについては他の文字コードへ変更し保存しなおしても、各文字コードを指定してから開いても文字化けしている箇所に全く変化がなかったため、出力後に修正するよりも出力の段階で対処する必要があるのではないかと考えておりました。

そんな中、コメント欄で使用しているコマンドの実行環境や実行環境側の文字コードについてご確認いただき、「Power Shellにおける文字コードの違い」が原因なのではないかという流れになりました。

最終的には下記記事に記載されている方法でPower Shell内の各種エンコーディングをそれぞれUTF-8に変更したところ、無事文字化けしない形でCSVファイルを出力させることができるようになりました。。

### 参考サイト

(https://qiita.com/e4rfx/items/3772ecb58b6918ed5348)

コメント欄にて知恵を貸していただけた皆様、ありがとうございました。