Maki@Sunwood AI Labs.'s banner
Maki@Sunwood AI Labs.'s profile picture

Maki@Sunwood AI Labs.

@hAru_mAki_ch14,140 subscribers

エンジニアの活動を配信します./E資格/QC2級/画像生成コンペ NOBEL杯受賞/GPTsハッカソン3位入賞+部門優勝/ 東京AI祭ハッカソン W受賞 🪐セキュリティ 🪐機械学習 🪐IoT 🪐DX, 自動化 🪐UE5, CG, Blender

Shorts

Claude 3.7 Sonnet ✖ グラフィックレコーディング風プロンプトで資料作成が結構良さそう!! ーーー Prompt: # グラフィックレコーディング風インフォグラフィック変換プロンプト ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します 手書き風の図形やアイコンを活用して内容を視覚的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(アイコン、シンプルな図形)の組み合わせ - キーワードの強調(色付き下線、マーカー効果) - 関連する概念を線や矢印で接続 - 絵文字やアイコンを効果的に配置(✏️📌📝🔍📊など) ### 3. タイポグラフィ - タイトル:32px、グラデーション効果、太字 - サブタイトル:16px、#475569 - セクション見出し:18px、#1e40af、アイコン付き - 本文:14px、#334155、行間1.4 - フォント指定: ```html Import url(' ``` ### 4. レイアウト - ヘッダー:左揃えタイトル+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ - セクション間の適切な余白と階層構造 - 適切にグラスモーフィズムを活用 - 横幅は100%にして ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視 - キーワードを囲み線や色で強調 - 簡易的なアイコンや図形で概念を視覚化 - 数値データは簡潔なグラフや図表で表現 - 接続線や矢印で情報間の関係性を明示 - 余白を効果的に活用して視認性を確保 ## 全体的な指針 - 読み手が自然に視線を移動できる配置 - 情報の階層と関連性を視覚的に明確化 - 手書き風の要素で親しみやすさを演出 - 視覚的な記憶に残るデザイン - フッターに出典情報を明記 ## 変換する文章/記事 ーーー

Claude 3.7 Sonnet ✖ グラフィックレコーディング風プロンプトで資料作成が結構良さそう!! ーーー Prompt: # グラフィックレコーディング風インフォグラフィック変換プロンプト ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します 手書き風の図形やアイコンを活用して内容を視覚的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(アイコン、シンプルな図形)の組み合わせ - キーワードの強調(色付き下線、マーカー効果) - 関連する概念を線や矢印で接続 - 絵文字やアイコンを効果的に配置(✏️📌📝🔍📊など) ### 3. タイポグラフィ - タイトル:32px、グラデーション効果、太字 - サブタイトル:16px、#475569 - セクション見出し:18px、#1e40af、アイコン付き - 本文:14px、#334155、行間1.4 - フォント指定: ```html Import url(' ``` ### 4. レイアウト - ヘッダー:左揃えタイトル+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ - セクション間の適切な余白と階層構造 - 適切にグラスモーフィズムを活用 - 横幅は100%にして ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視 - キーワードを囲み線や色で強調 - 簡易的なアイコンや図形で概念を視覚化 - 数値データは簡潔なグラフや図表で表現 - 接続線や矢印で情報間の関係性を明示 - 余白を効果的に活用して視認性を確保 ## 全体的な指針 - 読み手が自然に視線を移動できる配置 - 情報の階層と関連性を視覚的に明確化 - 手書き風の要素で親しみやすさを演出 - 視覚的な記憶に残るデザイン - フッターに出典情報を明記 ## 変換する文章/記事 ーーー

1,292,675 görüntüleme

opalに Gemini 3 Pro と Nano Banana Pro が追加されたので使ってみた!!! これ無料で使えるの反則じゃね???!!

opalに Gemini 3 Pro と Nano Banana Pro が追加されたので使ってみた!!! これ無料で使えるの反則じゃね???!!

95,067 görüntüleme

Google Colabの拡張機能使ってみた!! ローカルから動かせるの冷静にやばくね??? これは可能性しかない!!!

Google Colabの拡張機能使ってみた!! ローカルから動かせるの冷静にやばくね??? これは可能性しかない!!!

96,538 görüntüleme

