はてぶ・Qiita・Zennのトレンド記事を紹介
デザインは、Webサイトやアプリの見た目や使いやすさを設計する作業です。UI/UXやグラフィックデザインなど、幅広い分野があります。
AI普及でデザイン業の倒産が前年比2.7倍に 「独自性なき企業は淘汰」 東京商工リサーチ 🔖 25
東京商工リサーチは8月2日、グラフィックデザインやインテリアデザインなどを手掛ける「デザイン業」で、1000万円以上の負債を抱えての倒産が急増していると発表した。2026年上半期の倒産は40件で、25年同期比166.6%増。上半期としては14年ぶりに40件を超えた。生成AIの普及
社内向けデザインシステムを「AI-Ready」へ|LINEヤフーDESIGN 公式note 🔖 12
AI Nativeに向けた社内システムデザイン組織の取り組みLINEヤフーでは、100を超えるサービスを提供しています。これらサービスを支えるため、多くの社内システムが開発・運用されています。 一方で、合併前から利用されていた複数のデザインシステムやUIライブラリが併存していたこ
「惜しいデザイン」 を生み出さないための AIレビューループ 🔖 101
2026年7月22日 「AIで変わる設計と判断——デザイン × フロントエンド、複数社が語る失敗と工夫」 登壇資料
AI時代、デザインはこれからどうなるのだろうか 〜エンジニア視点で考える〜 🔖 2
はじめに大学3年の頃にMaterial Design3を読み込んだあの日々から、4年の月日が経とうとしています。当時(2023年頃)はAIもまだ今ほど一般的ではなく、自力でFigmaでいろなものを模倣し、必死に知識を吸収してデザインを形にしようともがいていた気がします...
「なぜ最近のスーパーでダサいAI画像が使われるのか」"AIでいいか"の裏にいる、デザインにお金を払いたくない層の話「他業種だけど同意です」 🔖 42
没�ュ怜ヨ脳�研 @Qto6BshdBJYXdch そもそもなんで今俺が3Dプリンタの物販でメシを食ってるのかという話と なんで最近スーパーや八百屋の広告にダサいAI画像が使われるのかという話は実は同一線上にある 俺は元々地方のデザイン屋だった でも画像生成AIが一般に出回り始め
人気SNS「setlog」、デザイン変更に大ブーイング 2日で旧デザインに戻す 🔖 20
10~20代の若者に人気のSNSアプリ「setlog」(セットログ)のiPhone版で7月17日、ユーザーインタフェースが大幅に変わり、ユーザーの不満がXで爆発した。 運営元は2日後、レイアウトを元に戻せる「クラシックレイアウト」機能を追加。さらにその後、従来のUIに戻し、新UI
DESIGN.md はデザインを任せる道具でなく、AIに判断を渡すためのもの 🔖 1
こんにちは。AlgomaticでソフトウェアエンジニアをしているGo(@53able)です。 getdesign.md — DESIGN.md collection for AI coding agentsが、AI 時代の Web 制作と DESIGN.md の利用動向をまとめた
「以前のように戻してほしい」生成AIで作られたポップが乱立する売り場が買い物しにくいと話題に→デザインの意義と最新技術の使い方の話へ 🔖 184
「以前のように戻してほしい」生成AIで作られたポップが乱立する売り場が買い物しにくいと話題に→デザインの意義と最新技術の使い方の話へ
横坂 拓也_Webディレクター|群馬の制作会社emo planning LLC @taku_coco9 デザイン参考はPinterest使いますが 最近はAIで参考作ってデザイナーさんに渡す でもそうするとデザイナーは 「いやいや もこれ80点ラインですやん」 「ここからどうデザ
AIにUIを作らせる前に、デザインの土台を自分で決めるツールを作った 🔖 52
まずは結論から AIにUIを作らせる前に、フォント、余白、角丸、影、色の土台を自分で決められるツールを作りました。 このサイトです。一旦試してみてください! 作った理由 AIでUIを作るのが当たり前になってきて、v0、Base44、Google Stitchなど、AIプロンプトベ
「もう隠す気ないねw」まだ発表もされていない『折りたたみiPhone』のケースがAmazonで何種類も売られている…デザインに対する厳しい意見も 🔖 42
Pixel Foldのような「折りたたみiPhone」は登場するのか…? 最新の"アメリカ現地イベント"で示された「重要なヒント」 6ページ目 | ビジネス | 東洋経済オンライン (6ページ目)「折りたたみiPhoneは本当に登場するのか?」—グーグルやサムスンが先行する中、ア
感覚的な「らしさ」をチームの「共通言語」へ。デザインマネジメントが果たすべきプロダクトブランディングの役割 🔖 1
「このデザイン、なんか違う。」デザインレビューで、そんな言葉を耳にしたことはないでしょうか。違和感はある。しかし、その理由をうまく言語化できない。レビューを受ける側も「どこを直せばいいのか」がわからず、結局はレビュアーの感覚に合わせるしかない。こうした状態では、デザイン品
FigmaデザインをReact実装に落とし込むときの確認ポイント 🔖 4
SREホールディングス株式会社でエンジニアをしているサティヤです。 はじめにフロントエンド開発では、Figmaなどで作成されたデザインをもとに、Reactで画面を実装することがよくあります。一見すると「デザイン通りに作るだけ」に見えますが、実際に実装してみると確認すべきポ
FigmaデザインをReact実装に落とし込むときの確認ポイント 🔖 4
SREホールディングス株式会社でエンジニアをしているサティヤです。 はじめにフロントエンド開発では、Figmaなどで作成されたデザインをもとに、Reactで画面を実装することがよくあります。一見すると「デザイン通りに作るだけ」に見えますが、実際に実装してみると確認すべきポ
【Loop Engineeringに来る?】人間中心デザインをもとにしたInquiry Engineeringを提唱したい 🔖 1
こんにちは!ひさふるです。最近、Loop Engineeringという、プロンプトではなくループを設計するという手法がバズっていましたね。要は、人間がプロンプトを書くのはもう古く、これからはAI自身にプロンプトを書かせる時代だ、という手法の話でした。では、さらに時代が...
2026年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 🔖 31
デザインの引き出しを増やすには、トレンドを押さえておくことが大切。トレンドは一時的な流行ではありません、デザインが向かっている道のりの途中を示すものです。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニ
「なんとなく出展」を徹底的に因数分解する。エンジニアに刺さる体験をデザインしたカンファレンス運営の裏側 🔖 5
みなさん、こんにちは☀️ スタメンプロダクト開発部のねぎちゃんです🌷 本日は、5月に開催されたフロントエンドカンファレンス名古屋2026とTSKaigi2026のカンファレンス運営を振り返るレポートをお届けいたします! 【カンファレンス概要】 フロントエンドカンファレンス名古屋2
pタグで帯見出し装飾!CSSが怖い初心者もh2風デザインを楽しもう(コピペOK) - たたらのあらすじ・ネタバレ感想ブログ 🔖 15
初心者のうちはCSSなんて怖くて、h2やh3の見出しを設定するのは「ハードルが高い」と感じるのではないでしょうか? そんな方もデザインを楽しめるよう<p>タグで帯見出しを作りました。 コピーして貼り付けるだけで、いつもの記事に彩りが加わりますよ。 気に入ったコードがあればコピーし
油絵から学んだ、デザイン・コード・働き方に共通する「余白理論」 🔖 1
はじめに 初めまして。入社3ヶ月目の新人エンジニアです。今回がQiita初投稿(デビュー作)になります。これからよろしくお願いいたします。 私が高校生の頃、美術部で油絵を描いていたときのことです。 キャンバスに向かっている私に、顧問の先生がよくこんなアドバイスをしてく...
INFOBARデザインのスマートリングがauで販売『NISHIKIGOI』『ICHIMATSU』柄 心拍・睡眠やストレスを24時間7日間計測 | テクノエッジ TechnoEdge 🔖 22
auのデザインケータイ「INFOBAR」を指輪にしたようなヘルスケアデバイス「スマートリカバリーリング INFOBARコラボモデル」が、全国のKDDI直営店・au Style・auショップ・UQスポットで販売を開始しました。 「スマートリカバリーリング」は、「スマートバスマット」
AIでおしゃれな画面を作るためのデザインシステムを学ぼう! 🔖 59
Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。 なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品で・ス
AIでおしゃれな画面を作るためのデザインシステムを学ぼう! 🔖 59
Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品...
デザインシステムのskillの精度が上がった8つの方法 🔖 126
初めまして!PKSHA Technology デザイナーの清水と申します。普段はデザイナーとしてXで発信しているのですが、今日は人生で初めてテックブログを書いてみたので、よければご覧ください。(この記事は、デザイントークンを扱うデザイナー・エンジニアを主な対象にしていますが、AI
Claude DesignとClaude Codeの連携が強化されてコーディングからデザインまでAIをバリバリ活用可能に 🔖 32
AnthropicがClaude Designの機能強化を2026年6月17日に発表しました。Claude Designはデザインシステムに沿った制作、キャンバス上での直接編集、Claude Codeとの同期、外部ツールとの連携に対応するようになり、デザインからコーディングまでの
最近クライアントさんが、AIにデザイン案作らせて「こんな感じでどうですか」とか言ってくること増えたんだけど、本当に死ぬほど不愉快だからやめてほしい。。 🔖 83
まちい @machi_AC 最近クライアントさんが、AIにデザイン案作らせて「こんな感じでどうですか」とか言ってくること増えたんだけど、本当に死ぬほど不愉快だからやめてほしい。。 2026-06-16 22:25:37 まちい @machi_AC まずAIデザインの特徴は、やりす
デザインパターン、実はもう使ってます — Strategyパターン入門 🔖 1
連載「変化に強いコードの作り方」第3回(全4回)デザインパターンには「難しそう」という印象が付きまといます。分厚い本、23種類のカタログ、暗記。私も最初はそういうものだと思っていて、長いあいだ敬遠していました。ただ、少なくともStrategyパターンに関しては、その印象は実態
ゲーム開発者間で「ゲームデザインは書類でガチガチに固める必要あるか」巡って議論沸騰。ヒット作の“800ページ超えデザインドキュメント”、真似るべきか否か - AUTOMATON 🔖 98
『Mina the Hollower』の800ページにも及ぶデザインドキュメントを巡り、ゲーム開発におけるデザインドキュメントの運用方針について議論が交わされている。
導入したツールの定着までの「壁」をどう乗り越える? ー 行動科学に基づく習慣化の仕組みとUXデザイン 🔖 2
はじめに こんにちは。デザインストラテジストの松迫です。 「AIツールを導入したが、その後定着しない」——こんな経験はないでしょうか? 本記事では、行動科学に基づいた「ハビットデザインメソッド」を使って、 ツール定着の壁を乗り越える具体的な方法をお伝えします。 私は習慣化を促すU
数行のCSSで、UIデザインの使い心地を向上させるテクニックのまとめ 🔖 33
優れたインターフェイスは、小さな要素が積み重なって、素晴らしいユーザーエクスペリエンスが生み出されます。数行のCSSで、インターフェイスの使い心地を向上させるテクニックを紹介します。 生成AIのスキルとしてコーディングアシスタント(Claude Code、Codexなど)に使うこ
UIデザインやエディタのカラーに最適! 目に優しい、アナログ印刷のインキと紙の色合いを再現したカラースキーム -Flexoki 🔖 41
アナログ印刷のインキ、温かみのある紙の色合いからインスピレーションを得て、デジタルのスクリーンで見ることを想定して設計されたカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用したり、VS Codeなどのエディタに使用したり、ライトモードでもダークモードで
デザイン書の老舗・MdNが消滅へ インプレスに吸収合併 🔖 198
デザイン誌「MdN」(2019年に休刊)で知られた出版社・エムディエヌコーポレーションが7月1日付でインプレスに吸収合併され、法人として消滅する。親会社のインプレスホールディングス(HD)が6月1日に発表した。 エムディエヌコーポレーションは1992年設立。デザイン誌「MdN」の
モダンなシステム運用への道標 - 第2回 ユーザー視点で考える!モダンな監視デザインパターンとアンチパターン 🔖 3
前回は、運用の真の目的が「MTTD(検出)とMTTR(復旧)の短縮」にあることをお伝えしました。では、具体的に「何」を「どう」監視すれば、この目的を達成できるのでしょうか。とりあえずCPUやメモリの負荷を眺めているだけでは、ユーザーが体験している「重い」「使えない」という不...
新人漫画原作者の人が、作画担当がチャッピーと画像生成AIで主人公の容姿デザインを作っていたことが先月発覚したため連載企画を降りた話が話題に 🔖 71
石川雅之 @isk_ms Alが仕事を奪いに来ると言うけれど、全然奪いに来ないのでこっちから奪われに行ってみた。「チャッピーなんか新キャラ考えてみてよ」 いや違うなー。その程度の新キャラではあかんのよ。まだお前に、いや貴様なんぞに奪われる気は1ナノも感じないわ。 pic.x.co
エヌビディア、日産他登壇「ソフトウェアデザイン for ハードウェアConference」 🔖 53
7/31(金)コングレスクエア羽田/ソフトウェアが物理世界を直接動かす領域における設計・実装・運用の意思決定をテーマに開催
UIデザインはもちろん、イラストや紙のデザインにも対応! カラーパレットをAIで生成できる完全無料ツール -EnigmaEasel 🔖 45
ここ1,2年でAIによる便利なツールが増えてきました。ここで紹介するのはそれらの便利なAIツールの中でもかなり実用的で、これまでの定番ツールも同時に利用できるお勧めツールです。 プロンプト(日本語)で「夕陽のカラーパレットをつくって」とお願いできるのはこれまでもたくさんありました
Claude Codeでデザインのワークフローを変えたら、役割の境界が融けていった話──越境するほど鮮明になる、デザイナーの「核」とは|Goodpatch Blog グッドパッチブログ 🔖 30
ナレッジ・ノウハウ Claude Codeでデザインのワークフローを変えたら、役割の境界が融けていった話──越境するほど鮮明になる、デザイナーの「核」とは こんにちは。グッドパッチのUI/UXデザイナーのナスカです。 最近、仕事で「Claude Code」の話を聞かない日がありま
無料化され、かなり進化したAffinityで何ができるのかが分かるデザイン書 -Affinity入門 無料ではじめるプロ並みデザイン 🔖 50
※本ページは、アフィリエイト広告を利用しています。 Affinityが無料化されて半年が過ぎようとしています。リリース直後はインストールがうまくいかないなどの問題がありましたが、現在はそういった問題はなくなりました。 無料化されて大きく変わったのが、3つのアプリが1つに統合された
職人技が光る美しいアイコン素材! CSSの各プロパティや値をデザインしてアイコン化 -Cascade Icons 🔖 17
コードを理解するデザインツール向けに、CSSの各プロパティや値をデザインしてアイコン化したCascade Iconsを紹介します。 display: flex;, display: grid;はもちろん、position: sticky;, padding, margin, te
Inside #Board43: ソフトウェア・パッケージデザイン編 #rubykaigi 🔖 6
こんにちは。スマートバンクの kaoru です。RubyKaigi 2026 で実施した PicoRuby ワークショップについての連載第 2 回目として、masawada さんの基板編に続き、ソフトウェア(ブラウザー上で動く Board43 Playground および基板のフ