Loading video...

Video Failed to Load

Go Home

Webサイトの構成を選べる辞典 136種類、プロンプト付きで作りました。 ファーストビューから料金表まで、 セクション単位で見比べられます。 ・写真と文章を左右に配置する構成 ・3つの料金プランを並べる構成 ・メッセージを1カラムで伝える構成 気になる例を開くと、 HTMLと生成プロンプトをコピー可能。 プロンプトの会社名やサービス名を変え、 AIに渡せばサイト制作の出発点に。 HTMLを編集して使うこともできます。 「どんな配置にするか」を、 実物を見ながら決めたいときに。 サイトのリンクを欲しい方は コメントで教えてください。 DMでお送りさせていただきます。

38,148 views • 10 days ago •via X (Twitter)

73 Comments

KAWAI's profile picture
KAWAI10 days ago

Webサイト生成に興味がある人には こちらもおすすめです。

さすけ's profile picture
さすけ10 days ago

欲しいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

セレモフ's profile picture
セレモフ10 days ago

欲しいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

よっちゃん's profile picture
よっちゃん10 days ago

欲しいです😭🙇

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

はる。's profile picture
はる。10 days ago

欲しいです。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

mizu-ki's profile picture
mizu-ki10 days ago

サイトのリンク、ぜひ教えていただきたいです! よろしくお願いします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

やす|Web制作's profile picture
やす|Web制作10 days ago

リンク教えていただきたいです、よろしくお願いいたします🙇

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

asai/アートメイク看護師@大阪/肌管理強化中🔥's profile picture
asai/アートメイク看護師@大阪/肌管理強化中🔥10 days ago

こんにちは! 欲しいです✨よろしくお願いします🙇‍♀️

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

むっく's profile picture
むっく10 days ago

リンク教えてほしいです。よろしくお願いします。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

セブン|AI初心者の遠回りを減らす人🔰's profile picture
セブン|AI初心者の遠回りを減らす人🔰10 days ago

KAWAIさん これは実用的!参考にさせてください。 よろしくお願いします✨

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

まゆ┊デザイナー × ディレクター's profile picture
まゆ┊デザイナー × ディレクター10 days ago

ぜひ教えていただけますでしょうか?🙇‍♀️お手隙の際によろしくお願いいたします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

tan nike's profile picture
tan nike10 days ago

i think this very useful can you dm to me thx alot

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

⛩️yoko🌸ひぽ🌸⛩️🌈's profile picture
⛩️yoko🌸ひぽ🌸⛩️🌈10 days ago

リンク教えてください。興味あります

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

ジャム's profile picture
ジャム10 days ago

欲しいです

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

かわじ | web制作's profile picture
かわじ | web制作10 days ago

欲しいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

ふみの | webデザイナー×作業療法士's profile picture
ふみの | webデザイナー×作業療法士10 days ago

リンク教えていただきたいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

ふみの | webデザイナー×作業療法士's profile picture
ふみの | webデザイナー×作業療法士10 days ago

ありがとうございます!!活用させていただきます。

こはね | サムネ×Web導線デザイナー's profile picture
こはね | サムネ×Web導線デザイナー10 days ago

よろしくお願いします🙇

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

めたもん's profile picture
めたもん10 days ago

サイト知りたいです! よろしくお願いします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

やまもとりゅうじ|日本一のアフィリエイター's profile picture
やまもとりゅうじ|日本一のアフィリエイター10 days ago

知りたいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

tst's profile picture
tst10 days ago

欲しいです🙇‍♂️

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

序列最下位デザイナー's profile picture
序列最下位デザイナー10 days ago

お願いします🙇‍♀️🙇‍♀️🙇‍♀️

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

mmrsk's profile picture
mmrsk10 days ago

リンク教えてください。ありがとうございます!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

かずみっち社長's profile picture
かずみっち社長10 days ago

リンク知りたいです! どうぞよろしくお願いいたします。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

