■Ex-Libris - 11.tools

11.tools2024

https://yout.com/　●Yout: インターネットDVR　(動画をDLするサイト)

----

https://jp-users.wps.com/　　WPS.com 　[@Google ID]

----

http://qrcode.red/　　●QRコードをPCで読み取る方法

https://qr.quel.jp/url.php　　●QRコードをPCで作成する方法

----

https://ja.bounce.com/　●bounce (荷物預かり)

----

https://www.genspark.ai/agents　●Genspark Agent にて、YouTube音声をdownlod するツール(1MBまで)

----

https://www.vtx.ch/de/kiosk　■Celeste.ch/VTX.ch Kiosk(mail)
----

https://www.remove.bg/ja/upload　　remove.bg　(●背景色を消すツール)

----

●infographic in a graphic recording style using HTML

graphic recording-styled HTML infographic

グラフィックレコーディングが許可された HTML インフォグラフィック

→●Claude 3.7 sonnetのArtifactへ　→▼(いまいち)Poe内ClaudeのArtifactへ

→●Genspark内ClaudeのArtifactへ　→▼(いまいち)QwenのArtifactへ

https://github.com/Sunwood-ai-labs/MysticLibrary/blob/879a2a960246a3dbfe90a7909ac2184dc14ca143/prompts/documentation/Graphic-recording-style-infographic-v2.md?plain=1

　　(↑　2025/03/20　のADP実演セミナーの講師ころすけ様が紹介　↑)

----

Genspark しぃさん↓　　　2025/08/13

口頭でプレゼンするので、1頁あたりの情報量は極力少なく、

色彩は、ニューモフィズムデザインで、薄いグレーと薄いピンクのスライドページをお願いします。

まずはアウトラインを作って、私がOKを出したら、進んでください。

----
Genspark 内田央(ひさし)先生↓ 　　　　2025/08/14

それでは、AIスライドを使用して、今日のセミナーのスライドを作成してください
＃スライド作成の指示
-口頭でセミナーを行うので、文字数を極力少なくして、1ページあたりの情報を極力少なく重要な内容のみにしてください
-デザインはアトミックデザインを使用して、落ち着いた色味にしてください
-文字サイズは　見出し：24 pt以上　本文：18 pt以上
-各スライドの、比率は16：9　としてくだい。

----

##　スライドの仕様の指定

##　勉強会の資料に使うため、3枚のスライドを作成してください。 16:9の対比で、大きさは 25.4 x 14.29cmのままにしてください。 1ページにあまり資料やデザインを詰め込みすぎずに情報量は少なめにしてください。添付した写真のトンマナや資料のイメージに合うように作成してください。テーマカラーは#B85450です。

----

# グラフィックレコーディング風インフォグラフィックへの変換prompt

[Aタイプ]

## 目的以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します手書き風の図形やアイコンを活用して内容を視覚的に表現します。
## デザイン仕様
### 1. カラースキーム <palette> <color name='ファッション-1' rgb='593C47' r='89' g='59' b='70' /> <color name='ファッション-2' rgb='F2E63D' r='242' g='230' b='60' /> <color name='ファッション-3' rgb='F2C53D' r='242' g='196' b='60' /> <color name='ファッション-4' rgb='F25C05' r='242' g='91' b='4' /> <color name='ファッション-5' rgb='F24405' r='242' g='68' b='4' /> </palette>

### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用（Yomogi, Zen Kurenaido, Kaisei Decol） - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素（アイコン、シンプルな図形）の組み合わせ - キーワードの強調（色付き下線、マーカー効果） - 関連する概念を線や矢印で接続 - 絵文字やアイコンを効果的に配置（など）
### 3. タイポグラフィ - タイトル：32px、グラデーション効果、太字 - サブタイトル：16px、#475569 - セクション見出し：18px、#1e40af、アイコン付き - 本文：14px、#334155、行間1.4 - フォント指定： html <style> @import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&family=Yomogi&family=Zen+Kurenaido&display=swap…'); </style> ### 4. レイアウト - ヘッダー：左揃えタイトル＋右揃え日付/出典 - 3カラム構成：左側33%、中央33%、右側33% - カード型コンポーネント：白背景、角丸12px、微細シャドウ - セクション間の適切な余白と階層構造 - 適切にグラスモーフィズムを活用 - 横幅は100%にして ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視 - キーワードを囲み線や色で強調 - 簡易的なアイコンや図形で概念を視覚化 - 数値データは簡潔なグラフや図表で表現 - 接続線や矢印で情報間の関係性を明示 - 余白を効果的に活用して視認性を確保 ## 全体的な指針 - 読み手が自然に視線を移動できる配置 - 情報の階層と関連性を視覚的に明確化 - 手書き風の要素で親しみやすさを演出 - 視覚的な記憶に残るデザイン - フッターに出典情報を明記

## 変換する文章/記事　　　(続けて貼る)

----

[Bタイプ]

###

原文を整理して、1ページのインフォグラフィックにまとめてください。

###

モダンでクリーンなパステルカラー（例: 背景:#f8f9fa、キーカラー: #f58b1e, #f0b865, #fbc30e, #c1c936, #a1cca1）を使用し、角丸の四角形で主要ポイントをグリッド式に配置してください。各セクションの左側に円形のアイコンを配置し番号を出力。見出しテキストはより濃くて暗い色のフォントに。それ以外のテキストは黒色にしてください。フォントサイズはタイトル24px、セクション見出し20px、本文16pxとし、SVGフォーマットで出力してください。

### 原文　　　　　(続けて貼る)

----

https://smallpdf.com/　smallpdf pdf2word (Free traial)

----

https://coolors.co/　Coolors.co　　●Color pallettes Generator

https://glow-colby-08c.notion.site/0b90397f881047eda36075847cb80ac8　●素材サイトまとめページ

イラスト/アイコン/写真/有料素材/動画系素材

----

https://kouzuviewer.com/search/　●公図ビューワー　by ガンマソフト(株)

----

https://www.arcgis.com/home/webmap/viewer.html　ArcGIS by ●ESRI　地図

----