Загрузка видео...

Не удалось загрузить видео

На главную

WebサイトやUIを作る人はGoogleから 新しく出た「Stitch」を使った方が良い 100文字程度の入力（リプ参照）でこのサイトが生成されます。右上のボタンから色やフォントなどの変更も可能。コードとFigmaのコピペもできるので、叩き台フェーズの工数が大幅に削減できます。

kawai_design's profile picture

KAWAI

20,348 subscribers

83,014 просмотров • 1 год назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 4

Фото профиля KAWAI
KAWAI1 год назад

プロンプト --- Stylish website. The site is designed to attract customers to the AI & Design School. Primary color: # a51e6d.

Фото профиля KAWAI
KAWAI1 год назад

Google Stitch はこちら

Фото профиля Rainmaker
Rainmaker2 лет назад

Can Machine Learning beat the market? Check out this post on my free Substack where I share code and commentary for an XGBoost model and a Random Forest model that both deliver powerful performances.

Фото профиля hiromi maeo
hiromi maeo1 год назад

修正繰り返すとやや回答が不安定になりますね。 すぐ改善されるとは思いますが。

Похожие видео

Gemini 3 Canvas を 超える使いやすさ Google Stitch が Figma を代替するかも？ 🔽 プロンプトはリプに掲載 このWebサイト3ページは、1度の指示で生成されました。コードのコピー、色のテーマ変更（動画終盤で実行）も可能です。修正内容によっては、日本語で指示するよりも楽な場合もあります。 さらに驚きなのが、1クリックで「Google AI Studio」「Jules」にエクスポートできます。UIデザインが数分で動作するアプリケーションに変換される。Webサイト、アプリケーションUIデザインの制作プロセスの革命か。
1:24

Gemini 3 Canvas を 超える使いやすさ Google Stitch が Figma を代替するかも？ 🔽 プロンプトはリプに掲載 このWebサイト3ページは、1度の指示で生成されました。コードのコピー、色のテーマ変更（動画終盤で実行）も可能です。修正内容によっては、日本語で指示するよりも楽な場合もあります。 さらに驚きなのが、1クリックで「Google AI Studio」「Jules」にエクスポートできます。UIデザインが数分で動作するアプリケーションに変換される。Webサイト、アプリケーションUIデザインの制作プロセスの革命か。

KAWAI

82,674 просмотров • 8 месяцев назад

【CanvaでNotebookLMのスライド文字編集】 Canvaのアプリ「image text editor」を使えば、PDFで出力されたスライドの文字を編集することができます！ Canva内で完結するので、フォントを変えることも、ふりがなを付けることも可能！！ さくっと編集したいときはこれが一番楽かも！ #Canva #CanvaEdu
0:23

【CanvaでNotebookLMのスライド文字編集】 Canvaのアプリ「image text editor」を使えば、PDFで出力されたスライドの文字を編集することができます！ Canva内で完結するので、フォントを変えることも、ふりがなを付けることも可能！！ さくっと編集したいときはこれが一番楽かも！ #Canva #CanvaEdu

全力先生@S.Fukuda

123,340 просмотров • 6 месяцев назад

「配色が苦手」は、 色を知らないだけです。 センスの問題ではありません。 良い配色を見た回数と、 それを使える形で持っているかの差です。 ポケモンはなぜ愛されるのか。 そう考え続けていたら、 配色のルールが見えてきました。 どのキャラクターも、 メインカラーとアクセントカラーの バランスが徹底されています。 これはサムネイル、広告、Webサイト、 スライドにもそのまま活かせます。 ポケモン151体の配色を メイン・ベース・アクセントで 一覧できるサイトを作りました。 気に入った色はクリックでコピーできます。 Webサイトはこちら
0:23

「配色が苦手」は、 色を知らないだけです。 センスの問題ではありません。 良い配色を見た回数と、 それを使える形で持っているかの差です。 ポケモンはなぜ愛されるのか。 そう考え続けていたら、 配色のルールが見えてきました。 どのキャラクターも、 メインカラーとアクセントカラーの バランスが徹底されています。 これはサムネイル、広告、Webサイト、 スライドにもそのまま活かせます。 ポケモン151体の配色を メイン・ベース・アクセントで 一覧できるサイトを作りました。 気に入った色はクリックでコピーできます。 Webサイトはこちら