パラレルワーク弁護士新井|弁護士向けAI&ITサポート・HP制作etc's profile picture
パラレルワーク弁護士新井|弁護士向けAI&ITサポート・HP制作etc10 days ago

いつも拝見しております!ぜひリンク知りたいです☺️

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

oira's profile picture
oira10 days ago

いつも貴重な情報ありがとうございます! ぜひ拝見したいです。 よろしくお願いいたします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

practicalstr's profile picture
practicalstr10 days ago

欲しいです。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

すまいるだいじ's profile picture
すまいるだいじ10 days ago

欲しいです。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

dorashino's profile picture
dorashino10 days ago

欲しいです!!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

ギガ脳|AI×Obsidian×SIM業界エンジニア's profile picture
ギガ脳|AI×Obsidian×SIM業界エンジニア10 days ago

ぜひ!

KAWAI's profile picture
KAWAI10 days ago

DMでお送りしたいので、 フォローいただけますでしょうか?

株式会社IMAKONO|企業公式アカウント's profile picture
株式会社IMAKONO|企業公式アカウント10 days ago

教えてください!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

あやか|デザイン×コーディング×広告運用's profile picture
あやか|デザイン×コーディング×広告運用10 days ago

リンク是非教えていただきたいです🙇‍♀️ よろしくお願いいたします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

みー!'s profile picture
みー!10 days ago

欲しいです!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

くに's profile picture
くに10 days ago

サイトのリンクが欲しいです。 よろしくお願いします。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

くに's profile picture
くに10 days ago

ありがとうございます。 著書の「AIでゼロからデザイン」も購入しました、非常に勉強になりました。 応援しております。

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます。本も購入していただき、とても嬉しいです。 今後ともよろしくお願いいたします!

今野健介|Claude×EC専門家's profile picture
今野健介|Claude×EC専門家10 days ago

KAWAIさん いつもありがとうございます! これはめちゃ参考になる!よろしくお願いします🙏

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

今野健介|Claude×EC専門家's profile picture
今野健介|Claude×EC専門家10 days ago

ありがとうございます😊

yano's profile picture
yano10 days ago

いつも参考にさせていただいてます! リンク欲しいです!よろしくお願いします!

KAWAI's profile picture
KAWAI10 days ago

ありがとうございます! DMでお送りしました。

Related Videos

\資料作成の常識が変わる!/ Googleスライドの自動生成機能が遂に実装💥 スライド化したい資料を指定し、プロンプトを入力するだけでスライド一式を一括で作成できるようになりました! 何がそんなに凄いのか、これまでのAIスライド生成のイメージを覆す衝撃のポイントをまとめました👇 ①「画像」でなくオブジェクトなのがすごい NotebookLMなどのスライド生成も凄かったですが、出力が「1枚の画像」になるため、後から文字や配置を個別に微調整できないのがネックでした🤔 しかし、今回は文字や図形がすべて「オブジェクト」として生成されるため、完成したスライドのフォントや色を変えたり、自社の画像に差し替えたりといった微調整が自由自在です⚡️ ② ターゲットや情報密度を細やかに指定できる 「誰に向けたプレゼンなのか」や「1枚あたりの情報密度(簡潔にするなど)」を指示することで、AIが目的に合った最適な構成を数分で自動生成してくれます さらに、テーマカラーやビジュアルスタイルもその場で指定できるので、自社のイメージに合った華やかなデザインに仕上げられます🎨 ③自社のテンプレートデザインから作成も可能! 自社のテンプレートを読み込ませて、ルール通りにスライド一式を作らせることも可能です! これにより、ほぼそのままプレゼンで使えるスライドが完成します👀 ただ、テンプレートを読み込ませるとデザインを「厳格に守りすぎる」ため、元のデザインパターンが少ないと、生成されるレイアウトの柔軟性が制限されてしまうという一面もあります🤔 もっと自由で思い通りのスライドを作りたい時は、あえてテンプレートを入れずに、以前無料配布した自作Gem「プレゼンコンサル with NotebookLM」と組み合わせるのが相性抜群です! 【Gem:プレゼンコンサルwith NotebookLMとは】 このGemは、ズバリ「AIに渡すための『スライド構成案』を作ってくれる」優れものです! 膨大な資料を読み込ませるだけで、1枚目から最後まで理想的な目次と内容を考えてくれます📝 これを使うことで、出力時のガチャ要素を抑え、あなたの思い描いた通りのスライドを確実に生成できるようになります👀 実際のワークフローがこちらです👇 ❶ 元資料(Deep Researchで出した長大なレポート等)を自作Gemに読み込ませる ❷ ターゲットや目的、枚数を伝えて、まずはスライドの「完璧な構成案」を出してもらう ❸ その構成案をコピーしてGeminiのスライド生成プロンプトに流し込む ❹ 画面にフォーム(情報密度やストーリーの強調ポイントの選択画面)が出てくるのでポチポチ選ぶ ❺ Geminiが提案してきたスライドの構成プラン(目次)を確認・修正して「承認」を押す 承認ボタンを押したら、Geminiがスライドを一気に組み立ててくれます 今回私が検証で作成したスライドも、プロンプトを投げて質問に回答しただけなので、かかった実質的な作業時間は実質3分程度です👀 スライドの叩き台を一瞬で作って、我々人間は「熱量をどう伝えるか」という本来の業務にフルコミットしていきましょう!🥳 実際のスライド一括生成の動作風景や、検証の全貌は、このポストのリプ欄にあるYouTube動画本編をチェックしてください👇

