jsPsych の実験データ編集でいつも聞かれるアレの件について

# はじめに
　jsPsych でデータ保存と言えば、やはりローカルの自分PCにCSV形式で保存する事が多いかと思いますが、FAQとも言える、いつもの話題があります。

 　「Excelで開いたら文字が化けてる」

  これです。  文字は化けないしデコード失敗しているだけでしょとツッコミたくなるものの、何はともあれ読める日本語で表示されないと気分が良くありません。

## こんな状態を解決します。
実験結果はブラウザのダウンロードフォルダに入っていますが、CSVファイルは Excel に紐づいているので、こんな表示になっています。

![①実験結果.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/5feac945-db9b-7786-30b8-361d6bac1966.png)

これをダブルクリックして Excel を開くと、

![②Excelで開いた.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/6c8a7649-4360-95f2-5bf4-5bcfab4c6177.png)

このように、意味不明の文字列が表示されてしまいます。

## 原因
　jsPsych は、実験結果を UTF-8 という形式で保存します。
UTF-8 でファイル保存をする際に、素の状態のものと、BOMという目印を付けたものがあるのですが、 jsPsych は素の UTF-8 を使用するのに対し、Excel が CSV ファイルを読む時は、BOM付きでなければ UTF-8 と判断する事ができません。　無理やり表示しようとした結果、意味不明の文字として表示されてしまいます。
これは Excel の歴史と伝統と過去資産のしがらみからだと思われます。

## やること
　jsPsych の実験結果ファイルを、Windowsのメモ帳で開いて、BOM付きUTF-8で保存します。
 あとは Excel で普通に開けるようになります。

## メモ帳を使った手順
### 1.実験データのアイコンを、右クリック
ここで表示されるメニューから、
「プログラムを開く」→ 「メモ帳」
を選択します。

![③右クリックからのメモ帳.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/4f63e4e5-b093-6aeb-cda3-1cbac632ec56.png)

### 2.メモ帳での表示
メモ帳では、日本語が読める状態でなっていますが、これをBOM付きUTFとして保存します。

![④メモ帳からだと開ける.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/0e35c7fa-dcd9-5177-d3b0-0c9140b2c5c8.png)

### 3.名前を付けて保存からの文字コード指定
「ファイル」→「名前を付けて保存」を選ぶと、下の部分で文字コードを指定できます。
ここで「UTF-8(BOM 付き)」
を選んで「保存してください。」
これで準備は完了です。

![⑤BOM付きで保存.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/fd71a5cf-fc34-312d-1072-268802e3ec04.png)

### 4.Excel で開く
BOM付きUTF-8として保存した実験ファイルをダブルクリックすると、日本語が読める状態になります。

![⑥できた.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/25f31630-c584-1610-9426-2d234e8fa9bb.png)

# その他の方法
ここまで、ちょっとまどろっこしい事と、Macの人はメモ帳を使えないので他の方法も試してみました。

## 他の方法その1 Google Sheetを使う

Google が無償で提供している Excel 風のサービスの、Google Shhet を使ってみます。
https://www.google.com/intl/ja_jp/sheets/about/

### 1. 実験ファイルのアップロード
ここで、「ファイルを開く」から実験ファイルをアップロードしてみます。
![11GoogleSheet.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/7ccf8b50-c5a7-2c0f-229c-5cef34435a87.png)

Google Sheets では問題なく読み込み、表示ができます。
![12GooglSheet.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/f0bdef68-89c5-4ceb-a2ac-069b3eb2cd30.png)

### 2.エクセル形式でのダウンロード
よほど特殊な用途でもない限り、わざわざ Excel を使わなくても Google Sheets で十分な気もしますが、使い勝手も若干違うしやはり Excel で使いたいという場合はエクセル形式でダウンロードします。

「ファイル」→ 「ダウンロード」から「Microsoft Excel (.xlsx)」を指定してください。
![13GoogleSheet.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/baa82b05-e707-93ec-9090-5871a530b62c.png)

ダウンロードしたファイルはExcel形式になっていて、ダブルクリックして開くと問題なく日本語が表示されて使う事ができます。

## 他の方法その2 Libre Office を使う
Libre Officeという、無償で利用できるソフトがあるので、こちらを利用してみます。
https://ja.libreoffice.org/

![21libre.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/39ed2809-36c5-4088-4906-00bcba86c432.png)

### 準備
上記の Libre Office 公式ページからダウンロードしてインストールします。
一部機能はJREのインストールも必要だった気がしますが、たぶんしなくても大丈夫です。

Libre Office がインストールされていると、実験ファイルのフォルダも Excel 風の、Libre Office Calc のアイコンになっています。

![22libreアイコン.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/6d1af2d1-53e9-dfa1-0352-4b15f2fca9bb.png)

これをダブルクリックすると、

![22libre.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1252322/37f58fff-cad2-b967-f258-316b7e98c0ee.png)

Libre Office では何もしなくても jsPsych の実験ファイルを表示する事ができます。

## 終わりに
「自分で使用するときは、Libre Office で読み込んで Excel ファイルで保存」に落ち着きました。
一度インストールさえしてしまえば一番手間がかかりません。

その他にも大量に作業する場合は、こういったフリーソフトの利用が便利そうです。
https://www.vector.co.jp/soft/winnt/util/se493100.html

Excel には、どんな歴史と過去があるのか知りませんが、BOM無しUTF-8を読めるようにしてもらいたいです。