Web Motion CatalogはWebデザインにおけるさまざまな動きのアイデアを集めたサイトです。ここに掲載されているものはすべて自由にお使いいただけます。
Figmaで作ったデザインが自動的に生成AIでWebアプリに。「Bolt.new」がFigmaインポートに対応 AIにフルスタックアプリの生成を指示できるサービス「Bolt.new」を提供するStackBlitzは、Bolt.newの新機能としてFigmaで作ったデザインのインポートに対応したと発表しました。 Introducing Figma to Bolt Go from Figma to pixel-perfect full stack app — just put bolt․new in front of the URL & start prompting! pic.twitter.com/r78vjraVms — bolt.new (@boltdotnew) March 13, 2025 Figmaで作成した画面デザインをBolt.newへインポート可能に これまでBolt.ne
about project かつてWebに“動き”と“驚き”をもたらした「Flash」。その自由な表現力は、多くのクリエイターを魅了し、日本でも中村勇吾氏の「MONO*crafts（1999年）」に代表される革新的なサイトが次々と誕生しました。しかし一方で、動作の重さ、セキュリティリスク、スマートフォン時代への対応が難しいといった弱点も抱え、2020年に公式サポートは終了。これらの作品はすでに「ロストテクノロジー」となっています。 このアーカイブは、そんなFlash時代に生まれた日本のWebデザインの“片鱗”を後世に残す試みです。2007年から運営していたWebデザインギャラリーで紹介したサイトを中心に、当時のスクリーンショットとInternet Archiveのリンクを掲載しています。アーカイブにデータが残っている作品群は、当時のままのサイトを実際にご覧いただけます。 なお、2007年以
ChatGPTに「○○は将来どうなりますか？」と直接的に尋ねても、大抵は「確かなことは言えません」といった控えめな返答しか得られない。その背景には、未来の出来事を予測しないようChatGPTの頭脳であるLLM（大規模言語モデル）に調整が施されている可能性も指摘されている。ところが、プロンプトにある工夫を加えると、雄弁に未来を語り出すという。どういう工夫なのだろうか。（小林 啓倫：経営コンサルタント） 生成AIの予測力を上げるには 質問すれば何でも答えてくれる、便利な生成AI。いっそ未来のことも聞けないかというわけで、さまざまな形で生成AIを未来予測に活用する取り組みが行われてきたことは、この連載でも何度か取り上げた。 たとえば、専門家が編み出した「未来予測手法」に従うよう指示した生成AIは、予測精度が上がるという研究結果が出ている（参照記事）。 しかし、もっと簡単にChatGPTの予測精度
【3期連続増益している企業が実践しているマーケティング施策とは？】BtoB企業のマーケティング施策実態調査 株式会社ラクス（本社：東京都渋谷区、代表取締役：中村 崇則）が提供するメールマーケティングサービス「配配メール」は、3期連続で増益しているBtoB企業のマーケティング担当者100名を対象に、「年間のマーケティング予算」や「実施している施策」など成功企業のマーケティング施策に関する実態調査を行いました。 トピックス 売上高100億円未満のBtoB企業 マーケティング予算の使い道として最も多かったのが「展示会」で、費用対効果の高い施策としても最多の回答を獲得 今後新たに取り組みたい施策では「SEO対策」に次いで「SNSマーケティング」「Webサイト改善」とWebマーケティングに注目する企業が多い傾向 売上高100億円以上のBtoB企業 年間マーケティング予算は「1億円以上」と回答した企業
2025年2月27日、「2024年 日本の広告費」が発表されました。マスコミ四媒体、インターネット、プロモーションメディアの各広告市場の変化について、電通メディアイノベーションラボの森永陸一郎が解説します。 サクッと知りたい！簡単解説はこちら！ ▼「日本の広告費」とは？ ▼「日本の広告費2024」の3つのポイント ＜目次＞ ▼「2024年 日本の広告費」概要──企業の収益好調も背景に広告需要は拡大 ▼「マスコミ四媒体広告費」：雑誌、ラジオ、テレビメディアが増加し、3年ぶりにプラス成長 ▼「インターネット広告費」：動画広告の需要はさらに増大し、大幅に伸長 ▼「プロモーションメディア広告費」：人流が戻り、交通広告も回復傾向 ▼各所でデジタルと非デジタルの融合が進む。「テレビ受像機」の広告活用は拡大傾向に 「2024年 日本の広告費」概要──企業の収益好調も背景に広告需要は拡大 2024年（1～
ルール１ 速さでもてなすクライアントワークの納期の基本設定は50％です。1カ月後の納期なら2週間後。最終的に3週間後にクオリティの高いものを提出できたら、お客様からすれば期待値も速度も超えているのでリピートにつながります。同じものが出てくるなら、早くて悪いことはひとつもありません。仕事だけじゃなくて料理など日常の体験でもそうです。同じクオリティのものが1時間後に出てくるのと、5分後に出てくるのでは体験の質はまったく違います（吉岡氏） Web制作会社gazの代表である吉岡氏は、さらっとそう語る。自分がサービスを受ける側の立場で考えると理屈はよくわかるのだが、仕事の場で実践できる人はなかなか少ないように思う。 納期を半分でクオリティ高く仕事を仕上げるには、前倒しで仕事を進めることになり残業時間が増えてしまいそうだからだ。しかし、吉岡氏は「目指しているのは労働強化ではなく、生産性向上」と話す。
はじめにこんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、最近よく耳にする「shadcn/ui」について調べてみました。どうやらUIコンポーネントっぽいことは分かるけど、一体何を指すんだろう？いわゆる「UIライブラリ」との違いって何？といった疑問をデザイナー目線でお話しします。 どうぞ最後までお楽しみください🐰 「shadcn/ui」って最近よく聞きますよね「shadcn/ui」という単語、最近よく耳にしませんか？たとえば、最近話題になった10Xさんの記事。 なんだかよく分からないけど、UIコンポーネントの話をしているらしい。shadcn/uiはコンポーネントの集まりらしい。それを使うと、スピーディーなプロダクト開発ができるらしい…。 なんとなくは分かる気がするけれど、shadcn/uiって一体何なのでしょうか？UIコンポーネント集に見えるけど、既存のいわゆる「UIラ
株式会社はてなは、オウンドメディア専用CMSとして2014年から法人向けに提供してきた「はてなブログMedia」のブランドを刷新し、「はてなCMS」として提供開始したことをお知らせします。「はてなCMS」では、これまでの「はてなブログMedia」の各種機能に加え、コーポレートサイトやランディングページ、キャンペーンサイトなどさまざまな種類のWebサイトを手軽に制作できる機能も新たに実装しています。 ▽ 「はてなCMS」とは https://www.hatena.ne.jp/cms/ 「はてなCMS」は、ノーコードで簡単にレイアウトを変更できるなど、直感的な操作で誰でも簡単にWebサイトを制作・更新することができる、はてな開発のCMSです。 はてなCMSの特長 直感的な操作性 個人ユーザー向けブログサービス「はてなブログ」の使いやすさをそのまま継承。ノーコードで簡単に操作でき、アイデアをすば
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
インハウスマーケティング部の井上です。 たとえば企画や資料作成など、デスクワークをしているなかで「調べる」「まとめる」という業務はしばしば発生しがちですよね。ときには沼にはまってしまい、「時間が無限に溶けていく……」「本来やるべき業務が手につかない！」といった経験をしたことがある人も多いのではないでしょうか。 こんなときこそ生成AIの力が必要だ！ということで、今回はリサーチやまとめの効率化に役立つ「Perplexity AI」（パープレキシティ）の使い方をご紹介します。 ※本記事の情報は2024年6月4日時点のものです。 Perplexity AIとは？ ▲Perplexity TOPページ ※有料プランの画面です 「Perplexity AI」（以下、Perplexity）は、元GoogleのAI研究者チームによって開発されたAI搭載の対話型検索エンジンです。 最大の特徴は、検索をベース
ブラインドライターズのスタッフは9割が視覚障害者。 先日、みんなで「どうやって服を買うか」の話になりました。 マネキンの服は見えないので、コーディネートが分からない 下着を買いたいけど、店員さんの性別が分からないので声をかけづらい ロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらい などと、たくさんの悩みごとがありました。 確かに、異性の店員さんに下着の相談はしにくいですよね。 タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。 そんなときに便利なのがECサイトです。 色もデジタル表記になっていればPCが読み上げてくれるので選びやすい 下着も人に頼まなくていいので買いやすい マネキンのコーディネートは見えないので、サイトで確認したい また「リピ買いするならサイト」という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分
RFP（提案依頼書）の書き方がよく分からず、お悩みではないですか？ 本記事では、RFPを書く前準備から、記載すべき項目をわかりやすく説明し、事例・サンプルも掲載しています。 この記事を最後まで読めば、自分でRFPを書けるようになるでしょう。 「RFPなんてよくわからないし、うまく書けそうにない...」という方は、お気軽にご相談ください。 Web制作のプロがRFPの書き方についてアドバイス。さらにHP制作の相談から業者の紹介までサポートいたします！ 【無料】プロに無料で相談する 本記事をお読みになる前に、サンプルをダウンロードしていただくと理解しやすいです。 RFPのサンプルが無料でダウンロード可能 RFP・提案依頼書 サンプル（Word形式） 「RFP（提案依頼書）の書き方」の記事でご紹介したRFPのサンプルです。ホームページ制作会社へ見積もり依頼をする際にサイトの目的・自社の課題を共有し
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く