#266 毎回の改行修正から卒業。最初から完璧にする方法をAIに聞いた
Web修正の度に不自然な改行の修正が必要。次回からの対策をAIに聞いてみた。
＊＊＊
📩 Chrome拡張機能やsrefコード集など
メルマガ無料登録で特典+全アーカイブが見れます
▶︎ https://chi3.substack.com/about
＊＊＊
こんにちは、ちーみつです。
昨日は体調を崩して1日寝込んでいました。
そんな中、年末に修正連絡していたWebページの返信が届きました。
修正依頼にあったのは、
「文章が途中で改行される問題」
毎回起きる「文章が途中で改行される問題」とは？
今回の修正依頼の一つは、
毎回必ず修正が必要になる「文章が不自然な位置で改行される問題」でした。
例えば、
「修正が必／要になります」のような変な切れ方です。
完成したサイトを見ると、
確かにスマホでもPCでも、
単語の途中で改行されている箇所がチラホラ。
今回は手作業で直しましたが、
正直「次回もまた同じことになるのか…」と思うと憂鬱でした。
最初から改行問題が起きないようにするには？
そこで、
AIに今後このような修正をしなくて済むように、最初に作成する時点でどんな指示をすればいいのかを聞いてみました。
すると、
以下の3つのステップで解決できることが分かりました。
ステップ1：CSSの最新技術で7〜8割は解消
まず`text-wrap: balance`や`text-wrap: pretty`という
CSSの新しいプロパティを使うと、
ブラウザが自動で見た目を整えてくれます。
これだけで7〜8割の不自然さは消えるそうです。
ステップ2：文字詰めで物理的に調整
次に`letter-spacing: -0.02em`のように
文字間をわずかに詰めることで、
スマホでも1行に収まる文字数を増やせます。
「あともう1文字入れば改行されないのに…」
という惜しいケースに効果的でした。
ステップ3：BudouXで日本語の文節を判断
それでも解決しない場合は、
Googleが提供する軽量ライブラリ「BudouX」を使います。
これは日本語の文節を自動で解析して、
自然な位置でのみ改行されるようにしてくれる技術です。
「修正が必／要になります」のような
変な切れ方を根絶できます。
AIが教えてくれた指示文をそのまま使える？
AIが教えてくれた指示文の全文は、
メルマガ読者に公開します。
この指示をコピー&ペーストすれば、
次回のWeb制作では最初から改行問題を防げるはず…。
今回は使わなかったけど、次回どう活かす？
結局、
今回の修正は完了してしまったので、
この指示は次回の案件で使うことになります。
このように毎回繰り返し起きることは、
前もって問題を回避する指示を作っておくといいですね。
繰り返し起きている小さな手間があれば、
一度AIに「次回からどうすればいい？」と聞いてみてはいかがでしょうか？
最後まで読んでいただきありがとうございます。
関連記事
SNS
X : https://x.com/chi3_jp
Instagram：https://www.instagram.com/chi3jp_aiart
私のまとめサイト : https://wks3.vercel.app/