フォントサイズ

生成AIで説明スライド作るためのプロンプトを作った（SVG）

生成AIで説明スライド作るためのプロンプトを作った（SVG）

説明スライドを効率的に作成するためのSVGプロンプト開発過程を紹介します。スタイル一元管理やテキスト配置の最適化により、視認性の高いデザインが実現できます。反復的な改善プロセスを通じて、情報伝達と視覚的魅力を両立させたプロンプトを開発できました。生成AIで情報をスライドに変換する生成AIは、文章だけでなくスライドも作ることができます。Claude 3.7 Sonnet にプロンプトを与え文章を送信すると、約45秒ほどで SVG（ベクター画像）を生成してくれました。プロンプトで...

2025.03.12 2025.03.18

AIの話題とりあえずのメモ作業効率化

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした

ブロックエディタを狭い画面で表示するときの文字サイズを小さくした

ブロックエディタを狭い画面で表示する際の文字サイズを小さくしました。画面幅1080px以下の時に、文字や余白を調整するカスタムCSSを追加しました。これにより、AI画面を表示させた狭い画面でも、文章の全体像が見やすくなりました。ブラウザにサイドバーを表示すると「狭い」ブラウザのサイドバーにAI画面などを表示させると作業がスムーズになるものの、表示画面は狭くなります。特に、WordPressのブロックエディタを使っているときに、文章の全体像が見えにくく感じます。一時的にサイドバ...

とりあえずのメモプログラミングホームページ運用作業効率化

[Cocoon]モバイルサイトフォントを17pxに変更した

[Cocoon]モバイルサイトフォントを17pxに変更した

これまで、少し文字は大きめにしていましたが、スマホから見た時に、文章の行数が多くなっている気がしました。そこで、「モバイルサイトフォント」のサイズを「18px」から「17px」に変更してみました。１行あたりの文字数は、表示するスマホによって異なりますが、自分のスマホ（Pixel 5：1080x2340）で確認すると、18文字になりました。このフォントサイズを選んだのは、「note 」や「ほぼ日刊イトイ新聞」などの読みものメインのサイトを参考にしました。以前に、糸井重里さんが、...

とりあえずのメモホームページ運用

LINEのメッセージ入力のカーソルが細くて見にくい【どうしようもない】

LINEのメッセージ入力のカーソルが細くて見にくい【どうしようもない】

LINEのメッセージ入力をしていたら、入力位置を示すカーソルが見にくいことが気になりました。スマートフォンにカーソルの太さの設定はないパソコンにはカーソルを太くする設定があります。スマホでも設定できないか、調べてみました。ところが、Androidの「設定」アプリにも、LINEの設定にも、カーソルの太さを変更する項目は見つかりませんでした。似た項目としては、フォントサイズの変更はあったのですが……。インターネットで検索してみると、他にも困っている方がいることがわかりますが、いず...

2021.06.03 2023.03.18

スマホ基礎追記予定の話

「メモ」アプリで文章を印刷する（iPhone, iPad）

「メモ」アプリで文章を印刷する（iPhone, iPad）

「メモ」アプリの画面構成メモアプリの画面構成は、iPhoneとiPadで配置が異なります。また、バージョンでも少しずつ変化しています。iPad OS 14.1のメモアプリキーボード、ツールメニューの表示・非表示文章全体を見たい場合は、画面中央から下にスライドすると、下方向にキーボードを隠することができます。もし、キーボード上のツールメニューがない場合は、「×」ボタンで非表示になっています。「＋」ボタンで表示したりできます。文章を入力する左の文章を入力して、タイトルや改行、下線...

2021.05.12 2022.01.11

いろんな周辺機器スマホ基礎