はてぶ・Qiita・Zennのトレンド記事を紹介
デザインは、Webサイトやアプリの見た目や使いやすさを設計する作業です。UI/UXやグラフィックデザインなど、幅広い分野があります。
グッドパッチ、誰もがよいデザインを生み出せるように設計されたデザインシステム「Sparkle Design」を無償公開 🔖 40
ProductZine Day＆オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine（プロダクトジン）」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとな
グッドパッチ、デザインシステム「Sparkle Design」を提供開始｜News｜Goodpatch グッドパッチ 🔖 39
顧客体験を起点に企業変革を前進させるデザインカンパニーの株式会社グッドパッチ（本社：東京都渋谷区、代表取締役社長：土屋尚史、証券コード：7351、以下「グッドパッチ」）は、デザイン知見を集約し、プロダクト開発の効率化と品質向上を実現するデザインシステム「Sparkle Desig
Appleの新OS「iOS26」がリリースされ半透明のガラスのようなデザインに「既視感あると思ったらWindowsじゃん、20年前にやってたのをドヤ顔で出されても...」 🔖 115
ライブドアニュース @livedoornews 【変化】Apple、iPhone向けの新OS「iOS 26」発表 news.livedoor.com/article/detail… 今回の「iOS」からナンバリングが変更され、リリース年に合わせて「iOS 26」へとジャンプアップ
「iPadOS 26」発表 マルチウインドウやファイル管理強化で、より“macOSっぽく” デザインも刷新 🔖 38
米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に 🔖 449
同社の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生成の限界に挑戦してみる 🔖 63
はじめに こんにちは。ノベルワークス所属のザワッチです！ 最近、Googleが出したUI生成ツール「Stitch」を使って、非デザイナーでかつデザインセンス皆無の男がイケてるUI生成の限界に挑戦してみた記事になります。 イケてるUIとは何なのかをAIと壁打ち協力し、自分なりにイケ
エンジニアがやりがちなUIデザインの失敗15選とその回避法 🔖 275
はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか？ コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマー
Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ 🔖 48
みなさんこんにちは。Amebaデザインシステム「Spindle」テックリードの原 ( @herabl ...
Gemini x Stitchを使って、デザインセンス皆無の男がイケてるUI生成の限界に挑戦してみる 🔖 63
はじめにこんにちは。ノベルワークス所属のザワッチです！最近、Googleが出したUI生成ツール「Stitch」を使って、非デザイナーでかつデザインセンス皆無の男がイケてるUI生成の限界に挑戦して…
エンジニアがやりがちなUIデザインの失敗15選とその回避法 🔖 275
はじめに「動けばいい」で済ませがちな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 パターンは、異なるイン
スマートラウンドのデザインシステムのこれまでとこれから ~第2回 基本パーツの整備によって統一されたデザインとCSSを書かなくて良い世界へ~ 🔖 1
はじめにはじめまして、株式スマートラウンドでチーフテックリードをしているtsukakei1012です！この記事は連載シリーズ「スマートラウンドのデザインシステムのこれまでとこれから」の2回目の記事となります。第1回はエンジニアとデザイナーでデザインルールを整備する仕組みを整
スマートラウンドのデザインシステムのこれまでとこれから ~第2回 基本パーツの整備によって統一されたデザインとCSSを書かなくて良い世界へ~ 🔖 1
はじめにはじめまして、株式スマートラウンドでチーフテックリードをしているtsukakei1012です！この記事は連載シリーズ「スマートラウンドのデザインシステムのこれまでとこれから」の2回目の記事となります。第1回はエンジニアとデザイナーでデザインルールを整備する仕組みを整
こんにちは、稲垣です。 先日、「読書シェア」に参加しましたので、書籍の紹介とともに表題の件について書いてみようと思います。 yumemi.connpass.com 自己紹介 書籍紹介 最後に
TypeScriptで学ぶデザインパターン 〜Iterator編〜 🔖 1
この記事はJava言語で学ぶデザインパターンを読んで学んだ内容を、TypeScriptのサンプルコードに落としこんでみた記録です。「Iterator パターン」とは何かを理解し、TypeScriptの言語仕様との関係性を把握できる内容となっています。 Iterator パター
たった20秒でUIデザイン完成？Googleの新AIツール「Stitch」をさっそく使ってみた！ 🔖 347
はじめにGoogle I/O 2025が、5月20日（火）と21日（水）の2日間にわたって開催されましたが、皆さんはご覧になりましたか？https://www.youtube.com/watch…
Kindle + DeepLでデザインの名著を自動翻訳して読む｜鈴木慎吾 / TSUMIKI INC. 🔖 59
インタラクションデザインの名著と言われていますが、長らく絶版となっていて中古価格は年々高騰する一方です。なかなか手を出しづらい値段ですが、原著の最新版である以下なら普通の価格で購入できます。 About Face: The Essentials of Interaction De
OpenAI、Appleの元デザイン責任者アイブ氏の企業を65億ドルで買収 AIデバイス開発に本腰か 🔖 44
米OpenAIは5月21日（現地時間）、米Appleの元デザイン責任者、ジョニー・アイブ氏が昨年立ち上げたデザイン企業ioのチームを「より緊密に協働するために合併する」と発表した。米The New York Timesによると、買収は全額株式交換で行われ、総額65億ドルという。
Zustand × React Context を組み合わせたデザインパターン実践 🔖 7
はじめにDress Code株式会社で直近HR Forceの開発をしている、ふるしょうです。HR領域のSaaSは、複雑なフォームの機能要件が伴うことが少なくありません。例えば、入社手続きにおける家族情報の登録など、動的フィールドの表示/非表示や編集制御、複雑な依存関係を持つ
AIを組織の競争力に変える、SpeeeのAIガバナンスデザイン 🔖 16
こんにちは、Speeeでビジネス領域のAIガバナンスプロジェクトのオーナーをしております 長山と申します。普段はバントナー事業部で、クライアント企業のDXに伴走支援しております。また本記事でご紹介する取り組みでは、日々、「AIをもっと活用したい」という現場の声と「安全に使おう」と
webアクセシビリティ、デザイン面での最初の難題「緑オレンジ問題」を考える｜加藤朋義 🔖 327
「このボタンは目立たせたいから、オレンジにしよう！」 そう思ってデザインすると、「このオレンジはアクセシビリティ未達です」と指摘が入る。 目立つ色を使ったのに、アクセシビリティに達していない。そんなちょっと腑に落ちない経験ないでしょうか。 ここではデザイナーさんがひっかかりやすい
Figma Config 2025参加レポート：DMMプロダクトマネージャーが現地で感じた、デザインの未来と熱気。 🔖 2
こんにちは！DMMプロダクトマネージャーの小島です。 このレポートでは、FigmaConfig2025で得られた刺激的な体験や、発表された新機能、そしてサンフランシスコでのちょっとした出来事についてお話ししたいと思います。Figmaユーザーの方も、そうでない方も、これからのモノづ
本書は、C# を用いて GoF（Gang of Four）デザインパターン23種を体系的に解説した完全ガイドです。単なるパターンの紹介にとどまらず、「なぜこの設計が選ばれるのか」という動機と意図にフォーカスし、現代的な設計力の土台となる考え方を掘り下げていきます。✅ 本書の特
デザインシステム「TechTrain Terminal.」のデザイントークンを公開しました！ 🔖 2
こんにちは！TechBowlの梶川(@kajitack)です。この度、TechTrainのデザインシステム『TechTrain Terminal.』のデザイントークンを公開しました！デザイントークンの詳細は、以下のリポジトリでご覧いただけます。https://github.
デザインエンジニアMeetup #1 | イベントレポート 🔖 1
2024年4月25日に「デザインエンジニアMeetup #1 」を開催しました！ デザインとエンジニアリングを横断して問題解決を行い、プロダクトのデリバリーやアイデア検証を高速に行う「デザインエンジニア」。この職種はまだ事例が少なく、業務やキャリアの実態が語られる機会は多くありま
【デザインシステム奮闘記 Vol.01】あの頃は手探りだった――デザインシステム導入までのなが〜い旅路w 🔖 2
みなさん、こんにちは。ジンジャーでプロダクトデザイナーをしている門阪です。この度デザインパートナー「Goodpatch」と協業し、デザインシステム「jinjer sirup」を導入しました！（うおおおおお！おめでとう〜！！👏👏）まだまだ成長段階のデザインシステムですが、私た
模倣から創造へ。Lumaで拡張するデザインの可能性 🔖 16
こんにちは、Insight Edge デザイナーの水上（みずかみ）です。 2023年5月にジョインさせていただき、Insight Edgeが発信する様々なデザインを担当しております。 今回は、近年話題になっている3D生成AIツール「Luma」を使ったビジュアルデザイン制作について
最近のUIデザインにぴったり！ HEXコードより色彩が豊かなOKLCH値のカラーパレットをまとめたCSS -uchū 🔖 31
最近はHEXコードから脱却して、色彩が豊かなOKLCH値のカラーを使用しているWebサイトやスマホアプリが増えてきました。さまざまなプロジェクトで使用できるOKLCHのカラーパレットをまとめたCSSを紹介します。 「uchū」は日本語の「宇宙」で、作者が日本のスタイルや美学などが
ジョナサン・アイブ氏が語る、創造的チーム作りとデザイン哲学 - iPhone Mania 🔖 25
AppleでiPhoneやiMacなどの製品を送り出し、最高デザイン責任者を務めたジョナサン・アイブ氏が対談に登壇しました。創造的な成果を挙げるチーム作りや、製品デザインにおける哲学、デザイナーが持つべき覚悟、自身の失敗、現在進行中のプロジェクトなどについて語りました。 ジョナサ
Googleアプリのロゴ、約10年ぶりにデザイン変更 AI時代反映か 🔖 125
米GoogleのGoogleアプリのロゴの「G」のデザインが約10年ぶりに変更された。5月13日現在、公式発表はまだないが、iOSアプリのApp Storeのロゴは既に新しいものになっており、Pixel端末のアプリのロゴもバージョン「16.18.37.sa.arm64」にアップデ
アクセンチュアによるゆめみの買収で思うこと｜芝陽一郎 | 株式会社アイスリーデザイン | 創業者 & CEO 🔖 380
先週5/8、当社にとっては驚きのニュースが飛び込んできた。ゆめみ、アクセンチュアによる買収に合意のニュースだ。株式会社ゆめみは、国内でも有数のデザインとエンジニアリングを垂直に統合している会社で、当社(アイスリーデザイン)も、ざっくり言えば同じ業態で、案件もたまにバッティングをし
壊滅的な自分のUIデザインをAIにいい感じにしてもらう 🔖 66
はじめに自分は正直デザインが苦手です...。なので個人開発で画面のイメージを作ってみたものの、パワーポイントでただ図形をはっつけたような悩ましいもので「なんとかならないものか」と頭を抱えていまし…
Webスタイルガイド | Science Tokyoデザインシステム 🔖 180
Webスタイルガイドは、本学のWebサイト管理者・運用担当者をはじめ、Webサイトに関わるすべての方が利用することができます。ご利用いただく際は、利用規約の記載事項を遵守し、最新の情報やデータをご利用いただくようお願いいたします。 更新履歴
CanvaがAIにより大幅アップデート！「Visual Suite 2.0」が起こす、デザイン革命 🔖 25
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
【インタビューVol.2 前編】デザインで組織を動かす。GMO全社横断クリエイティブ改革の始まり 🔖 2
危機感から始まった、GMOインターネットグループ横断型会議体の立ち上げ —お二人は「クリエイターシナジー会議」などを通じて、GMOインターネットグループ全体のクリエイティブを強化する取り組みを進めていらっしゃるんですよね […]
『PMフィッシュボウル 〜組織デザインってむずくない？編〜』参加してみた 🔖 17
こんにちは、稲垣です。 2025年度からはイベント参加や登壇だけでなく RAKUS Developers Blog | ラクス エンジニアブログやRakus Designers note にも積極的に投稿して行こうかなと思っています。 Xでもプロダクトマネージャーのこと、デザイナ