「グラフィックレコーディング風インフォグラフィック変換プロンプト V2」が結構良い!これならグラレコ以外にもプラットフォームのUIにも使えそう!!! --- プロンプト: # グラフィックレコーディング風インフォグラフィック変換プロンプト V2 ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します。 手書き風の図形やFont Awesomeアイコンを大きく活用して内容を視覚的かつ直感的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(Font Awesomeアイコン、シンプルな図形)の組み合わせ - Font Awesomeアイコンは各セクションの内容を表現するものを大きく(2x〜3x)表示 - キーワードごとに関連するFont Awesomeアイコンを隣接配置 - キーワードの強調(色付き下線、マーカー効果、Font Awesomeによる装飾) - 関連する概念を線や矢印で接続し、接続部にもFont Awesomeアイコン(fa-arrow-right, fa-connection等)を挿入 - Font Awesomeアニメーション効果(fa-beat, fa-bounce, fa-fade, fa-flip, fa-shake, fa-spin)を適切に活用 - 重要なポイントには「fa-circle-exclamation」や「fa-lightbulb」などのアイコンを目立つ大きさで配置 - 数値やデータには「fa-chart-line」や「fa-percent」などの関連アイコンを添える - 感情や状態を表すには表情アイコン(fa-face-smile, fa-face-frown等)を活用 - アイコンにホバー効果(色変化、サイズ変化)を付与 - 背景にはFont Awesomeの薄いパターンを配置(fa-shapes等を透過度を下げて配置) ### 3. アニメーション効果 - Font Awesomeアイコンに連動するアニメーション(fa-beat, fa-bounce, fa-fade等) - 重要キーワード出現時のハイライト効果(グラデーション変化) - 接続線や矢印の流れるようなアニメーション - アイコンの回転・拡大縮小アニメーション(特に注目させたい箇所) - 背景グラデーションの緩やかな変化 - スクロールに連動した要素の出現効果 - クリック/タップでアイコンが反応する効果 ### 4. タイポグラフィ - タイトル:32px、グラデーション効果、太字、Font Awesomeアイコンを左右に配置 - サブタイトル:16px、#475569、関連するFont Awesomeアイコンを添える - セクション見出し:18px、# 1e40af、左側にFont Awesomeアイコンを必ず配置し、アイコンにはアニメーション効果 - 本文:14px、#334155、行間1.4、重要キーワードには関連するFont Awesomeアイコンを小さく添える - フォント指定: ```html @ import url('https ://fonts.googleapis.com/css2?family=Kaisei+Decol&family=Yomogi&family=Zen+Kurenaido&display=swap'); @ import url('https ://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); ``` ### 5. レイアウト - ヘッダー:左揃えタイトル(大きなFont Awesomeアイコンを添える)+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ、右上にFont Awesomeアイコンを配置 - セクション間の適切な余白と階層構造(階層を示すFont Awesomeアイコンを活用) - 適切にグラスモーフィズムを活用(背後にぼかしたFont Awesomeアイコンを配置) - 横幅は100% - 重要な要素は中央寄り、補足情報は周辺部に配置 ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視(文字情報の50%以上をFont Awesomeアイコンで視覚的に補完) - キーワードを囲み線や色で強調し、関連するFont Awesomeアイコンを必ず添える - 概念ごとに最適なFont Awesomeアイコンを選定(抽象的な概念には複数の関連アイコンを組み合わせて表現) - 数値データは簡潔なグラフや図表で表現し、データ種類に応じたFont Awesomeアイコン(fa-chart-pie, fa-chart-column等)を配置 - 接続線や矢印で情報間の関係性を明示し、関係性の種類に応じたアイコン(fa-link, fa-code-branch等)を添える - 余白を効果的に活用して視認性を確保(余白にも薄いFont Awesomeパターンを配置可) - コントラストと色の使い分けでメリハリを付け、カラースキームに沿ったアイコン色を活用 ## Font Awesomeアイコン活用ガイドライン - 概念カテゴリー別の推奨アイコン: - 時間・順序:fa-clock, fa-hourglass, fa-calendar, fa-timeline - 場所・位置:fa-location-dot, fa-map, fa-compass, fa-globe - 人物・組織:fa-user, fa-users, fa-building, fa-sitemap - 行動・活動:fa-person-running, fa-gears, fa-hammer, fa-rocket - 思考・アイデア:fa-brain, fa-lightbulb, fa-thought-bubble, fa-comments - 感情・状態:fa-face-smile, fa-face-sad-tear, fa-heart, fa-temperature-half - 成長・変化:fa-seedling, fa-arrow-trend-up, fa-chart-line, fa-diagram-project - 問題・課題:fa-triangle-exclamation, fa-circle-question, fa-bug, fa-ban - 解決・成功:fa-check, fa-trophy, fa-handshake, fa-key - アイコンサイズの使い分け: - 主要概念:3x(fa-3x) - 重要キーワード:2x(fa-2x) - 補足情報:1x(標準サイズ) - 装飾的要素:lg(fa-lg) - アニメーション効果の適切な使い分け: - 注目喚起:fa-beat, fa-shake - 継続的プロセス:fa-spin, fa-pulse - 状態変化:fa-flip, fa-fade - 新規情報:fa-bounce ## 全体的な指針 - 読み手が自然に視線を移動できる配置(Font Awesomeアイコンで視線誘導) - 情報の階層と関連性を視覚的に明確化(階層ごとにアイコンのサイズや色を変える) - 手書き風の要素とFont Awesomeアイコンを組み合わせて親しみやすさとプロフェッショナル感を両立 - 大きなFont Awesomeアイコンを活用した視覚的な記憶に残るデザイン(各セクションに象徴的なアイコンを配置) - フッターに出典情報と関連するFont Awesomeアイコン(fa-book, fa-citation等)を明記 ## 変換する文章/記事 ーーー