KAWAI

78,718 просмотров • 3 месяцев назад

Webサイトの成果が見える、次の改善につながる。Google アナリティクスとの連携が大幅アップデート。 Webサイトを公開したあと、どれくらいの人が訪れて、問い合わせや申し込みにつながっているのか。 分析から改善まで、Studio上で手軽に完結します。 Google アナリティクスとStudioを連携し、Google アナリティクスが計測した訪問者数や流入元などのデータの確認・クリック数などを計測する「キーイベント」の設定が、Studio上でできるようになりました。 詳細はスレッドにあるリンクから、リリース記事をご覧ください。
0:25

Webサイトの成果が見える、次の改善につながる。Google アナリティクスとの連携が大幅アップデート。 Webサイトを公開したあと、どれくらいの人が訪れて、問い合わせや申し込みにつながっているのか。 分析から改善まで、Studio上で手軽に完結します。 Google アナリティクスとStudioを連携し、Google アナリティクスが計測した訪問者数や流入元などのデータの確認・クリック数などを計測する「キーイベント」の設定が、Studio上でできるようになりました。 詳細はスレッドにあるリンクから、リリース記事をご覧ください。

Studio | Web制作を、ノーコードで。

39,455 просмотров • 1 месяц назад

時間のある休日に試してみてほしい、Claude codeを使っての「チャットだけで理想のサイトを作ってみる」ワーク。物ができる事ももちろんなのだけど、これを作ることで圧倒的にClaude codeと仲良くなれる。どう指示すれば、どう動くのかが体感できると、「もしかしたらこれもできるかもしれない」のアイディアにも繋がってくるのでおすすめしたい。 同じくらいのクオリティで何かのサイトを作ってみたいよ！な方はnoteまとめてるので良ければ✏︎ - チャットのやりとりだけで理想のサイトをつくる（プロンプト付き）
0:31

時間のある休日に試してみてほしい、Claude codeを使っての「チャットだけで理想のサイトを作ってみる」ワーク。物ができる事ももちろんなのだけど、これを作ることで圧倒的にClaude codeと仲良くなれる。どう指示すれば、どう動くのかが体感できると、「もしかしたらこれもできるかもしれない」のアイディアにも繋がってくるのでおすすめしたい。 同じくらいのクオリティで何かのサイトを作ってみたいよ！な方はnoteまとめてるので良ければ✏︎ - チャットのやりとりだけで理想のサイトをつくる（プロンプト付き）

古性 のち

45,522 просмотров • 3 месяцев назад

サイト制作ヒアリングシートをClaudeで作ってみました。 スプレッドシートやExcelでの共有が地味に億劫だなと感じていたので、 ブラウザ上でポチポチしながら入力できるのがメリットです。 テキスト・PDFで共有可能 もし使いたい方いましたら、共有できるように調整しますのでリプかDMください🙋
0:45

サイト制作ヒアリングシートをClaudeで作ってみました。 スプレッドシートやExcelでの共有が地味に億劫だなと感じていたので、 ブラウザ上でポチポチしながら入力できるのがメリットです。 テキスト・PDFで共有可能 もし使いたい方いましたら、共有できるように調整しますのでリプかDMください🙋

Webデザイナーのふじわら

100,821 просмотров • 5 месяцев назад

「Nano Banana Pro」 で生成したサムネイルのギャラリーサイトをGoogleの「Antigravity」で生成しました。 "これができるなら、あれもできるのでは？"というアイデアが溢れてきます。やはり、考え込む前に、行動するのが吉。行動しないと、思考も豊かにならない。 とにかく作る、試す。
0:43

「Nano Banana Pro」 で生成したサムネイルのギャラリーサイトをGoogleの「Antigravity」で生成しました。 "これができるなら、あれもできるのでは？"というアイデアが溢れてきます。やはり、考え込む前に、行動するのが吉。行動しないと、思考も豊かにならない。 とにかく作る、試す。

KAWAI

