Weekly Digest
2026年6月22日〜6月28日に公開された記事から、生成AI×デザイン・Figma・デザインシステムなどの注目トピックを自動で厳選しています。毎週自動更新。
AIが検索を代替し、SNSや動画サイトが存在感を増す今、「Webサイトをつくる意味」をあらためて問い直す人も多いのではないでしょうか。クラフトビールCOEDOや、抹茶カフェnana’s green teaなど、数々のブラ […] 投稿 「他...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 OpenAIは日本時間6月12日、AIコーディングツール「Co […] 投稿 Op...
個々人が生成AIを使って業務を効率化しても、その影響範囲は個人レベル止まり。組織全体の生産性を高めるために、グッドパッチのサービスデザイナーチームでは、Claude CodeとGitHubを使い、コンテキストの共有、そして接続を実現する仕組...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 株式会社オロパスは、SEO/LLMOツール「パスカル」に、AI […] 投稿 SE...
「AIに引用される記事を作りたい。具体的には、どう書けばいいのか？」 これは、ここ最近のコンテンツ制作現場でよく受ける質問です。過去記事「AIに引用されるために本当に必要なこと」では、引用される文章には共通する構造があり […]...
Web Designing Web記者が、Webに携わる人向けにニュースをピックアップ。話題の本質を整理し、実務に役立つポイントをコンパクトにまとめました。 Canvaは6月8日、デザインツール「Canva」のマジックレ […] 投稿 Ca...
ビジネスパーソンが「デザイン」を学ぶ──。「デザイン思考」という言葉が日本に広まって以降、徐々にではあるものの、デザインの意義や効果を学ぶビジネスパーソンは増えてきています。 グッドパッチは2024年、累計1万人以上の卒 […]...
はじめに AIのおかげで、ソフトウェアのプロダクトを「作るスピード」は段違いに速くなった。プロンプトひとつでUIのコードが出てくるし、画面のモックも数分で量産できる。 だが、「プロダクトを量産できること」と「ユーザーが"使いやすい"と感じる...
初めまして！PKSHA Technology デザイナーの清水と申します。普段はデザイナーとしてXで発信しています。今日は、ユーザビリティ評価（今回行ったのはヒューリスティック評価）を skill 化したいと考えている方に向けて、テストデー...
この記事の要点（2026年6月）: Anthropic 公式の Claude Code スキル /design-sync を使い、ローカルの HTML コンポーネント4本（Button・Card・Input・Badge）を claude.a...
はじめに 自分の運営するサッカーチーム(とランニングコミュニティ)の公式サイトを作りたかった。メンバー紹介、試合スケジュール、ユニフォーム紹介、ギャラリー——やりたいことは明確にある。でも、デザインができる人もいなければ、コードを書ける人も...
筆者はブログ記事を LLM に書かせる運用を続けているが、最初につまずいたのが「雑に投げると雑な記事が返ってくる」という当たり前の問題だった。 「Claude Code の使い方について記事書いて」とだけ投げると、LLM は「Claude ...
米国時間2026年6月24日、Figmaは年次カンファレンス「Figma Config 2026」にて、6つの新プロダクト「Code layers」「Figma Motion」「Shaders」「Weave tools」 […] 投稿 《F...
アプリをインストールして困ることが、ショートカットキーが他のアプリと重複している場合です。いつもなら「Command + スペース」でスポットライトを呼び出せるのに、なぜか他のアプリが起動してしまったことはありませんか？ […]...
クラスメソッド日比谷オフィスで数年間活動してきた有志チーム「美化委員」の活動記録をお届けします。カフェマスターのひとことから始まった、総務とデザイナーが協力してオフィスの困りごとに向き合った軌跡と、一区切りを迎えるまでの振り返りです。...
※本ページは、アフィリエイト広告を利用しています。 写真を撮るとき、もっと魅力的にしたい！ と思ったことはないですか？ 小物の置き方を工夫したり、小物ごとに異なる魅せる背景、構図や光の考え方、主役を引き立てる脇役の存在な […]...
この機能を待ち望んでいた人は、多いと思います！ 6月にアップデートされたChrome 149で、CSS GridやFlexboxのギャップをCSSで装飾できるようになりました。言い換えると、コンテナ間に区切り線をスタイル […]...
選択式、自由記述式、マルチメディア形式の質問のバランスを取ることで、質の高い回答を得られる日記エントリーを設計しよう。...
CSSの検証やデバッグにデベロッパーツールを使用している人が多いと思います。しかし、デベロッパーツールではリロードするとその変更内容が消えてしまうという大きな弱点があります。 macOS用のインスペクター、CSSに特化さ […]...
※本ページは、アフィリエイト広告を利用しています。 年に一度となるフィルムアート社の周年記念セールが、Kindleで開催です！ 期間は、2026/7/13まで。 当ブログでも好評だった創作向けの類語辞典シリーズがKind […]...