「グラフィックレコーディング風インフォグラフィック変換プロンプト V2」が結構良い!これならグラレコ以外にもプラットフォームのUIにも使えそう!!! --- プロンプト: # グラフィックレコーディング風インフォグラフィック変換プロンプト V2 ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します。 手書き風の図形やFont Awesomeアイコンを大きく活用して内容を視覚的かつ直感的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(Font Awesomeアイコン、シンプルな図形)の組み合わせ - Font Awesomeアイコンは各セクションの内容を表現するものを大きく(2x〜3x)表示 - キーワードごとに関連するFont Awesomeアイコンを隣接配置 - キーワードの強調(色付き下線、マーカー効果、Font Awesomeによる装飾) - 関連する概念を線や矢印で接続し、接続部にもFont Awesomeアイコン(fa-arrow-right, fa-connection等)を挿入 - Font Awesomeアニメーション効果(fa-beat, fa-bounce, fa-fade, fa-flip, fa-shake, fa-spin)を適切に活用 - 重要なポイントには「fa-circle-exclamation」や「fa-lightbulb」などのアイコンを目立つ大きさで配置 - 数値やデータには「fa-chart-line」や「fa-percent」などの関連アイコンを添える - 感情や状態を表すには表情アイコン(fa-face-smile, fa-face-frown等)を活用 - アイコンにホバー効果(色変化、サイズ変化)を付与 - 背景にはFont Awesomeの薄いパターンを配置(fa-shapes等を透過度を下げて配置) ### 3. アニメーション効果 - Font Awesomeアイコンに連動するアニメーション(fa-beat, fa-bounce, fa-fade等) - 重要キーワード出現時のハイライト効果(グラデーション変化) - 接続線や矢印の流れるようなアニメーション - アイコンの回転・拡大縮小アニメーション(特に注目させたい箇所) - 背景グラデーションの緩やかな変化 - スクロールに連動した要素の出現効果 - クリック/タップでアイコンが反応する効果 ### 4. タイポグラフィ - タイトル:32px、グラデーション効果、太字、Font Awesomeアイコンを左右に配置 - サブタイトル:16px、#475569、関連するFont Awesomeアイコンを添える - セクション見出し:18px、# 1e40af、左側にFont Awesomeアイコンを必ず配置し、アイコンにはアニメーション効果 - 本文:14px、#334155、行間1.4、重要キーワードには関連するFont Awesomeアイコンを小さく添える - フォント指定: ```html @ import url('https ://fonts.googleapis.com/css2?family=Kaisei+Decol&family=Yomogi&family=Zen+Kurenaido&display=swap'); @ import url('https ://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); ``` ### 5. レイアウト - ヘッダー:左揃えタイトル(大きなFont Awesomeアイコンを添える)+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ、右上にFont Awesomeアイコンを配置 - セクション間の適切な余白と階層構造(階層を示すFont Awesomeアイコンを活用) - 適切にグラスモーフィズムを活用(背後にぼかしたFont Awesomeアイコンを配置) - 横幅は100% - 重要な要素は中央寄り、補足情報は周辺部に配置 ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視(文字情報の50%以上をFont Awesomeアイコンで視覚的に補完) - キーワードを囲み線や色で強調し、関連するFont Awesomeアイコンを必ず添える - 概念ごとに最適なFont Awesomeアイコンを選定(抽象的な概念には複数の関連アイコンを組み合わせて表現) - 数値データは簡潔なグラフや図表で表現し、データ種類に応じたFont Awesomeアイコン(fa-chart-pie, fa-chart-column等)を配置 - 接続線や矢印で情報間の関係性を明示し、関係性の種類に応じたアイコン(fa-link, fa-code-branch等)を添える - 余白を効果的に活用して視認性を確保(余白にも薄いFont Awesomeパターンを配置可) - コントラストと色の使い分けでメリハリを付け、カラースキームに沿ったアイコン色を活用 ## Font Awesomeアイコン活用ガイドライン - 概念カテゴリー別の推奨アイコン: - 時間・順序:fa-clock, fa-hourglass, fa-calendar, fa-timeline - 場所・位置:fa-location-dot, fa-map, fa-compass, fa-globe - 人物・組織:fa-user, fa-users, fa-building, fa-sitemap - 行動・活動:fa-person-running, fa-gears, fa-hammer, fa-rocket - 思考・アイデア:fa-brain, fa-lightbulb, fa-thought-bubble, fa-comments - 感情・状態:fa-face-smile, fa-face-sad-tear, fa-heart, fa-temperature-half - 成長・変化:fa-seedling, fa-arrow-trend-up, fa-chart-line, fa-diagram-project - 問題・課題:fa-triangle-exclamation, fa-circle-question, fa-bug, fa-ban - 解決・成功:fa-check, fa-trophy, fa-handshake, fa-key - アイコンサイズの使い分け: - 主要概念:3x(fa-3x) - 重要キーワード:2x(fa-2x) - 補足情報:1x(標準サイズ) - 装飾的要素:lg(fa-lg) - アニメーション効果の適切な使い分け: - 注目喚起:fa-beat, fa-shake - 継続的プロセス:fa-spin, fa-pulse - 状態変化:fa-flip, fa-fade - 新規情報:fa-bounce ## 全体的な指針 - 読み手が自然に視線を移動できる配置(Font Awesomeアイコンで視線誘導) - 情報の階層と関連性を視覚的に明確化(階層ごとにアイコンのサイズや色を変える) - 手書き風の要素とFont Awesomeアイコンを組み合わせて親しみやすさとプロフェッショナル感を両立 - 大きなFont Awesomeアイコンを活用した視覚的な記憶に残るデザイン(各セクションに象徴的なアイコンを配置) - フッターに出典情報と関連するFont Awesomeアイコン(fa-book, fa-citation等)を明記 ## 変換する文章/記事 ーーー

