0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Base64のJavaScript内での動作

Posted at

Base64-in-JavaScript.png

Base64は、バイナリデータをテキスト形式で表現する広く利用されるエンコーディングテクニックです。それはJavaScriptでさまざまな目的に簡単に利用できます。この記事では、Base64がJavaScript内でどのように動作し、それを効果的に使用する方法について探求します。

Base64の簡単な概要
Base64は、バイナリデータをテキスト文字に変換する方法です。これにより、XML、JSON、またはURLなどの形式でデータを送信または保存しやすくなります。Base64は通常、大文字と小文字の英字、数字、および'+'や'/'などの特殊文字を含む特定の文字セットで動作します。

JavaScriptでのBase64の基本
JavaScriptでは、Base64エンコーディングには組み込みのbtoa()関数を使用し、デコードにはatob()関数を使用します。

テキストをBase64にエンコードする:
let originalText = "This is a sample text.";
let base64Encoded = btoa(originalText);
console.log(base64Encoded);
このコードはテキストをBase64にエンコードし、その結果をコンソールに表示します。btoa()関数はテキストをBase64にエンコードします。

Base64のデコード
Base64エンコードされたデータを元のバイナリ形式にデコードするには、atob()関数を使用します。

Base64をデコードする:
let base64EncodedData = "VGhpcyBpcyBhIHNhbXBsZSB0ZXh0Lg==";
let originalData = atob(base64EncodedData);
console.log(originalData);
このコードはBase64エンコードされたデータをデコードし、元のテキストデータをコンソールに表示します。atob()関数はBase64をデコードします。

結論
JavaScriptでのBase64エンコードおよびデコードは簡単です。このテクニックを使用することで、バイナリデータをテキストデータに変換し、さまざまなアプリケーションでデータの送受信や保存を簡素化できます。

0
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?