Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

超簡易的ではありますが、オフセット印刷の仕組みが見れるサイトを作ってみました。パーツをクリックすると解説も見ることができます。

187,370 görüntüleme • 1 ay önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

国内のWeb制作に関わる人が全員見ると言われているギャラリーサイト S5-Style (Webデザイン「ひとこと紹介」) がサービスサイトとして生まれ変わりました。大変光栄なことにそのS5-Styleのリニューアルプロジェクトにおいて、フロントエンドの実装を担当させていただきました。 サービスサイトとしての使いやすさはもちろんのこと、田渕さん (田渕 将吾 (Shogo Tabuchi))が作るサイトということで美しさを損なわないように、UI周りの動きは丁寧に実装しました。 リニューアル前とは異なり、ユーザーがS5−Styleに掲載するサイトを登録することもできるんですが、今回は「Good Web Design」という概念があり、これはS5-Styleに登録されているサイトの中でも田渕さんが特に良いと思ったサイトが「Good Web Design」なサイトとして掲載される形になります (リニューアル前の掲載サイトと同じ扱い)。 また、「Design Set」というブックマークをまとめておけるフォルダを作ることができ、他のユーザーが作ったDesign Setをフォローすることもできます。 フリーミアムなプラン展開となっておりまして、無料のBasicプランでは1ユーザーが作成できるDesign Setが2つまでとなっています (※他にも制限あり) が、無料でお手軽に使い始めることができます。Proプランにアップグレードすることで、制限がすべてなくなるので、ガッツリ活用したい方はぜひ。 #s5style #nextjs

Takumi HASEGAWA (unshift Inc.)

27,579 görüntüleme • 1 yıl önce

海外でバズっていた、Fable5で作られた日本風LPについて少し解説します。 最初に見たときのインパクトはかなり強く、元ポストでは「Webデザイナー終了」といった反応もありました。 ただ、「すごい」と「Webデザイナー終了」は、いったん分けて考えたほうがよさそうです。 分解して見ていくと、少し印象が変わります。 ▼調査方法 まず、バズっていた投稿者と実際の制作者は別の方のようです。 そのため今回は、制作者のReddit投稿やコメント、実際の制作物を見たうえで判断しています。 「どう作られたものなのか」を少し整理してみます。 ▼一発出しについて 一発出しで作られたこと自体は、本当のようです。 プロンプトは、ざっくり言うと以下のような内容だったとのこと。 「assetsフォルダを分析して、日本をテーマにしたランディングページを作って。動画を組み込み、スクロール連動型の動きや凝ったアニメーションも入れてね」 すごい👀 ▼映像について 多くの人が驚いたであろう映像部分は、Fable5が生成したものではなく、事前に用意された動画素材のようです。 動画にはGeminiのマークも見えます。 その映像素材をもとに、Fable5がトンマナを合わせ、日本風のLPとして構成しているように見えます。 つまり、すごいポイントは「映像そのものをFable5が作った」ではなく、「用意された素材を読み取り、LPとしてかなり良い形に組み上げたこと」だと思います。 この「よしなに組み上げる力」がかなり強いです👀 ▼スクロール連動について 実際にどのライブラリを使っているかまでは確認できていません。 ただ、見た目としてはGSAP ScrollTrigger的な考え方で再現できそうな演出です。 動画や画像をスクロール量に合わせて動かしたり、セクションを固定しながら表示を切り替えたりするタイプですね。 もちろん、AIがそこまで組んでくれること自体はかなり驚きです! でも、仕組みとしては未知の魔法というより、既存のWeb演出の組み合わせとして理解できる部分も多いと感じました。 ▼まとめ 一発出しでここまで組めることは、間違いなくすごいです!AIがない時代に、このレベルのスクロール演出を作るのは普通に大変でした。 情報を表示するタイミングや、画面の見せ方もかなり良い感じです。 ただ、「Fable5だけで、映像もデザインも実装も全部ゼロから一発で作った」と捉えると、少し話が大きくなりすぎる気がします。 分解すれば理解できる部分もあります。 そして理解できるなら、必要なのは「Webデザイナーは終わり」と焦ることではなく、AIが何を作れて、何を素材として使い、どこで人間の判断が必要なのかを見極めることだと思います。

せきゆおう🇯🇵Web制作とAIのことを発信する人

246,064 görüntüleme • 29 gün önce