182,291 просмотров • 6 месяцев назад

先日、SUNOで生成されたものをmp3でダウンロードするか wavでダウンロードするか、で音質が違うという話題を見かけました。 SUNOもACE Studioも(というかAI生成全部かもしれない) mp3で生成されます。 SUNOの場合、生成された状態はmp3でもwavでダウンロードを掛けると何かしらのフィルターが掛かって書き出されるのか それともコンバートの精度なのか、音は変わるっぽい。 その話題で、初心者の方々に誤った勘違いが起こっているのをちょこちょこ見かけました。 ここからはSUNOやAI生成の話ではないです。 WAVやAIFFからmp3やAACに変換された音声は 圧縮するために情報量が削られます。 この動画を見ていただければ、元は同じファイルでも mp3の方は上が無くなっている事が分かると思います。 で、この状態のmp3やAACを、wavやAIFFに変換しても 容量が増えるだけで失った音質は戻ってきません。 なので「wavの方が音が良い」は、この状態になってしまったファイルには当てはまりません。 mp3と全く同じ音のまま容量が増えるだけです。 ちなみに、Logic Proはmp3やAACを取り込むと 自動的に設定しているwavかAIFFに変換されます。 ※DAWによっては、そのままmp3を扱うものと、wavに変換されるものがあります。 そのまま再生するとmp3と全く同じ音になります。 では、なぜDAWに入れた際にwavに変換されるのか？ フェーダー操作やPluginを掛けていった際に、mp3とwavで結果が変わる点と mp3やAACを再生するために都度デコードしながら再生するので、無駄な負荷が掛かるためです。 とはいえ、現代のパソコンでこの程度の負荷は誤差の範囲ですが デコードしながらプラグインも掛ける行為が安定しているとはいえない、とされているからの様です。 ここでSUNOの話に戻します。 なので、SUNOで生成されたファイルをmp3でダウンロードした後に それを何かしらのソフトでwavに変換しただけの状態では 無駄に容量が増えただけで音質は変わっていない、という事です。 (先に書いたように、SUNOからのダウンロードにおいてはmp3とwavは音が違うようです。) その後、何かしらの変化を行った場合にwavが活きてくる。 何も変化を起こさない2mixのままならmp3のままでいい、という事になります。 ※一部、特殊な音声圧縮フォーマット「FLAC」は 元の音質に戻ります。
0:20

先日、SUNOで生成されたものをmp3でダウンロードするか wavでダウンロードするか、で音質が違うという話題を見かけました。 SUNOもACE Studioも(というかAI生成全部かもしれない) mp3で生成されます。 SUNOの場合、生成された状態はmp3でもwavでダウンロードを掛けると何かしらのフィルターが掛かって書き出されるのか それともコンバートの精度なのか、音は変わるっぽい。 その話題で、初心者の方々に誤った勘違いが起こっているのをちょこちょこ見かけました。 ここからはSUNOやAI生成の話ではないです。 WAVやAIFFからmp3やAACに変換された音声は 圧縮するために情報量が削られます。 この動画を見ていただければ、元は同じファイルでも mp3の方は上が無くなっている事が分かると思います。 で、この状態のmp3やAACを、wavやAIFFに変換しても 容量が増えるだけで失った音質は戻ってきません。 なので「wavの方が音が良い」は、この状態になってしまったファイルには当てはまりません。 mp3と全く同じ音のまま容量が増えるだけです。 ちなみに、Logic Proはmp3やAACを取り込むと 自動的に設定しているwavかAIFFに変換されます。 ※DAWによっては、そのままmp3を扱うものと、wavに変換されるものがあります。 そのまま再生するとmp3と全く同じ音になります。 では、なぜDAWに入れた際にwavに変換されるのか？ フェーダー操作やPluginを掛けていった際に、mp3とwavで結果が変わる点と mp3やAACを再生するために都度デコードしながら再生するので、無駄な負荷が掛かるためです。 とはいえ、現代のパソコンでこの程度の負荷は誤差の範囲ですが デコードしながらプラグインも掛ける行為が安定しているとはいえない、とされているからの様です。 ここでSUNOの話に戻します。 なので、SUNOで生成されたファイルをmp3でダウンロードした後に それを何かしらのソフトでwavに変換しただけの状態では 無駄に容量が増えただけで音質は変わっていない、という事です。 (先に書いたように、SUNOからのダウンロードにおいてはmp3とwavは音が違うようです。) その後、何かしらの変化を行った場合にwavが活きてくる。 何も変化を起こさない2mixのままならmp3のままでいい、という事になります。 ※一部、特殊な音声圧縮フォーマット「FLAC」は 元の音質に戻ります。