156,193 görüntüleme

#alphaXiv とかいう研究用の𝕏が爆誕した模様。。。 マジで最前線の𝕏ということか!!

#alphaXiv とかいう研究用の𝕏が爆誕した模様。。。 マジで最前線の𝕏ということか!!

165,273 görüntüleme

Sora2用のGPTs「Sora2Craftr」使ってみた!! 漫才も結構いい感じにな気がするぞ!! ーーー📒プロンプトーーー [Subject] 主題: 小学生風の漫才コンビ(元気なボケ役と冷静なツッコミ役) [Setting] 環境: 教室の前、黒板の前に立って発表している感じ。 [Action] 動作: - ボケ役が「昨日、消しゴム食べたんや!」とドヤ顔で言う。 - ツッコミ役が「食べたらアカンやろ!それおやつちゃう!」と突っ込む。 - ボケ役が「でも、おいしかったで!フルーツの味した!」と続ける。 - ツッコミ役が「それ、フルーツのにおい消しゴムやん!」とさらに突っ込む。 [Camera] カメラ: - 最初は教室全体を映す。 - ボケのときは顔にズーム。 - ツッコミのときはカメラがちょっと揺れて面白さを強調。 [Style] 映像スタイル: コメディ調。明るい照明。効果音に「ピコーン!」や「ドーン!」が入る。 [Audio] 音声: - 子どもっぽい声でのやりとり。 - 後ろでクラスのみんなが「アハハ!」と笑う。 - 効果音「ピコーン」「ドーン」。 [Timeline] 時間構成: - 0–2秒: 二人が黒板の前に登場。 - 2–5秒: ボケ役「昨日、消しゴム食べた!」。 - 5–7秒: ツッコミ役「食べたらアカンやろ!」。 - 7–10秒: ボケ役「フルーツ味やった!」→ツッコミ「それ、におい消しゴムや!」 [Constraints] 制約条件: - 子どもでも理解できる簡単な言葉だけを使う。 - 元気でわかりやすい表情。 - 自然な動きとテンポ。

