Nuxt.jsの勉強 : シーザー暗号を利用したメモアプリケーション

shogo(68)
Published in
#japanese
Words
136
Reading
1 min
7y
Listen to this post
~1 min

こんにちは、 shogo@shogoです。

Nuxt.jsの勉強がてら、簡単なアプリケーションをつくってみました :)

Caesar Memo

home.png

私はよくメモを取るのですが、メモを見られるのが何となく恥ずかしいです。

そこでメモをシーザー暗号で暗号化して、保存しておくことにしました。

別に私のメモは見破られてもよいので、シンプルかつ最古のシーザー暗号を利用することにしました。

encryption.png

Encryptionページでメモを暗号化します。

"Buy STEEM"を1シフトさせると、"Cvz!TUFFN"になります。

Saveボタンを押すことで、この暗号文をLocal Storageに保存することができます。

保存されたものはMemoページで見ることができます。

memo.png

これらの暗号文をDecryptionページで平文に戻すことができます。

decryption.png

サクッとつくったので足りない機能だらけですが、これで私のメモの内容は一目では分からないようになりました(笑)

気が向いた時に、更新していきたいと思います。

また多少勉強になったので、Nuxt.jsで新しいSteemアプリケーションもつくっていきたいと思います :)

Caesar Memo : https://ceaser-memo.firebaseapp.com/
※データの安全性などは保障できません。

Steem on,
shogo@shogo

Nuxt.jsの勉強 : シーザー暗号を利用したメモアプリケーション | Ecency