くうP

84,546 просмотров • 3 месяцев назад

【Webデザイン革命】 Builder. ioとFigmaのAI連携がすごい。 アイテムを動かしたり、大きさを変えると自動でコードも修正される。 これでコード書けなくても洗練されたWebページを作れそう。 ↓このサイトから動画みたいな動きができるでぜひ試してほしい。感動します。
0:39

【Webデザイン革命】 Builder. ioとFigmaのAI連携がすごい。 アイテムを動かしたり、大きさを変えると自動でコードも修正される。 これでコード書けなくても洗練されたWebページを作れそう。 ↓このサイトから動画みたいな動きができるでぜひ試してほしい。感動します。

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

146,929 просмотров • 2 лет назад

AI動画のフェーズがまた一段階進化しました。 先日、Luma AI(Luma)から一般公開されたばかりのRay2ですが、アニメ系から実写系までimage to videoの出力結果のポテンシャルが桁違いです。 主要な動画生成AIツールはほぼ全てクリエイティブパートナーとして使わせてもらえていますが、そんな私がはっきりと「すごい」と言い切れます。 アニメ系は今までViduやKlingがトップを争っていましたが、どちらも生成の不安定さがある中、無制限プランがなかったので全力でオススメできませんでした。 しかし、今回Lumaはアンリミテッドプランを用意してくれていて、10K以降はリラックスモードではあるものの使い放題なので何度もやり直して試せます。 しかも、ViduやKlingほどの不安定さも無く、プロンプト無しでも高品質な出力を実現してくれます。 しかも現在エンドフレームや尺の拡張なども急いで開発を進めてくれているとのことで、今後の進化も期待できます。 とはいえ、他のツールも他に無い良い機能があったりプロンプトの効きが良かったりとそれぞれ良しあしはありますので使用用途によって使い分けるといいかもしれません。 もしAI動画生成ツールで悩んでいる方がいたら、どんな用途で使用したいかリプ欄に書いていただけたら、オススメのツールを理由を含め返答させて頂きます。 初心者の方も今からでも参戦可能ですので、ぜひAI動画を試してみてください🫶 #Ray2 #DreamMachine
2:02

AI動画のフェーズがまた一段階進化しました。 先日、Luma AI(Luma)から一般公開されたばかりのRay2ですが、アニメ系から実写系までimage to videoの出力結果のポテンシャルが桁違いです。 主要な動画生成AIツールはほぼ全てクリエイティブパートナーとして使わせてもらえていますが、そんな私がはっきりと「すごい」と言い切れます。 アニメ系は今までViduやKlingがトップを争っていましたが、どちらも生成の不安定さがある中、無制限プランがなかったので全力でオススメできませんでした。 しかし、今回Lumaはアンリミテッドプランを用意してくれていて、10K以降はリラックスモードではあるものの使い放題なので何度もやり直して試せます。 しかも、ViduやKlingほどの不安定さも無く、プロンプト無しでも高品質な出力を実現してくれます。 しかも現在エンドフレームや尺の拡張なども急いで開発を進めてくれているとのことで、今後の進化も期待できます。 とはいえ、他のツールも他に無い良い機能があったりプロンプトの効きが良かったりとそれぞれ良しあしはありますので使用用途によって使い分けるといいかもしれません。 もしAI動画生成ツールで悩んでいる方がいたら、どんな用途で使用したいかリプ欄に書いていただけたら、オススメのツールを理由を含め返答させて頂きます。 初心者の方も今からでも参戦可能ですので、ぜひAI動画を試してみてください🫶 #Ray2 #DreamMachine

SEIIIRU😈動画生成AIを使う映像クリエイター

