質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

5337閲覧

JSにてファイルダウンロードするスクリプト書いたのですが、「shift-jis」への変換がわからない

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/10/20 06:44

編集2020/10/20 06:51

以下通常のUTF8のボム付きでCSVダウンロードのスクリプトを書いたのですが、shift-jisへの変換使用と思い変更したのですが、うまくうごきません。
教えて欲しいです。

$("#downloadBtn").click(function(){ var fileName = prompt('ファイル名を入力してください'); if (!fileName) { alert('ファイル名が入力されていません。'); return; } var header = ["NO","体温記入","受付日時","受付No","発行No","受付回数"]; var newList = list; newList.unshift(header) ; var bom = new Uint8Array([0xEF, 0xBB, 0xBF]); var csv_data = newList.map(function(l){return l.join(",")}).join("\r\n"); var blob = new Blob([bom, csv_data], { type: "text/csv" }); var url = (window.URL || window.webkitURL).createObjectURL(blob); var link = document.createElement("a"); link.download = fileName link.href = url link.click() });

上記を以下の形に変更したのですが、よく理解でいておりません。

$("#downloadBtn").click(function(){ var fileName = prompt('ファイル名を入力してください'); if (!fileName) { alert('ファイル名が入力されていません。'); return; } var header = ["NO","体温記入","受付日時","受付No","発行No","受付回数"]; var newList = list; newList.unshift(header) ; var bom = new Uint8Array([0xEF, 0xBB, 0xBF]); var csv_data = newList.map(function(l){return l.join(",")}).join("\r\n"); var blob = new Blob([bom, csv_data], { type: "text/csv" }); var shiftJisCodeList = Encoding.convert(csv_data, 'sjis', 'unicode'); const uInt8List = new Uint8Array(shiftJisCodeList); // csv書き込みの実装 const writeData = new Blob([bom, uInt8List], { type: 'text/csv' }); var link = document.createElement("a"); link.download = fileName link.href = url link.click() });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yambejp

2020/10/20 07:10

ダウンロードしたファイルを変換するのはあまりよいUIとは言えないかと。 普通はサーバー側でする処理ですよね・・・ またjsでキャラクターコードの変換とかだと普通はライブラリに任せちゃうと思うのですが ライブラリを利用する予定はありませんか?
退会済みユーザー

退会済みユーザー

2020/10/20 07:20

すみません。サーバ側の言語は今回使用しない形です。 どのようなライブラリになるのでしょうか。
guest

回答1

0

ベストアンサー

JSにてファイルダウンロードするスクリプト書いたのですが、「shift-jis」への変換がわからない

  1. ライブラリを用いて ダウンロードするCSVを Unicode から Shift_JIS に変換。
  2. Blob にしてダウンロードリンクを生成

ライブラリについて

JavaScriptで文字コード変換する場合、encoding.js が有名です。
(npm には encoding-japanese.js というパッケージ名で登録されている)

使い方は、Google検索 shiftjis javascript でヒットする上位ページの多くが encoding.js を活用して文字コード変換しています。

追記)

処理手順以外に、気づいた点がありますので追記します。

Encoding.convert(csv_data, 'sjis', 'unicode');

第二引数、第三引数のエンコーディング指定を大文字で試してみてください。

github encoding.js/config.js 37行 を見る限り、EncodingNames に小文字は使用されていません。

投稿2020/10/20 10:07

編集2020/10/20 23:51
AkitoshiManabe

総合スコア5434

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問