キャラクター

こんにちは、Conaです。


冬も近づいてきた今日この頃、皆様いかがお過ごしでしょうか。
私は初投稿の日記がメチャクチャにバズってビビり散らかしています。

各所でいろいろコメントもいただきまして、人生初のエゴサなんかもしちゃったりと浮かれまくっている中で、「Perfect Gatherer が面白かった」という声を多数お見掛けしました。ありがてぇ……

こうなってくると、「虹色文字もっと流行ってほしい」「みんなもやってほしい」「ロドストはもっとパリピになればいいんだ」という気持ちになるのですが、


メッチャめんどいんだこれ

面倒なことは基本的に流行らないのが世の常（ギャザラーは大流行しているので例外）ですから、簡単に虹色にする方法が必要なのは明白です。

ということで、作りました。
ロドスト日記の文字を虹色にするツールです。
https://ff14.vcona.net/rainbow/

使い方
1. 「変換するテキスト」欄に文章を入れます
2. 「虹色にする」ボタンを押します
3. 「結果をコピー」ボタンでクリップボードにコピーします
4. ロドストで日記を「リッチ編集モード」にし、コピーしたものを貼り付けます

使い方のイメージは以下のツイートをご確認ください（動画）。
https://twitter.com/ValetCona/status/1462622303485759489

これで誰でも日記を虹色にできるようになったと思います。
良いレインボーライフを！それでは、さようなら。







以下、余談です。

作り方

1. PCにフロントエンド（React）開発環境を構築します
2. AWS上にWeb配信インフラ（CloudFront, S3, Route 53, ACM）を構築します
3. フロントエンドをコーディングします
4. GitHubにpushし、GitHub Actionsで自動ビルド＆デプロイが走るように設定します

完成！！！！！！！！！

インフラ側は普段から作っているので一瞬なのですが、フロントエンド側で「Reactでやりたい。画面もナウい感じにしたいからMaterial UI使いたい。」などと不慣れな技術に背伸びした結果、完成まで1週間近くかかるハメになりました。

ちなみに、文字を手動で虹色にするのに必要な時間は数分です。
あれ？逆にこっちのほうが大変だったんじゃね？？？？？？

壮大な回り道だったような気もしますが、リアルクラフターのレベリングができたので良しとします。

スパゲッティソースコードはGitHubで公開しています。
https://github.com/ValetCona/ff14-rainbow
追加したい機能（追加できるとは言っていない）はIssueに書いてあります。
https://github.com/ValetCona/ff14-rainbow/issues

カラーの初期値は以下のサイトのものを利用させていただきました。
https://iro-color.com/colorchart/tint/rainbow-color.html