83,728 просмотров • 1 год назад

LongCat-Avatarをやってみました😊 kijaiさんがWanWrapperに追加してくれていたので、早速やってみましたが、InfiniteTalkよりも表現力が高い。 そしてこれは生成した画像をつないでいくことで長尺動画を生成可能。シードを変えなければその続きから生成できるので、最初からやり直しにはならないのもいいところ🥰 問題は生成時間が長いことかな 93フレームで500秒弱かかる。 ただ実はここに罠が…というか私がハマってしまった… 久方ぶりのアップデートをしたので、依存関係、環境、ComfyUI自体のアップデートと、なかなか複合的にトラブったあげく8時間経ってもうまく生成できない中、朝やっと原因がわかり生成できました。 これは私の環境における問題かもなので言い切れないですが、attention_modeをSDPAに変更することで上手く行きました。 久しぶりにやる方は時間のある時にやることをおススメします💦 引っかかる人もいるかもなのでまたnoteにでも書きます 👇リプにワークフローのリンクとリポジトリ #AI #ComfyUI #LongCatAvatar
0:50

LongCat-Avatarをやってみました😊 kijaiさんがWanWrapperに追加してくれていたので、早速やってみましたが、InfiniteTalkよりも表現力が高い。 そしてこれは生成した画像をつないでいくことで長尺動画を生成可能。シードを変えなければその続きから生成できるので、最初からやり直しにはならないのもいいところ🥰 問題は生成時間が長いことかな 93フレームで500秒弱かかる。 ただ実はここに罠が…というか私がハマってしまった… 久方ぶりのアップデートをしたので、依存関係、環境、ComfyUI自体のアップデートと、なかなか複合的にトラブったあげく8時間経ってもうまく生成できない中、朝やっと原因がわかり生成できました。 これは私の環境における問題かもなので言い切れないですが、attention_modeをSDPAに変更することで上手く行きました。 久しぶりにやる方は時間のある時にやることをおススメします💦 引っかかる人もいるかもなのでまたnoteにでも書きます 👇リプにワークフローのリンクとリポジトリ #AI #ComfyUI #LongCatAvatar

LUTA＠AI

26,627 просмотров • 7 месяцев назад

僕は今回読んでもらうためではなく、読んでくれた人の人生を動かすために「命の燃やし方」を執筆しました。 不自由ではないのにどこか満たされない やりたいことがあるのに行動を起こすことができない 惰性でやりたくもないことを続けてしまっている それと同時にそんな自分を変えたい、変えなければいけないと思っている人の人生を動かすために「命の燃やし方」を執筆しました。 必ずあなたの人生を動かすきっかけになると約束します。 #命の燃やし方
0:42

僕は今回読んでもらうためではなく、読んでくれた人の人生を動かすために「命の燃やし方」を執筆しました。 不自由ではないのにどこか満たされない やりたいことがあるのに行動を起こすことができない 惰性でやりたくもないことを続けてしまっている それと同時にそんな自分を変えたい、変えなければいけないと思っている人の人生を動かすために「命の燃やし方」を執筆しました。 必ずあなたの人生を動かすきっかけになると約束します。 #命の燃やし方

コムドット やまと

328,843 просмотров • 11 месяцев назад

クレパスで色は作れま..... す！！！！ 3年前にクレパス®︎で色を作り出せることを知って作った混色表です🖍️ 『クレパスで描きました』の本の中では、葉っぱの色などに青や水色に黄色を混ぜることが多かったのですが、混色表を作ってみると、もっといろんな葉っぱの色を見つけられるかもしれませんよ🍃🔍👀 ★ポイント★ ①他の色が混ざらないようにキッチンペーパーなどでクレパスの汚れをこまめに拭き取ると正確な表ができます。 ②手の汚れが気になる方はウエットティッシュを近くに用意すると◯ ③クレパス®︎の塗りクズは練り消しで取れます🙆‍♀️ この表を少しかわいくしたものがサクラクレパスさん公式ホームページのコラムからダウンロードできるので、お家にクレパス®︎ふとまき16色セットがある方はぜひ研究してみてほしいです🧪
0:36