こーすけ先生

12,950 views • 2 months ago

Webデザインで「手が止まる」 本当の原因と、その解決策の話 デザインギャラリーサイトを眺めて参考を探す。 Webデザイナーなら誰もがやることですが、 実はここに「効率を大きく下げる落とし穴」があります。 ━━━━━━━━━━━━━━━ よくある失敗:「サイト全体」 から探してしまう 多くのギャラリーサイトは「サイト単位」で事例を掲載しています。でも、実際に制作中に手が止まるのはこういう場面です。 「料金表のレイアウト、どう組もう…」 「CTAの見せ方、もっといい形ないかな…」 「FAQセクション、他社はどうしてる?」 つまり、悩んでいるのは"サイト全体"ではなく "特定のセクション"のデザインなんです。 サイト全体のギャラリーから特定パーツの参考を探すのは、 辞書を1ページ目から読んで目的の単語を探すようなもの。膨大な時間がかかります。 ━━━━━━━━━━━━━━━ 解決策:「パーツ単位」で 引ける辞書を持つ ここで紹介したいのが「Parts.」という ギャラリーサイトです。 このサイト最大の特徴は、 Webサイトのデザインを"セクション・パーツごと"に分類して掲載していること。 カテゴリは驚くほど細かく分かれています。 【セクション / ページ系】 ヘッダー / メインビジュアル / 課題提起(Problems)/ サービスの特徴 / 導入事例 / 導入フロー / 料金表 / FAQ / CTA / フッター / パンくず / 会社概要 / お知らせ / インフォグラフィックス / 数字(実績)/ ブログ一覧 / 記事ページ / お問い合わせ / 資料ダウンロード 【機能・UIパーツ系】 モーダル / 404エラーページ / メガメニュー / スライダー 掲載数は3,500件以上。 しかもSaaS・コーポレートサイト・BtoBのLP中心なので、 ビジネス系のサイト制作では参考の質が非常に高い。 ━━━━━━━━━━━━━━━ なぜ「パーツ別」が学びになるのか サイト全体を眺めるのと、同じ役割のパーツを横並びで比較するのとでは、得られる気づきがまるで違います。 たとえばCTAだけを50個並べて見ると、 「ボタンの数は1つか2つか」 「背景色の使い分け」 「マイクロコピーの有無」 といったパターンと 法則が見えてきます。 これはいわば、デザインの「型」を体系的にインプットする行為。 ただ眺めるだけで、構成力とレイアウトの引き出しが増えていきます。 ━━━━━━━━━━━━━━━ こんな人におすすめ ・SaaS / BtoB / コーポレートサイトを制作中の方 ・LPの特定セクションで手が止まっている方 ・ワイヤーフレーム段階で構成の参考が欲しい方 ・デザインの引き出しを体系的に 増やしたい新人デザイナー ・ディレクターや非デザイナーが 要件定義の参考にしたい時 サイト全体のギャラリーは「インスピレーション」向き。 パーツ別のギャラリーは「実務で即使える武器」。 両方を使い分けるだけで、制作スピードは大きく変わります。 ▼ Parts. |パーツ別Webデザイン集