Sora2用のGPTs「Sora2Craftr」使ってみた!! 漫才も結構いい感じにな気がするぞ!! ーーー📒プロンプトーーー [Subject] 主題: 小学生風の漫才コンビ(元気なボケ役と冷静なツッコミ役) [Setting] 環境: 教室の前、黒板の前に立って発表している感じ。 [Action] 動作: - ボケ役が「昨日、消しゴム食べたんや!」とドヤ顔で言う。 - ツッコミ役が「食べたらアカンやろ!それおやつちゃう!」と突っ込む。 - ボケ役が「でも、おいしかったで!フルーツの味した!」と続ける。 - ツッコミ役が「それ、フルーツのにおい消しゴムやん!」とさらに突っ込む。 [Camera] カメラ: - 最初は教室全体を映す。 - ボケのときは顔にズーム。 - ツッコミのときはカメラがちょっと揺れて面白さを強調。 [Style] 映像スタイル: コメディ調。明るい照明。効果音に「ピコーン!」や「ドーン!」が入る。 [Audio] 音声: - 子どもっぽい声でのやりとり。 - 後ろでクラスのみんなが「アハハ!」と笑う。 - 効果音「ピコーン」「ドーン」。 [Timeline] 時間構成: - 0–2秒: 二人が黒板の前に登場。 - 2–5秒: ボケ役「昨日、消しゴム食べた!」。 - 5–7秒: ツッコミ役「食べたらアカンやろ!」。 - 7–10秒: ボケ役「フルーツ味やった!」→ツッコミ「それ、におい消しゴムや!」 [Constraints] 制約条件: - 子どもでも理解できる簡単な言葉だけを使う。 - 元気でわかりやすい表情。 - 自然な動きとテンポ。

66,279 görüntüleme

Claude 3.7 Sonnet ✖ グラフィックレコーディング風プロンプト ✖ アニメーションを付与プロンプトで動的なかわいい資料ができました! 「沖縄そばのもとで作る あっさり系おでん」についてDeep Researchで検索した結果をまとめてもらいました! *もうちょっと色々と動かしてもいいかも! ーーー プロンプト: # グラフィックレコーディング風インフォグラフィック変換プロンプト ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します 手書き風の図形やアイコンを活用して内容を視覚的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(アイコン、シンプルな図形)の組み合わせ - キーワードの強調(色付き下線、マーカー効果) - 関連する概念を線や矢印で接続 - 絵文字やアイコン、Font Awesomeを効果的に配置(✏️📌📝🔍📊など) - アニメーションを付与したダイナミックな資料にして - アニメーションの付与はFont Awesomeが動いたり背景のグラデーションが変わるとかです - 他にもおしゃれなアニメーションがあれば付与して ### 3. タイポグラフィ - タイトル:32px、グラデーション効果、太字 - サブタイトル:16px、#475569 - セクション見出し:18px、#1e40af、アイコン付き - 本文:14px、#334155、行間1.4 - フォント指定: ```html Import url(' ``` ### 4. レイアウト - ヘッダー:左揃えタイトル+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ - セクション間の適切な余白と階層構造 - 適切にグラスモーフィズムを活用 - 横幅は100%にして ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視 - キーワードを囲み線や色で強調 - 簡易的なアイコンや図形で概念を視覚化 - 数値データは簡潔なグラフや図表で表現 - 接続線や矢印で情報間の関係性を明示 - 余白を効果的に活用して視認性を確保 ## 全体的な指針 - 読み手が自然に視線を移動できる配置 - 情報の階層と関連性を視覚的に明確化 - 手書き風の要素で親しみやすさを演出 - 視覚的な記憶に残るデザイン - フッターに出典情報を明記 ## 変換する文章/記事 ーーー

