はてぶ・Qiita・Zennのトレンド記事を紹介
デザインは、Webサイトやアプリの見た目や使いやすさを設計する作業です。UI/UXやグラフィックデザインなど、幅広い分野があります。
AI （Dify） で変わるマーケティングとデザインの協業プロセス - Techtouch Developers Blog 🔖 48
取り組みのきっかけ 展示会準備の最適化 新しいプロセス 手応えと課題 AI 活用の模索 デザイナーチームの助言 ツールの検討 Dify で実現する「展示会プランナー AI 」 「展示会プランナー AI」の利用イメージ 実際に使ったマーケチームの声 最後に こんにちは、テックタッチ
hacomonoのUXエンジニアとは？技術とデザインの架け橋として、ユーザー体験を追求するエンジニアの役割 🔖 15
こんにちは。hacomono UX部エンジニアの yasu です。 hacomonoでは、フィットネスクラブ・インドアゴルフ・24hジム・スイミングスクールなどのウェルネス領域の店舗運営を支える会員管理・予約・決済システムを提供しています。 この記事では、hacomonoでUXエ
AI （Dify） で変わるマーケティングとデザインの協業プロセス 🔖 48
本記事では、 AI を活用してマーケティングチームとデザインの協業プロセスをどのように革新したかをお伝えします。日々の業務を効率化する強力な後方支援として、AI の具体的な活用プロセスを深掘りします。
“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには | Wantedly Engineer Blog 🔖 29
はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。 この記事は、2025年夏のウォンテッドリーのアドベントカレンダー20日目の記事として執筆しました。主な対象読者として、モバイルおよびフロントエンド領域でUI実装やデザインレビューに関わ
“なんとなくOK”を卒業する ― デザインレビューの視点を洗練させるには 🔖 29
はじめまして。ウォンテッドリーでMobile Tech Leadを務めている久保出と申します。この記事は、2025...
バイブコーディング革命 – AIツールが再定義するプロダクト開発とデザイナーの価値 デザイン会社 ビートラックス: ブログ 🔖 33
シリコンバレーのスタートアップ界隈で「バイブコーディング」という言葉が飛び交っている。 OpenAI共同創業者の1人であり、TeslaのAI・自動運転部門のディレクターを務めていたAI研究者の、Andre Karpathy氏が、ツイート上で名付けたこの概念は、単なる新しいコーディ
「総当たりコントラストチェック」よ、さようなら。LCH色空間を使ったデザインシステムのカラーパレット設計｜LegalOn Technologies Designers 🔖 32
こんにちは、すずきちえです。LegalOn Technologiesでデザインシステム「Aegis」の開発チームに所属しています。 先日公開したこちらの記事では、私たちのデザインシステム「Aegis」が、いかにして生まれ、会社の共通基盤へと成長していったかの道のりをご紹介しました
誰でも作れてしまう時代に知っておきたいデザインの話 | Wantedly Design 🔖 59
Wantedlyでプロダクトデザイナーをしているkanon(@prgbunbun)です！Wantedlyで行われている夏のアドベントカレンダー12日目の記事として、誰でも作れてしまう時代だからこそ、非デザイナーの方にも知っておいてほしいデザインの話をしていこうと思います。 生成A
WEBソリューション課の田畑です。 現在Figmaというデザインツールを使ってUIデザイン（ウェブサイトの見た目や使い勝手を設計すること）や画面デザインなどを行なっています。 Figmaでデザインを作成後に、それを元にHTMLとCSSでwebページを作成しています。 もっと効率的
Webデザインやってた時に『無印良品みたいな簡単なデザインでいい』って言われて、無印なめてんのか？ってなった事ある 🔖 67
ナイトウミノワ @minowa_ 以前働いていた会社で、Webデザインやってたんだけど、「無印良品みたいな簡単なデザインでいい」って言われて、無印なめてんのか？ ってなったことある 2025-07-08 19:48:08
iOS 26 Beta 3でApple渾身の新デザイン「Liquid Glass」のガラス感が薄まり「すりガラス」と嘲笑される 🔖 40
Appleは2025年6月10日に開催した開発者向け年次会議のWWDC25で、iPhoneやMac向けの新デザイン「Liquid Glass」を発表しました。このLiquid Glassは光の屈折やガラスの光学特性を活かしたデザインになっているため、「背景とUIの判別がつきづらい
仮面ライダー新作「ゼッツ」発表、「生成AIか否か」に注目集まる デザインやティーザー映像の背景が話題 🔖 27
仮面ライダー新作「ゼッツ」発表、「生成AIか否か」に注目集まる デザインやティーザー映像の背景が話題（1/2 ページ） 東映は7月6日、テレビシリーズ「仮面ライダー」の新作「仮面ライダーゼッツ」を発表した。同日にはティーザー映像も公開。SNSでは映像の背景や仮面ライダーそのものの
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 - カミナシ エンジニアブログ 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
生成 UIでユーザーに最適化されたデザインを魅せる。そんな未来の先行体験会。 🔖 40
プロローグ 河野「このTODOアプリ便利やなぁ」 河野「でも、なんかシンプルすぎて退屈やねんなぁ。たまにTODO忘れるし...」 河野「もっとド派手なハリウッド映画みたいなデザインで緊迫感だしてくれや！」 アプリ「わかりました。もっと激しくてインパクトのあるデザインで訴求します。
【Figma × Cursor】AI連携でデザインレビューを自動化する全手順【動画連動解説】｜梅本 周作 / ajike 🔖 152
Figmaの新機能「DevMode MCP」と、FigmaのMCPのひとつAIツール「Talk to Figma」を組み合わせて、デザインレビューの自動化と効率化を試しました。 ※この記事はYoutubeでも解説しています 「Figmaのデザインレビュー、もっと効率的にできないか
デザインエンジニアMeetup #2 | イベントレポート 🔖 1
2025年6月18日に「デザインエンジニアMeetup #2」を開催しました！ デザインとエンジニアリングを横断して問題解決を行い、プロダクトのデリバリーやアイデア検証を高速に行う「デザインエンジニア」。この職種はまだ事例が少なく、業務やキャリアの実態が語られる機会は多くありませ
最近のロゴに使われているデザインテクニックのまとめ -2025年、ロゴデザインのトレンド 🔖 35
デザインの基本となるタイポグラフィ、カラー、形などのデザイン要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 サステナビリティを重視したアースカラー、進化しているグラデーションの使い方、ネガティブスペースやポジティブスペースの使い方など、
HOME記事その他【スペシャルコメント掲載】ELECOM×士郎正宗 デザインマウスが23年の時を経て再起動。当時の開発の試作品を見ながら、その歴史を振り返る【2025年冬復刻予定】 【スペシャルコメント掲載】ELECOM×士郎正宗 デザインマウスが23年の時を経て再起動。当時の開
脱・初心者デザイン。文字間隔と行間で、ここまで印象は変わる｜kiri 🔖 43
こんにちは！株式会社Rabeeでデザイナーをしています、kiriです。 本日は、サイトのデザイン作成における初心者っぽさを脱するための一歩として、文字間隔と行間の調整がいかに大切かについて、説明します。 なぜ、初心者っぽく見えてしまうのか？配色も、フォントも、それほど悪くない。
Config 2025 現地参加レポート、AI時代のプロダクトデザインについて考える 🔖 4
Configとは？ ConfigはFigmaが主催するグローバルデザインカンファレンスで、年に1度サンフランシスコで開催されます。Figmaの新機能リリース発表に加え、世界中から招かれた登壇者による多彩なセッションが行わ […]
ロジクールの人気マウス｢MX Master｣シリーズの最新モデル｢MX Master 4｣のより鮮明な製品画像が登場｜デザインの違いや追加のボタンが明らかに | 気になる、記になる… 🔖 41
先月、Logitech（日本ではロジクール）の人気ワイヤレスマウス「MX Master」シリーズの最新モデル「MX Master 4」の発売が近いことが分かったとお伝えしましたが、その「MX Master 4」の新たな情報が出て来ました。 先月の時点では、「MX Master 4
【コピペOK】個人開発でApple風デザインルールを作ったら統一感のあるカッコいいUIにできた話 🔖 257
こんにちは、とまだです。 先日、こんな記事を書かせていただきました。 【AI 駆動開発】Cursor を使いこなして 1 ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい Cursor と Claude を使った AI 駆動開発で、1 ヶ月でプログラミング学習サイトを
非エンジニアのデザイナーが、200回の試行錯誤でデザインモック自動生成AIアプリを完成させた話 🔖 1
はじめにこんにちは！Finatextデザインチームの密(@suzukamitsu)と小林(@f_kobayashi)です。この記事では、社内AIコンテストで制作したアプリ「Mocky」について、開発の背景や仕組み、実装で工夫した点などをご紹介します。まだまだ試行錯誤中のプロジ
[Snowflake Postgres] 「100％ピュアなPostgreSQL」が意味する製品デザインを解説 🔖 1
こんにちは、喜田です。Snowflake Postgresの発表以来、関連ニュースを追ったり、速報ブログを英語化して公開したところ多数のリアクションをいただき、海外のエンジニアや調査会社からDMで…
はじめに2025年6月14日札幌、GDG Sapporo/GDG Greater Kansai/AKATSUKI Projectが主催・協力して実施された「Build with AI 2025 EZO」に参加してきました！Google Developerが厳選した、各分野を牽
「AIで変わるデザイン業務」——デザイナーが実際に試したリアルな検証レポート | GMOメディア クリエイターブログ 🔖 199
こんにちは！サービスデザイン部 技術推進チームです。私たちは、事業部の業務とは別に、15%のリソースを使って、「デザイナーとしてAIや新しい技術をどう活用できるか？」をテーマに、さまざまなAI技術やツ...
マルチテナントアプリにおけるデザインコンポーネントの管理方法 🔖 6
こんにちは。マンガアプリチームでデザイナーをしている id:gano-k です。 GigaViewer for Apps(以下、GigaApps)は、マンガアプリに必要な「ビューワ」「作品詳細」「マイページ」などの基本機能を共通モジュール化し、複数のサービスで再利用できる仕組みを
WidgetsApp で実現する自由なデザインの Flutter アプリ開発 🔖 2
Apple が WWDC25 にて Liquid Glass を発表しました。https://www.youtube.com/watch?v=jGztGfRujSEこれに対し「ネイティブの API を使わない Flutter は時代に置いていかれる」という声が散見されますが、
人生の選択肢を広げたデザイン。走馬灯に出るような体験を。 🔖 1
「この体験、走馬灯にでてくるかな」走馬灯とは死の直前や、命の危機を覚悟するような状況で、過去の記憶が次々とよみがえる状態のこと。人生って思ったより短い。この前まで高校生だったのに今はもう22歳…
AppleがAIで出遅れても“後追い”で十分な理由、iOS 26は新デザインでAndroidとの差別化が明確に 🔖 31
米Appleは、6月9日（現地時間）に開発者向け会議WWDCの基調講演を開催した。例年通り、ここでは各デバイスに搭載される最新OSが発表されている。それぞれのバージョンが年号で統一され、次期iOSは「iOS 26」になる。同日から、デベロッパー用のβ版が配布されており、7月にはパ
グッドパッチ、誰もがよいデザインを生み出せるように設計されたデザインシステム「Sparkle Design」を無償公開 🔖 60
ProductZine Day＆オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine（プロダクトジン）」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとな
グッドパッチ、デザインシステム「Sparkle Design」を提供開始｜News｜Goodpatch グッドパッチ 🔖 40
顧客体験を起点に企業変革を前進させるデザインカンパニーの株式会社グッドパッチ（本社：東京都渋谷区、代表取締役社長：土屋尚史、証券コード：7351、以下「グッドパッチ」）は、デザイン知見を集約し、プロダクト開発の効率化と品質向上を実現するデザインシステム「Sparkle Desig
Appleの新OS「iOS26」がリリースされ半透明のガラスのようなデザインに「既視感あると思ったらWindowsじゃん、20年前にやってたのをドヤ顔で出されても...」 🔖 114
ライブドアニュース @livedoornews 【変化】Apple、iPhone向けの新OS「iOS 26」発表 news.livedoor.com/article/detail… 今回の「iOS」からナンバリングが変更され、リリース年に合わせて「iOS 26」へとジャンプアップ
「iPadOS 26」発表 マルチウインドウやファイル管理強化で、より“macOSっぽく” デザインも刷新 🔖 37
米Appleは6月9日（現地時間）、「WWDC25」においてiPad向け次期OS「iPadOS 26」を発表した。新しいウィンドウシステムを導入し、サイズの自在な変更や複数ウインドウの表示を実現した他、Apple Intelligence機能を強化し、リアルタイム翻訳などを追加す
Apple、楽しくて優雅な新しいソフトウェアデザインを発表 🔖 173
プラットフォーム全体にわたるユニバーサルなデザインが、Appleのソフトウェアの親しみやすさはそのままに、コンテンツへの注目を高め、新たなレベルの活力をもたらします 新しいデザインは、iOS 26、iPadOS 26、macOS Tahoe 26、watchOS 26、tvOS
「iOS 26」正式発表 12年ぶりにデザイン刷新、“液体ガラス”のようなUIに 🔖 446
同社のAI「Apple Intelligence」を拡充。電話、メッセージ、FaceTimeに「ライブ翻訳」を実装、テキストと音声をリアルタイムで翻訳。メッセージを直接相手の言語に変換して送信することも可能だ。生成AIを使った絵文字「Genmoji」を合体させて新しい絵文字を作る
デザインコンテスト「GMO DESIGN AWARD 2025」 開催決定！ 🔖 1
GMO DESIGN AWARDとは GMO DESIGN AWARD（以下、本コンテスト） は、GMOインターネットグループが主催する、18歳から29歳の若手クリエイター・デザイナーを対象としたAI活用型のデザインコン […]
Gemini x Stitchを使って、デザインセンス皆無の男がイケてるUI生成の限界に挑戦してみる 🔖 73
はじめに こんにちは。ノベルワークス所属のザワッチです！ 最近、Googleが出したUI生成ツール「Stitch」を使って、非デザイナーでかつデザインセンス皆無の男がイケてるUI生成の限界に挑戦してみた記事になります。 イケてるUIとは何なのかをAIと壁打ち協力し、自分なりにイケ
エンジニアがやりがちなUIデザインの失敗15選とその回避法 🔖 276
はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか？ コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマー
Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ 🔖 48
みなさんこんにちは。Amebaデザインシステム「Spindle」テックリードの原 ( @herabl ...
Gemini x Stitchを使って、デザインセンス皆無の男がイケてるUI生成の限界に挑戦してみる 🔖 73
はじめにこんにちは。ノベルワークス所属のザワッチです！最近、Googleが出したUI生成ツール「Stitch」を使って、非デザイナーでかつデザインセンス皆無の男がイケてるUI生成の限界に挑戦して…
エンジニアがやりがちなUIデザインの失敗15選とその回避法 🔖 276
はじめに「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか？コードとして正しく動い…
【インタビューVol.3 後編】変化を起こす異物になれ。デザイン文化を育て続けるという覚悟 🔖 5
「GMOイエラエらしさ」って何？競合分析で方向性を探る —社内ヒアリングを通じて現状が見えてきたあと、次にどのようなステップに進まれたのでしょうか。 大倉 太一｜GMOサイバーセキュリティ byイエラエ株式会社 ブランド […]
読むとワクワクする！ 最近見かけるHTMLとCSSのさまざまな実装テクニックがまとめられた解説書 -改訂新版 HTML＆CSSデザインレシピ集 🔖 34
※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリの実装で必要となるHTMLとCSS、レイアウトのテクニック、ナビゲーションやボタンなどのUI要素、アニメーションやエフェクトなど、最近見かけるHTMLとCSSの実装テクニックがまとめられた解説書を紹介し
TypeScriptで学ぶデザインパターン 〜Adapter編〜 🔖 1
はじめにこの記事は前回に引き続き、Java 言語で学ぶデザインパターンで学んだ内容のアウトプットです。フロントエンド開発における「Adapter パターン」の活用例として、何かのヒントになれば幸いです。 Adapter パターンとは？Adapter パターンは、異なるイン