🐡

【個人企画】ミニアプリ複数同時開発チャレンジ【二つのテキスト生成系アプリ】

2024/07/22に公開

はじめに

前回の

https://zenn.dev/syab_syab/articles/53a3c8073117ab

に引き続き、懲りずにまたやりました。
極めてシンプルな機能しか持たない簡単に作れそうなWebアプリを同時開発してしまおうという企画の第二弾です。
今回はそこまで急がずにゆるくやったので精神的に楽でした。

https://www.youtube.com/watch?v=LQsgIgMuoDA

二つのテキスト生成系Webアプリ

今回はテキスト生成をコンセプトにしました。
別にコンセプトにこだわる必要もないのですが、やはり統一感があった方が良いと思うので今後もこんな感じでやっていくかもしれません。

DATEジェネレーター

日付を生成する機能を持つWebアプリです。
海外のサイトでクレカなどの登録時に、生年月日を年・月・日ではなく月・日・年だったり日・月・年だったりして困惑した覚えがあった経験から着想を得ました。
好きな日付を入力するとそれぞれ
年月日、月日年、日月年で日付が生成されます。
DATEジェネレーター

ワードリバース

文を入力すると逆さまの文を生成してくれるWebアプリです。
何となくあったらいいなと思ってメモしていたアイディアでいい機会だからということでこの度作成しました。
結構簡単に作れます。
ワードリバース

使用した技術

React.js, styled-components

まとめ

これまで作ってきたアプリでコピペ出来るボタンがあると意外と便利だと感じだので、今回も付けました。

navigator.clipboard.writeText()

という感じに簡単に実装できます。

Discussion