KAWAI

19,576 views • 7 months ago

お金の部分に関しては、堀さんの名誉の為にお伝えしておくと、堀さんはDMで何度も返金しますと言ってくれてます。 ただ、僕は堀さんから一切お金を受け取るつもりがないので、口座情報を聞かれてもお伝えしていません。 理由としては、1つ目にスマートリングはあくまで僕が買いたいと思い、勝手に買ったものなので、その結果がどうなろうと堀さんからお金を受け取る理由がなく、納得して払ったお金なので一切返して欲しいという気持ちがないからです。 ただ、すぐに返金できるお金が手元にあるだけでなく、ライブ配信で色をつけて返すという発言をしていて、「そんな金あるなら最初から自分で買えよ!」とは思いましたが笑 (ちなみに、DMでは色をつけて返すとは一度も言われてません) 2つ目は、堀さんがDMで「海空さんに失礼をしたこと、勘違いによるものを公開します。」と 誤解を解いてくださると言ってくれたので、それを信じてDMでやりとりをしていたのですが、それをしてくれなかったことや 「改めて見返したら自分が伝えたかったことと真逆の文章を送ってしまっていた」と僕には到底理解できないことを後で言い出したりして、堀さんの言葉が全く信用ならなくなったのと ライブ配信では、事実を曲げて僕のことを悪く言ったりしてるのも聞いてるので、仮に返金してもらおうものなら、「海空さんに返金をしつこく迫られた」「脅された」みたいなことを広められる可能性もあると考えたため 以上2つの理由から、堀さんにお金を返してもらいたいという思いは今も一切ありません。

海空ちゅうと

717,847 views • 1 month ago

俯瞰でも縦パースをつけない 二点透視の構図を作る方法と仕組みについて 漫画の表現でよくある「見下ろしている構図だけど高さ方向にはパースがつかない」という、一見矛盾した構図を撮るための手順は以下の通りです。 1. 原理の理解 クリップスタジオの3Dの構図は、カメラだけではなく「カメラ」と「注視点」の2つの関係性によって作られています。この2つを制御することが必要です。 2. 二点透視を作る基本操作 カメラと注視点の高さを一致させることで、二点透視になります。 3. 問題 (a) 高さを一致させたままでは、画面に3D素材が映らないという問題が出てきます。 (b) しかし素材を映そうとしてカメラの角度を変えると、注視点との高さが平行ではなくなるため、縦パースがついてしまいます。 4. 解決の方法 (a) 大凡の構図を決めた後に、カメラと注視点の高さを揃えて二点透視の状態を作ります。 (b) その後に「レンズシフト」機能を使って、映す範囲をずらします。中ボタンドラックは注視点とカメラの関係性を保持したまま構図調整できるので適宜使用。 この手順をとることで、縦のラインを垂直に保ったまま、見下ろしの構図を作ることが可能です。 レンズシフトの下にある「垂直に補正」のボタンを使えば簡単に同様の事ができますが、上記を理解する事で「垂直に補正」の機能はカメラと注視点の位置、レンズシフトYの項目をオートで調整するという機能でもある、ということが理解できます。

漫画用3D承ります|マンガ3Dラボ|脇﨑

139,101 views • 5 months ago