encoding.jsを使ってJavaScriptで文字コードを変換する【株式会社ライトコード】

※弊社のエンジニア記事になります。

はじめに

とある機能を実装していたら文字化けして、文字コードが違って文字化けしちゃってたなんてことがたまにあるかと思います。

最近の実装でCSVファイルを読み込む機能の実装があったのですが、Shift-JISのCSVデータを読み込ませると文字化けするという事態に遭遇しました。

読み込ませるデータの文字コードをUTF-8に変換して読み込ませるのも一つの手段ですが、ユーザーからするとめんどくさいだけです。なので今回はShift-JISを読み込ませても文字化けさせずに表示させる方向で実装するようにしました。

encoding.jsで文字コードの変換を行う

今回はencoding.jsというライブラリを使ってShift-JISからUTF8に文字コードの変換を行なっていきます。

厳密には読み込んだデータの文字コードからUNICODEに変換するといった処理を行なっていきます。

encoding.jsはざっくり言うと、JavaScript内で対象の文字コードが何なのかを判別することと対象の文字コードを指定した文字コードに変換することができるライブラリです。これを利用して今回は読み込んだファイルの文字コードを変換していきます。

まずはencoding.jsをインストールしていきましょう。

$ npm install --save encoding-japanese

これでインストールは終わりなので早速コードを書いていきます。

最初に結論から、、、、

記事の続きは下のリンクをクリック！

encoding.jsを使ってJavaScriptで文字コードを変換する - 株式会社ライトコード

とある機能を実装していたら文字化けして、文字コードが違って文字化けしちゃってたなんてことがたまにあるかと思います。

https://rightcode.co.jp/blog/information-technology/encoding-js-javascript-syain

【2024年卒】新卒採用エントリー開始しました！

特設ページはこちら：https://rightcode.co.jp/recruit/entry-2024

インターン募集！未経験ok、チャレンジ精神ある方求む

ゲームプランナー：https://rightcode.co.jp/recruit/intern-game-planner

メディア運営：https://rightcode.co.jp/recruit/intern-media

社長と一杯飲みながらお話しませんか？（転職者向け）

特設ページはこちら： https://rightcode.co.jp/gohan-sake-president-talk

もっとワクワクする仕事をしたいあなたへ

現在、ライトコードでは「WEBエンジニア」「スマホアプリエンジニア」「ゲームエンジニア」、「デザイナー」「WEBディレクター」「エンジニアリングマネージャー」「営業」などを積極採用中です！

有名WEBサービスやアプリの受託開発などの企画、開発案件が目白押しの状況です。

• もっと大きなことに挑戦したい！
• エンジニアとしてもっと成長したい！
• モダンな技術に触れたい！

現状に満足していない方は、まずは、エンジニアとしても第一線を走り続ける弊社代表と気軽にお話してみませんか？

ネット上では、ちょっとユルそうな会社に感じると思いますが（笑）、
実は技術力に定評があり、沢山の実績を残している会社ということをお伝えしたいと思っております。

• ライトコードの魅力を知っていただきたい！
• 社風や文化なども知っていただきたい！
• 技術に対して熱意のある方に入社していただきたい！

一度、【Wantedly内の弊社ページ】や【コーポレートサイト】をのぞいてみてください。

【コーポレートサイト】https://rightcode.co.jp/

【採用募集】https://rightcode.co.jp/recruit（こちらからの応募がスムーズ）

【wantedlyぺージ】https://www.wantedly.com/companies/rightcode