モールス信号でツイートしたかった

この記事はクソアプリ Advent Calendar 2021の15日目の記事です。

モールス信号ってかっこいいですよね？
「あーモールス信号でツイートしたいなー」
と思ったときに便利なアプリを作りました！

作ったもの

■morse-tweet

今回作ったのは
・ひらがななどをモールス信号に変換して
・モールス信号をツイートできる
アプリです！シンプル！

ちょっとはずかしいこともモールス信号なら
すぐわからないのがいいですね(*´ω｀*)

モールス信号をつぶやきたくなったときに
ぜひ使ってみてください(*´ω｀*)!!

使った技術

今回はこんな感じの構成で作ってます！

• フロントエンド ... Nuxt.js/TypeScript/Tailwind CSS
• デプロイ ... Firebase Hosting
• データ変換 ... SSSAPI

基本はよく使ってるNuxt＋Firebaseの構成。

中身は単に文字を変換してるだけですが、
JSONの手書きはめんどくさいので、SSSAPIで変換。

{
  "0": {
    "code": "－－－－－"
  },
  "1": {
    "code": "・－－－－"
  },
  "2": {
    "code": "・・－－－"
  },
  "3": {
// ...

全体をマップに変換するオプションもあるので、そのまま使える形に。

Tailwindは、はじめて使ってみたけど、
CSSを書かずにサクサクとデザインできてよい感じ(*´ω｀*)

ただ普段Buefyを使っているので、UIコンポーネントがないはつらい。。
なので、daisyUIもあわせて使ってます。

おわりに

クソアプリの初参加作品がこれでいいのか。。？
と思いながら作りました(*´ω｀*)

「モールス信号でツイートしたいなー」
と思ったときにぜひどうぞ！

■morse-tweet