
30日間毎日アプリを作るチャレンジ、記念すべき10日目。 ついに全工程の3分の1まで来ました!
そんな節目の日に選んだテーマは、日本人の心**「縦書き」**です。
最近のSNSやWebは横書きばかり。 「もっと情緒的に、小説のように言葉を伝えたい」 そんな高尚な動機で開発を始めましたが……。
縦書き、思ったよりめんどくさい!!!!
Web(HTML/CSS)は元々横書き文化で作られているため、縦にするだけで一苦労。 AIと格闘しながらなんとか形にしましたが、ある一つに機能において敗北しました。
📱 Day 10:究極の縦書き変換 | Vertical Converter
入力したテキストを、情緒あふれる「明朝体の縦書き」に即座に変換するツールです。 SNSへの投稿や、デジタル手紙として使えます。
👉 言葉を縦にする(デモサイト) https://kotodamablog.sakura.ne.jp/30days_antigravity/10Day/index.html
🖌️ こだわりと「敗北」
フォントにはGoogle Fontsの「Zenオールド明朝」を採用し、見た目の美しさにはこだわりました。 しかし、使ってみると気づくはずです。
**「あれ? 2桁の数字、縦になってない?」**と。
そう、本来なら「10」や「30」といった数字は、縦書きの中で横に並べる**「縦中横(たてちゅうよこ)」**という処理をするべきなのですが……。 何度AIに修正を指示しても、なぜか頑なに縦に並んでしまうのです。
「1」 「0」
みたいになります。読みづらい! でも、修正しようとするとレイアウトが崩壊する無限ループに陥ったため、**「これも味である」**と自分に言い聞かせてリリースしました。
🍵 10日目を終えて
「完璧じゃなくても公開する」 このチャレンジの精神を、10日目にして最大限に発揮しました。
PCのスペック不足やAIの限界と戦いながらも、なんとか10個のアプリを世に出すことができました。 数字は読みづらいですが、日本語の美しさは変わらないはず。ぜひ遊んでみてください。
明日からの残り20日も、この「まっいっか」の精神で駆け抜けます!
#Antigravity #アプリ開発 #縦書き #縦中横 #CSS #30日チャレンジ #Day10 #個人開発 #Zenオールド明朝
