Figma Makeで“AI縛りLP”を作ってみた|78回のやりとりで完成
Figma MakeというAIツールを使ってLPをAIだけで作成した工程と気づきをレポートしています。 デザイン、アニメーション、レスポンシブ対応のコード生成までAIが行います。 デザイナーやフロントエンドエンジニア、マーケターの方々におすすめの記事です。
Figma MakeというAIツールを使ってLPをAIだけで作成した工程と気づきをレポートしています。 デザイン、アニメーション、レスポンシブ対応のコード生成までAIが行います。 デザイナーやフロントエンドエンジニア、マーケターの方々におすすめの記事です。
「Tech-Verse 2025」のDay2のデザインに関するセッションの振り返り記事です。 テクノロジーとデザインの未来に焦点を当てています。 デザイナーやデザインに興味のある人向けのイベントレポートです。
この記事は、Microsoft 365 Copilotに独自のカスタムエンジンエージェントを組み込む方法について解説しています。 開発者は、Copilot Studio、Azure AI Foundry、Visual Studioなどのプラットフォームで構築したエージェントを、Microsoft 365 Copilot内でシームレスに利用できるようになります。 この記事は、ITプロフェッショナル、ソフトウェア開発者、デザイナー、マーケター、およびエンジニアリングマネージャーを対象としています。
KiroとClaude Codeを組み合わせることで、開発の質と速度を両立できた事例を紹介しています。 Kiroで作成した仕様書をClaude Codeで実装することで、効率的な開発を実現しています。 この記事は、開発者、ディレクター、プロジェクトマネージャーなど、IT業界の関係者向けです。
LINEヤフーのインフラ領域のプロダクトデザイナーの業務内容について、リードデザイナーへのインタビュー記事です。 社内エンジニアが利用する開発支援ツールや基盤システムを改善する仕事です。 インフラ領域のプロダクトデザイナーに興味のある人向けの記事です。
介護・障害福祉事業者向けサービス「カイポケ」のリニューアルプロジェクトにおける、デザイナー、PO、エンジニアのチーム全員でユーザーストーリーを作成した取り組みについてまとめた記事です。 分業体制から脱却し、全員で画面の振る舞いやユーザーストーリーを共有することで、開発の効率化と品質向上を実現しています。 デザイナー、PO、エンジニアなど、プロダクト開発に関わる全ての人々。
Starlightの最新リリースであるバージョン0.35について紹介します。 アイコン、属性、ページスラッグをカスタマイズできる機能が追加されました。 主にデザイナーやフロントエンドエンジニア、マーケター向けのアップデートです。
Blenderの無料チュートリアルを紹介する記事。 初心者向けに、Blenderのインストールから解説してくれるチュートリアルなど、おすすめの5選が紹介されています。 Blenderを無課金で練習したい人におすすめです。
ユーザーの心理効果とその事例をまとめた記事です。 保有効果を活用して登録率を2倍にしたサービスや、封筒デザインの変更で寄付額を増加させた事例を紹介しています。 マーケティング担当者や、プロダクト開発に携わる人々にとって、ユーザーの行動を促すためのヒントが得られる内容です。
本記事では、Web ComponentsとTailwind CSSの組み合わせがなぜ難しいのかを解説しています。 Shadow DOMによるスタイルのカプセル化と、Tailwind CSSのグローバルスタイル生成という相反する特性が問題の根源です。 フロントエンドエンジニアやWeb開発に携わる方々を対象とした内容です。
LINEヤフーのデザインシステムとアイコン基盤に関する記事です。 LAICONの構築・運用ノウハウや活用事例、今後の展望について紹介しています。 デザインシステムやアイコン管理基盤の導入・運用を検討している方々が対象です。
この記事は、Google CloudのConversational Analytics APIを活用して、自然言語AIサービスをビジネスに統合する方法を解説しています。 このAPIは、BigQueryやLookerのデータに自然言語で質問し、インサイトを得ることを可能にします。また、高度な分析や可視化も提供し、データ分析の効率化を支援します。 対象読者は、データ分析に携わる方、AIを活用したビジネスインテリジェンスに関心のある方、および自社アプリケーションへの会話型分析機能の組み込みを検討している開発者です。
本記事は、九州大学の学生がグッドパッチと共同で行った、2035年の未来をテーマにしたUI/UXデザインの実践型授業の様子をまとめたものです。 学生たちがAIとの共生をテーマに、未来のUI/UXデザインを考案し、プロトタイピングを行う過程が紹介されています。 デザインやプロダクトマネジメントに興味のある方、未来のUI/UXデザインに関心のある方におすすめです。
一休のレストラン事業本部長へのインタビュー記事。 「オーガニック」と「サステナブル」をテーマにした営業哲学が語られます。 一休.comレストランの営業の魅力に迫る内容です。
UIデザインの角丸に関するテクニックについて解説しています。 角丸の計算方法だけでなく、UIデザインをマクロな視点で捉えることの重要性を説いています。 UIデザイナーやフロントエンドエンジニアなど、UIデザインに関わる全ての人に向けた内容です。
KINTO Unlimitedアプリのサウンドデザインに関する記事です。 アプリのサウンド実装プロセスや、サウンド選定、実装仕様について解説しています。 デザイナー、プロダクトマネージャー、エンジニアなど、アプリ開発に関わる全ての人を対象としています。
CSSのwidth: stretchについて、width: 100% ではなく、より注意すべき点について解説します。 Flexboxを利用したレイアウト設計における幅の扱いに関する深い考察を提供します。 フロントエンドエンジニアやデザイナーなど、CSSに興味のある全ての方へ向けた記事です。
記事の要約: - KINTOテクノロジーズの大阪Tech Labが新オフィスに移転し、「集GO!発SHIN!CO-LAB」をコンセプトに、メンバー主導で作り上げた。 - 新オフィスの魅力として、靴を脱いでくつろげるPARKエリア、大阪らしさを取り入れた会議室名、JCTを活用した発信スペースを紹介。 - 大阪Tech Labの文化を体験できるイベント開催情報と、特設サイトの紹介。 対象読者: - エンジニア - デザイン担当者 - コーポレートエンジニア
UID1本部のプロダクトデザイナー募集に関する記事です。 チームや仕事の魅力を具体例とともに紹介しています。 採用情報へのリンクがあります。
Atomic Designの分類を見直し、UI変更に強いコンポーネント設計について解説しています。 3階層の構成でコンポーネント設計を始める方法を提案しています。 フロントエンドエンジニアやデザイナーなど、UI設計に関わる全ての人に役立つ情報です。
UI/UXデザインに特化したデザイナートレーニングチーム「hatch」が新設されたというニュースです。 未経験からデザイナーを目指す人に向けて、実践的なトレーニングを通して成長をサポートしています。 デザインへの熱意と、主体的な学習意欲を持つ方を対象としています。
この記事では、クリーンコードを書く上でのコメントの重要性について解説しています。 より良いコードを書くためのコメントの書き方の注意点について説明しています。 対象読者は、プログラミングに関わる全ての人です。
かつて存在したMicrosoft Building 3のMatterportウォークスルーを紹介する記事です。 建物の内装や構造、特徴について解説しています。 この記事は、Microsoftの歴史やデザインに関心のある読者、または過去のオフィス環境に興味のある人々に適しています。
『ゼクシィ』のデザインチームが、デザインの品質、スピード、モチベーションを向上させるために導入した「バディ体制」について紹介しています。 デザインにおける課題と、その解決策としての新しい体制について言及しています。 この記事は、デザインチームのマネジメントや、デザインプロセスに興味のある方におすすめです。
プロダクトデザイナーが「複雑さ」に向き合うための武器と挑戦について語られています。 高齢社会の課題解決を目指す企業でのプロダクトデザインの重要性を伝えています。 プロダクトデザイナーや、高齢社会の課題解決に関心のある読者向けの記事です。
プログラミングや在宅ワークに最適な無料のBGMと環境音を紹介。 仕事や勉強の邪魔にならない音源を厳選して紹介します。 2025年版として最新情報をアップデートしています。
BlenderのアドオンTripo MCPを使って、プロンプトで3Dモデルを作成できるという記事の紹介です。 モデリングの知識がなくても、CursorやClaudeを使って対話するだけで3Dモデルが生成できます。 3Dモデリングに興味のあるデザイナーやフロントエンドエンジニアにおすすめです。
BlazorのサイドバーにBootstrapアイコンを追加する方法についての記事です。 Blazorの既定テンプレートでBootstrapのデザインを利用している方向けです。 Bootstrapアイコンが表示されない問題の解決策に焦点を当てています。
アジャイル開発を成功させるためのポイントと、ニジボックスの開発事例を紹介しています。 アジャイル開発の導入と、顧客満足度を向上させるための取り組みが解説されています。 プロジェクトマネージャー、プロダクトマネージャー、ディレクター、フロントエンドエンジニア、デザイナーなど、開発に関わる方々におすすめです。
デザインエンジニアMeetup #2のイベントレポートです。 AI時代のプロダクトづくりをテーマに、デザインとエンジニアリングの最前線について議論されました。 デザインエンジニア、プロダクトマネージャー、エンジニアリングマネージャー、フロントエンドエンジニア、デザイナーなど、デザインと開発に関わる方々におすすめの記事です。
Webアニメーションの重要性と、より良いアニメーション制作のための原則を解説しています。 UIデザイナーやフロントエンドエンジニアなど、Webデザインに関わる全ての方々に向けて書かれています。 アニメーションの目的や種類、実装のポイント、アクセシビリティへの配慮についても言及しています。
本記事は、グッドパッチが開発したデザインシステム「Sparkle Design」のロゴデザイン制作秘話について解説しています。 デザインシステムが目指す「ハートを揺さぶるデザイン」を実現するためのコンセプトや、ロゴに込められた想いを紐解きます。 デザイナーやデザインシステムに興味のある方々に向けて、Sparkle Designの魅力と制作過程を紹介します。
LayerXのランチタイムLT「AI for fun」のイベント情報です。 最新のAI技術を、LayerX社員7名が面白い活用法をLT形式で紹介します。 AIのクリエイティブな活用法や最新技術に興味がある方におすすめです。
LayerXのランチタイムLTイベント『Bet AI for Biz』の概要をまとめた記事です。 AI活用事例を7名の社員が紹介し、業務改善のヒントを提供します。 ビジネス職、AI活用に関心のある方、組織の生産性向上に関心のあるマネージャー向けです。
LayerXが開催するランチタイムLTイベントの概要です。 AIツールの選択をテーマに、LayerXの様々な職種の社員が、実際に使用して良かったAIツールや、合わなかったツールについて語ります。 業務効率を上げたい方、AIツールのリアルな評価を知りたい方、AI活用に興味のある方におすすめです。
Material Design 3におけるSurface BrightとSurface Dimの色の使い方について解説しています。 Light/Dark Themeでのデザインの階層構造を適切に表現するための方法を紹介しています。 デザインに興味のある方や、フロントエンドエンジニア、モバイルエンジニアの方におすすめです。
LINEヤフーのデザイン組織における、デザイナーの成長を支援する環境づくりの取り組みを紹介する記事です。 デザイナーの学び合いを促進し、チームと会社全体の成長につなげるカルチャーに焦点を当てています。 UXリサーチ勉強会など、具体的な取り組み事例も交えて紹介しています。
Open-vocabulary 物体検出に関する解説記事です。 物体検出のクラス分類に言語的な意味を持たせる方法を紹介しています。 リサーチャーや機械学習エンジニア、データサイエンティスト向けの技術情報です。
Veo 3の公開プレビュー版がVertex AIでリリースされ、動画生成技術に関する最新情報です。 Google Cloudのお客様やパートナー向けに、映画品質の動画を生成できるVeo 3の新機能が紹介されています。 マーケター、デザイナー、機械学習エンジニアなど、動画制作に関心のある方におすすめです。
この記事は、デザイナーがチームの関係性を向上させるためのシステムコーチング®の考え方を紹介しています。 チームのコミュニケーションの質を高め、AI時代における創造性を引き出すために、関係性に着目することの重要性を説いています。 デザイナーやチームのリーダー、組織開発に関心のある人向けの示唆に富んだ内容です。
Google Pixel 9aが楽天モバイルで発売開始されました。 エントリーモデルながら、明るいディスプレイと美しい写真が撮れる48MPカメラを搭載しています。 主にモバイルデバイスに関心のあるユーザーや、Android開発者向けのニュースです。
新しいChromebook Plus Gen 10の登場 AI機能により、作業効率が向上 デザインやマーケティングに携わる人々に役立つ情報
Yahoo!フリマの生成AI機能「らくらくAI出品」のUI/UX設計に関する記事です。 生成AI機能を活用する上でのインターフェース設計のポイントを紹介しています。 同様の取り組みを検討しているチーム向けに、具体的な設計パターンを提供します。
デザインから開発まで一貫したデザインシステムを構築するためのベストプラクティスを紹介します。 デザインシステム構築のプロセス、デザインと開発の連携方法、実装のヒントについて解説します。 デザインシステムに関心のあるデザイナー、フロントエンドエンジニア、テックリード向けの記事です。