【無料配布】縦書きの美しさを楽しむ。デジタルメモ帳♪究極の無地3スタイル＆コピペ用コードを公開！

Manao

「Gemini、前回のデジタルメモ帳もすごく好評だったんだけど、今度は『縦書き』で何か作れないかな？日本語ってやっぱり縦書きにすると、少し背筋が伸びるような、特別な美しさがあるじゃない？」

Gemini

「いいですね！縦書きは日記や俳句、大切な人へのお手紙の下書きにもぴったりです。今回は、文字がズレるストレスなく、フォントの個性を最大限に活かせる『究極の無地スタイル』を3つご用意しましたよ♪」

Manao

「無地！確かに、線がないほうが文字が呼吸しているみたいで素敵かも。皆さんが使いやすいように、ワンクリックでコピーできるコードも付けて紹介しましょう！」

ここに文字を入力して試せます…

📋 配布用コピペコード

<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap" rel="stylesheet">
<div style="border: 2px solid #8ba88d; border-radius: 8px; padding: 25px; background-color: #f9fbf9; max-width: 100%; margin: 20px auto; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); overflow-x: auto;">
  <div contenteditable="true" style="font-family: 'Shippori Mincho', serif; writing-mode: vertical-rl; min-height: 300px; line-height: 2.2; font-size: 19px; color: #2f4f4f; outline: none; white-space: pre; letter-spacing: 0.05em; word-break: break-all;">ここに縦書きでメモを入力…</div>
</div>

ここに文字を入力… 一筆箋に綴るように、 大切な言葉を 置いてみてください。

📋 配布用コピペコード

<link href="https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap" rel="stylesheet">
<div style="border: 1px solid #dcdcdc; border-radius: 12px; padding: 25px; background-color: #fffaf0; max-width: 100%; margin: 20px auto; box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow-x: auto;">
  <div contenteditable="true" style="font-family: 'Klee One', sans-serif; writing-mode: vertical-rl; min-height: 320px; line-height: 2.2; font-size: 20px; color: #444; outline: none; white-space: pre; letter-spacing: 0.05em; word-break: break-all;">ここに縦書きでメモを入力…</div>
</div>

真っ白な空間に、 一文字ずつ想いを 置いてみてください。 縦書きの美しさが 一番引き立つデザインです。

📋 配布用コピペコード

<link href="https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap" rel="stylesheet">
<div style="border-left: 4px double #ccc; padding: 30px; background-color: #fefef2; max-width: 100%; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.03); overflow-x: auto;">
  <div contenteditable="true" style="font-family: 'Yuji Syuku', serif; writing-mode: vertical-rl; min-height: 300px; line-height: 2.2; font-size: 20px; color: #333; outline: none; white-space: pre; letter-spacing: 0.1em; word-break: break-all;">ここに縦書きでメモを入力…</div>
</div>

Gemini

「いかがでしたか？縦書きにすると、いつものメモが少しだけ『作品』のように見えてくるから不思議ですよね。長い文章を入力しても左側にスルスルと流れるように工夫してあります。」

Manao

「本当ね。スマホでもはみ出さず、スクロールして読めるのがすごく便利！読者の皆さんも、お気に入りのフォントを見つけて、日々の想いを綴ってみてくださいね。ManaoとGeminiでした🌿」