クレパスで色は作れま..... す！！！！ 3年前にクレパス®︎で色を作り出せることを知って作った混色表です🖍️ 『クレパスで描きました』の本の中では、葉っぱの色などに青や水色に黄色を混ぜることが多かったのですが、混色表を作ってみると、もっといろんな葉っぱの色を見つけられるかもしれませんよ🍃🔍👀 ★ポイント★ ①他の色が混ざらないようにキッチンペーパーなどでクレパスの汚れをこまめに拭き取ると正確な表ができます。 ②手の汚れが気になる方はウエットティッシュを近くに用意すると◯ ③クレパス®︎の塗りクズは練り消しで取れます🙆‍♀️ この表を少しかわいくしたものがサクラクレパスさん公式ホームページのコラムからダウンロードできるので、お家にクレパス®︎ふとまき16色セットがある方はぜひ研究してみてほしいです🧪

momo🖍️『クレパスで描きました』

1,221,269 просмотров • 2 месяцев назад

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デザイン集
0:36

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 просмотров • 5 месяцев назад

Fable が作成した麻雀アプリが完成！ すごい！ 改善の余地はあるものの、ルールも破綻していないしフロントエンドも普通にプレイできるクォリティを1プロンプトで実装してきた！！ fuguやgpt-5.6-proと思わるモデルでも作ったけれど、これは流石にFableの圧勝と言わざるを得ない ※プロンプトやfugu-ultra・gpt-5.6-proと思しきモデルとの比較はリプを参照されたい 【所感】 ・他家が何をしたかわかりやすくするための演出がかなりよく出来ている ・ルールの破綻はないし、普通にプレイできる ・速度もCPU特有の超スピードではなく、ちょうどよい感じに調整できるのも体験が良い ・CPUが結構強いw 【要改善点】 ・ポンチーカン、ロン、ツモ、リーチなどの選択肢が生まれたときはもっとわかりやすい演出が欲しい ・初心者向けの配信を目指すなら、テンパイしたときの上がり牌とその枚数や向聴数、ドラを光らせる演出なども欲しい 他にも色々気になる点はあるけど、とにかくこれをかなり雑なプロンプトで作れたのは本当にすごいと思う
8:09

Fable が作成した麻雀アプリが完成！ すごい！ 改善の余地はあるものの、ルールも破綻していないしフロントエンドも普通にプレイできるクォリティを1プロンプトで実装してきた！！ fuguやgpt-5.6-proと思わるモデルでも作ったけれど、これは流石にFableの圧勝と言わざるを得ない ※プロンプトやfugu-ultra・gpt-5.6-proと思しきモデルとの比較はリプを参照されたい 【所感】 ・他家が何をしたかわかりやすくするための演出がかなりよく出来ている ・ルールの破綻はないし、普通にプレイできる ・速度もCPU特有の超スピードではなく、ちょうどよい感じに調整できるのも体験が良い ・CPUが結構強いw 【要改善点】 ・ポンチーカン、ロン、ツモ、リーチなどの選択肢が生まれたときはもっとわかりやすい演出が欲しい ・初心者向けの配信を目指すなら、テンパイしたときの上がり牌とその枚数や向聴数、ドラを光らせる演出なども欲しい 他にも色々気になる点はあるけど、とにかくこれをかなり雑なプロンプトで作れたのは本当にすごいと思う

金のニワトリ

39,551 просмотров • 1 месяц назад

会社サイトをリニューアルしました！ Claude Codeのみで1人で作ったのですが、恐らくAIで作った感の薄いサイトになってるはず👇 これくらいのWebサイトもFigmaやNoCode系の他ツールは使わず、デザイナー/エンジニアに依頼せず、で作れてしまったので本当に凄い時代だなと。
1:18

会社サイトをリニューアルしました！ Claude Codeのみで1人で作ったのですが、恐らくAIで作った感の薄いサイトになってるはず👇 これくらいのWebサイトもFigmaやNoCode系の他ツールは使わず、デザイナー/エンジニアに依頼せず、で作れてしまったので本当に凄い時代だなと。

梶谷健人

442,610 просмотров • 5 месяцев назад