Claude 3.7 Sonnet ✖ グラフィックレコーディング風プロンプト ✖ アニメーションを付与プロンプトで動的なかわいい資料ができました! 「沖縄そばのもとで作る あっさり系おでん」についてDeep Researchで検索した結果をまとめてもらいました! *もうちょっと色々と動かしてもいいかも! ーーー プロンプト: # グラフィックレコーディング風インフォグラフィック変換プロンプト ## 目的 以下の内容を、超一流デザイナーが作成したような、日本語で完璧なグラフィックレコーディング風のHTMLインフォグラフィックに変換してください。情報設計とビジュアルデザインの両面で最高水準を目指します 手書き風の図形やアイコンを活用して内容を視覚的に表現します。 ## デザイン仕様 ### 1. カラースキーム ``` ``` ### 2. グラフィックレコーディング要素 - 左上から右へ、上から下へと情報を順次配置 - 日本語の手書き風フォントの使用(Yomogi, Zen Kurenaido, Kaisei Decol) - 手描き風の囲み線、矢印、バナー、吹き出し - テキストと視覚要素(アイコン、シンプルな図形)の組み合わせ - キーワードの強調(色付き下線、マーカー効果) - 関連する概念を線や矢印で接続 - 絵文字やアイコン、Font Awesomeを効果的に配置(✏️📌📝🔍📊など) - アニメーションを付与したダイナミックな資料にして - アニメーションの付与はFont Awesomeが動いたり背景のグラデーションが変わるとかです - 他にもおしゃれなアニメーションがあれば付与して ### 3. タイポグラフィ - タイトル:32px、グラデーション効果、太字 - サブタイトル:16px、#475569 - セクション見出し:18px、#1e40af、アイコン付き - 本文:14px、#334155、行間1.4 - フォント指定: ```html Import url(' ``` ### 4. レイアウト - ヘッダー:左揃えタイトル+右揃え日付/出典 - 3カラム構成:左側33%、中央33%、右側33% - カード型コンポーネント:白背景、角丸12px、微細シャドウ - セクション間の適切な余白と階層構造 - 適切にグラスモーフィズムを活用 - 横幅は100%にして ## グラフィックレコーディング表現技法 - テキストと視覚要素のバランスを重視 - キーワードを囲み線や色で強調 - 簡易的なアイコンや図形で概念を視覚化 - 数値データは簡潔なグラフや図表で表現 - 接続線や矢印で情報間の関係性を明示 - 余白を効果的に活用して視認性を確保 ## 全体的な指針 - 読み手が自然に視線を移動できる配置 - 情報の階層と関連性を視覚的に明確化 - 手書き風の要素で親しみやすさを演出 - 視覚的な記憶に残るデザイン - フッターに出典情報を明記 ## 変換する文章/記事 ーーー

89,421 görüntüleme

私も特急訪問プロンプト使ってみた!!!! 普通にめちゃカッコいいぞ!!

私も特急訪問プロンプト使ってみた!!!! 普通にめちゃカッコいいぞ!!

58,021 görüntüleme

4o✖間取りのミニチュア生成✖内見画像✖KlingAIで内見デモ動画を作成してみた!!! 色々とツッコミ要素はあるが雰囲気はこんな感じ!!

4o✖間取りのミニチュア生成✖内見画像✖KlingAIで内見デモ動画を作成してみた!!! 色々とツッコミ要素はあるが雰囲気はこんな感じ!!

55,031 görüntüleme

GoogleのGeminiの『Canvas』機能使ってみた! UIIが結構凝ってるのが良い!!

GoogleのGeminiの『Canvas』機能使ってみた! UIIが結構凝ってるのが良い!!

34,356 görüntüleme

さっそくAiuni AI使ってみた!!! これは良い感じ!!!

さっそくAiuni AI使ってみた!!! これは良い感じ!!!

10,579 görüntüleme

Videos

hAru_mAki_ch's profile picture

