せきゆおう🇯🇵Web制作とAIのことを発信する人
@wurst_design • 26,545 subscribers
日本人｜Webデザインと実装の橋渡しや効率化が得意なWebクリエイター｜Web制作アンケートもよく取ります｜Voicyパーソナリティ｜2023年Coloso講座リリース、上半期カテゴリ別BEST講座｜朝までマークアップ、CSS Nite単独出演｜ギークリ2025東京出演｜きのこの山派｜Amazonアソシエイト参加中
Shorts
Videos
海外でバズっていた、Fable5で作られた日本風LPについて少し解説します。 最初に見たときのインパクトはかなり強く、元ポストでは「Webデザイナー終了」といった反応もありました。 ただ、「すごい」と「Webデザイナー終了」は、いったん分けて考えたほうがよさそうです。 分解して見ていくと、少し印象が変わります。 ▼調査方法 まず、バズっていた投稿者と実際の制作者は別の方のようです。 そのため今回は、制作者のReddit投稿やコメント、実際の制作物を見たうえで判断しています。 「どう作られたものなのか」を少し整理してみます。 ▼一発出しについて 一発出しで作られたこと自体は、本当のようです。 プロンプトは、ざっくり言うと以下のような内容だったとのこと。 「assetsフォルダを分析して、日本をテーマにしたランディングページを作って。動画を組み込み、スクロール連動型の動きや凝ったアニメーションも入れてね」 すごい👀 ▼映像について 多くの人が驚いたであろう映像部分は、Fable5が生成したものではなく、事前に用意された動画素材のようです。 動画にはGeminiのマークも見えます。 その映像素材をもとに、Fable5がトンマナを合わせ、日本風のLPとして構成しているように見えます。 つまり、すごいポイントは「映像そのものをFable5が作った」ではなく、「用意された素材を読み取り、LPとしてかなり良い形に組み上げたこと」だと思います。 この「よしなに組み上げる力」がかなり強いです👀 ▼スクロール連動について 実際にどのライブラリを使っているかまでは確認できていません。 ただ、見た目としてはGSAP ScrollTrigger的な考え方で再現できそうな演出です。 動画や画像をスクロール量に合わせて動かしたり、セクションを固定しながら表示を切り替えたりするタイプですね。 もちろん、AIがそこまで組んでくれること自体はかなり驚きです！ でも、仕組みとしては未知の魔法というより、既存のWeb演出の組み合わせとして理解できる部分も多いと感じました。 ▼まとめ 一発出しでここまで組めることは、間違いなくすごいです！AIがない時代に、このレベルのスクロール演出を作るのは普通に大変でした。 情報を表示するタイミングや、画面の見せ方もかなり良い感じです。 ただ、「Fable5だけで、映像もデザインも実装も全部ゼロから一発で作った」と捉えると、少し話が大きくなりすぎる気がします。 分解すれば理解できる部分もあります。 そして理解できるなら、必要なのは「Webデザイナーは終わり」と焦ることではなく、AIが何を作れて、何を素材として使い、どこで人間の判断が必要なのかを見極めることだと思います。
せきゆおう🇯🇵Web制作とAIのことを発信する人243,135 views • 13 days ago
Claude Opus4.8は綺麗な絵が書けなかった（僕の指示が悪いだけかもしれないが）。そこでステージやギミックを一緒に考える担当、エンジニア、Git管理をClaudeが担当。デザインやグラフィックまわりはCodexに担当を分けて、これくらいまで完成。あとは難易度や敵の大きさなどを調整。 どっちもBGMは苦手らしいから別のAIを探している。 Codexもこの絵はちょっと苦手みたいで、GPT Image 2が作っている。ちゃんとゲームで採用できるグラフィックを描いてもらえるように、プロンプトはCodexが考えている。
せきゆおう🇯🇵Web制作とAIのことを発信する人151,192 views • 1 month ago
多くのリクエストをいただき、昨年12月にひろクリギルドで開催した「迷惑をかけないFigmaデザインのつくりかた」のアーカイブ再販が決定しました🎉 当時配布した4つの特典も、すべてお付けします！ 今回は期間限定で、2か月間だけの再販です。 5月12日〜5月31日までは2,980円、6月以降は値上げ予定です。 ひろクリギルドさんの有料セミナー史上最多の参加者数を記録し、回答者164名のアンケートでは、満足度が5点満点中4.7点でした☺️ かなり力を入れて作ったセミナーと特典なので、気になる方はぜひチェックしてみてください🔥 ▼僕のnoteとセミナーレポートはリプ欄にて
せきゆおう🇯🇵Web制作とAIのことを発信する人60,404 views • 2 months ago
Illustratorデータで、アウトライン化されたテキストのフォントを調査する方法💡 Illustratorのデータを受け取った際に、「テキストがアウトライン化されていて、どのフォントが使われているかわからない…」という経験、みんなあると思うんです。 しかも、作成した担当者もフォント名を覚えていない😂 そんな時の対処法を発見しました！ 書式 > Retype > マッチフォント アウトライン化されたテキストを解析し、似ているフォントを自動で提案してくれます。 さらに、アウトライン化された文字が編集可能なテキストとして復元される場合もあります！ ただ、おそらく「Adobe Fonts」と「自分のPCに入っているフォント」からしか検索できません。
せきゆおう｜Web制作のあれこれ発信する人77,604 views • 6 months ago
No more content to load