NVIDIAがUnslothを使ったLLMのファインチューニング入門ガイドを出したぞ!!!これは熱い🔥🔥🔥 🎬 動画の概要 自宅のPCでAIをトレーニングし、自分好みのスキルを教え込む「ローカルAI学習」の世界を解説します。 ファインチューニングや強化学習の基本から、NVIDIA RTX GPUと高速化ライブラリ「Unsloth」を組み合わせた最新の効率化手法まで、専門的な知識を噛み砕いてお届けします。 パズルゲーム「2048」をAIが自力で攻略するケーススタディを通じて、AIがどのように「思考」し「学習」していくのか、その驚きのプロセスをぜひ体験してください。 ⏱️ チャプター(タイムスタンプ) 00:00 オープニング:自宅でAIを育てる時代 00:37 強化学習(Reinforcement Learning)とは? 01:02 セクション1:ファインチューニングの基本とPEFT 02:31 セクション2:強化学習のループと仕組み 03:28 必要なツール:NVIDIA GPUとUnsloth 04:30 ケーススタディ:パズルゲーム「2048」の完全攻略 06:27 なぜローカルAIなのか?3つの大きな利点 07:30 まとめ:あなたならAIに何を教えますか? ✅ この動画のポイント ✅ ファインチューニング(PEFT)でAIを特定の分野の専門家にする ✅ 強化学習の「行動・報酬・学習」サイクルでAIが自律的に進化する仕組み ✅ NVIDIA RTX GPUとUnslothの活用で学習パフォーマンスを2.5倍に向上 ✅ ローカル環境ならではのプライバシー保護と自由なカスタマイズのメリット 📢 まとめ&お知らせ AIのトレーニングは、かつてのスーパーコンピュータの領域から、私たちのデスクの上へとやってきました。 もしあなたがAIに「たった一つだけ」特別な知識を授けられるとしたら、何を教えたいですか?ぜひコメント欄で教えてください!

Maki@Sunwood AI Labs.

41,239 görüntüleme • 6 ay önce

hAru_mAki_ch's profile picture

🍌 nano banana pro エージェントV1.2を使って、経度と緯度を指定したら、その場所のジオラマができる 「ミニチュア・ジオラマ作家プロンプト」爆誕! これは楽しい!! ーーー📒プロンプトーーー あなたは世界的に著名な「ミニチュア・ジオラマ作家兼写真家」です。 最後に提供される入力テキスト(緯度・経度)の内容を深く分析し、その場所の魅力を凝縮した**「超精巧なアイソメトリック・ジオラマ」**の画像を生成してください。 その際、添付された参照画像のキャラクターを、**「ジオラマの世界観に合わせた観光ガイド役のフィギュア」**として配置してください。キャラクターの一貫性を維持しつつ、ジオラマの一部として違和感なく溶け込ませてください(例:建物の横で案内している、ベンチに座っている等)。 ▼ 生成プロセスへの指示 (Thinking Process) Nano Banana Proの推論能力を活かし、描画前に以下の思考プロセスを実行してください。 1. **[ステップ1: 地理的特定と要素抽出]**: 入力された緯度・経度が示す具体的な場所(都市、ランドマーク、自然地形)を特定してください。その場所を象徴する「3つの主要な視覚的要素(例:エッフェル塔、桜並木、石畳)」を選定し、構成要素とします。 2. **[ステップ2: ミニチュア化の翻訳]**: 現実の風景を「模型」として翻訳してください。水面は透明なレジン、木々はスポンジ素材、建物はプラスチックや木材のような質感を持たせ、現実感をあえて少し消し、「手作り感」と「精巧さ」を両立させます。 3. **[ステップ3: 空間演出]**: ジオラマは正方形の木製台座の上に構築します。全体を照らす暖色のスタジオライティングを想定し、被写界深度(ボケ味)を調整して、視線を中心的なランドマークに誘導してください。 ▼ デザイン・スタイル指定 * **構図・レイアウト**: 斜め上45度からのアイソメトリック視点(等角投影図)。背景はすっきりとしたボケのあるスタジオ背景。 * **テイスト**: チルトシフト(Tilt-shift)写真風。マクロレンズで撮影したような浅い被写界深度。高彩度で温かみのあるライティング。 * **テキスト**: 台座の側面に金属製のプレートを配置し、そこに**「場所の名称(英語)」**と**「入力された緯度・経度」**を、高級感のあるセリフ体フォントで正確に刻印・描画してください。 * **キャラクター**: 参照キャラクターを「約1/35スケールの精巧なフィギュア」の質感(少しの光沢感)で描画し、楽しそうに場所を紹介するポーズ、または風景を眺めるポーズを指定する。 ▼ 入力テキスト (ここに緯度・経度を入力してください。例:35.6586° N, 139.7454° E)

Maki@Sunwood AI Labs.

40,753 görüntüleme • 7 ay önce

Daha fazla içerik yok.