マガジン一覧

パーソナルコンピュータは、ローカルLLMで再びパーソナルになる

「コードを書く」から「コードが生まれる」へ1972年、アラン・ケイはDynabookの構想において、あらゆるメディアをシミュレートしながらユーザー自身が書き換えられる「メタメディア」としてのコンピュータを提唱し、それを具体化したのがSmalltalkだった。Smalltalkは言語・OS・開発環境・UIフレームワークが一体となった「生きた環境」であり、画面上のすべての要素、ウィンドウからクラス定義までがオブジェクトとして等しく開かれ、コンパイルや再起動なしにその場で書き換えら

CircleCIのコストを可視化する仕組みを作ってみた

はじめにnote Androidアプリの開発では、CIにCircleCIを使っています。毎日たくさんのビルドが走っていますが、ふと「これ、月にいくらかかってるんだろう？」と思いました。 CircleCIはクレジット制で、リソースクラス（マシンスペック）× 実行時間で課金されます。でも、どのジョブがどれくらいクレジットを消費しているかは、ダッシュボードを見てもパッと分かりません。 そこで、コストを自動で集計してSlackに通知する仕組みを作ってみました。 作ったもの毎週月

書けば、届くべきひとに届く。noteがLLMでレコメンドをつくり直した舞台裏

生成AIが普及し、世の中にはかつてないスピードでコンテンツが生まれつづけています。そんな情報過多とも言えるいま、一つひとつの作品と、それを必要とするひととの出会いは、ますますむずかしくなっています。 2026年2月12日、noteではクリエイターの作品を、求めている読者にしっかり届けるため、読者ごとに記事をおすすめする仕組みを全面的に刷新。より精度高くそれぞれの記事の内容を理解して分類するレコメンドエンジンを導入しました。 LLM（大規模言語モデル）を活用したこの仕組みを

TALES Androidアプリの開発構成

こんにちは、トリです。 物語投稿サイト「TALES」の Android アプリ開発を担当しています。 今回は、TALESを支える「技術スタック」と、開発で取り入れた「新しいアプローチ」についてご紹介します。 TALES とは？Tales & Co. と note が共同開発した小説投稿プラットフォームです。誰でも物語を投稿し、作品を読んで楽しめます。 2025年4月に Webサイト を公開し、2025年9月に iOS・Android アプリをリリースしました。 Andr

アシスタントを作るがごとく、Claude Codeを設計する。（私のClaudeCodeの使い方）

脳疲労が重くて、AIに思考の一部を肩代わりして欲しい、、、というところから、日々のルーティンタスクや思考整理を楽にする仕組みを昨年から模索していました。 そしてClaudeCodeでそれがかなり実現できていて、とても助かっています。 数週間運用してみてだいぶ設計も落ち着いたので、今時点での自分の使い方をまとめておこうと思います。 Claude Codeとは書いてる時点ではClaudeに月$20（今だと3千円くらい）課金すると使えるようになる機能で、基本的にパソコンで使う

Claude Code to Figmaのはじめかた

Figmaが2026年2月17日（現地時間）にClaude Code to Figmaを公開しました。ローカルで動くUIをFigmaに取り込み、Figma上の編集をコードに戻す…この双方向のワークフローを手元のプロジェクトで実際に試し、何ができて何ができないのかを確かめました。 前提と環境検証に使ったのはShadcn Dashboard & Landing TemplateのVite版です。ここにClaude CodeとFigma MCP Serverを接続しました。 M

コードが書けないデザイナーでもAdobeの自動化ができる？ ChatGPTで広がる現場最適化

こんにちは。 MIXI 開発本部 インフラ室 映像開発グループの森山と、デザイン本部 動画クリエイティブ室 CGデザイングループの田野です。 制作現場において、“ちょっとした面倒”な作業（カラーアセットの作成、書き出し設定の反復など）の自動化は、エンジニアへの依頼が必要でハードルが高いものでした。 しかし、生成AIの活用によって、コードが書けないデザイナー主導でも、ExtendScript（※）を用いた業務改善を「思い立ったその日」に実現できるようになっています。 （※）

デザインエンジニア × AI (6) 車輪の再発明

つくれてしまうAIと協業するようになって、様々なツールを自分でもつくれる、と思う場面が増えました。「つくった方が早い」「つくった方が狙いに合う」「つくった方がコスパがいい」が成立する場面が増えました。 たとえば自分が関わっているECサイトで、最初につくり始めたのはレコメンドエンジンではなく、分析ダッシュボードでした。 けれど、購買データを眺めて、AIと一緒に顧客分析をしているうちに、「レコメンドエンジンがつくれる」と思いました。 そしてそれができあがってくると今度は、細か

「デザイナーのためのコンポーネント設計論」を無料公開しました + タイミーではどうしているか

こんにちは、タイミーの横田です。 デザインシステムのコンポーネント設計について、これまでさまざまな現場で議論してきた内容をまとめ、ZennでBookとして公開しました。本文は10万字以上、図は70点以上で、技術書1冊分のボリュームです。 Zenn Book GitHub https://github.com/yasuhiro-y/component-design-guide-for-designers/blob/main/books/b62994c6b0b1e9/_c

なぜデザインシステムは丸コピできないのか？

サイバーエージェント DXDesign室所属のいとーです。 デザインの仕事で、いきなり手を動かし始めることはほとんどありません。 まずは調べる。競合を見る。既存事例を見る。 UIでもグラフィックでも、この流れはあまり変わらないと思います。 デザインシステムも同じです。 案件が始まると「このプロダクトに近そうなデザインシステムをいくつか見てみよう」という話になることは多いし、実際それは健全なスタートだと思っています。 公開されているデザインシステムは、どれも本当に完成

コンポーネントを2分で作成。Web開発会社こそ「自社専用のデザインシステム」を育てたい話

こんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、私がはたらくRabeeで運用しているデザインシステムを紹介します。Rabeeは、受託開発・自社開発をともに手がけるWeb開発会社で、ちょうど1年前に「自社専用のデザインシステム」の構築をスタートしました。1年を経て、開発会社だからこその運用の形がだんだんと見えてきたので、今回振り返ろうと思います。 Figmaのコンポーネントの作り方やVariablesとCSSの一致、実装との連携を志向したデザイナーの動

デザインシステムを「1から作り直したけど撤退した話」〜TVerデザインシステムV2お蔵入りから学んだこと〜

はじめに 今年の4月に入社したとりじるです！ 入社してすぐに、TVerのデザインシステムを引き継ぐことになりました。 すでに存在しているデザインシステム（V1）があり、それをどう改修していくかを考える立場です。 今回は、 一度は新しいデザインシステム（V2）を作り、 それをあえてお蔵入りにし、 今はV1をブラッシュアップをする選択をした話です。 デザインシステムを1から構築したことがある人なら、 せっかく作ったのに、お蔵入り！？と思うかもしれません。 そんな、ちょっと珍

非デザイナーのデザインチェックってどうするの？

こんにちは！インゲージでデザイナーをしているスギです！ 私の部署では週1回勉強会を開催しています。一人ずつ自分の気になったことや意識してることなどをざっくばらんに発表しているのですが、その際に私が発表したことを今回はお話しします（2.3回聞いてる人もいると思いますが噛めば噛むほど味が出ますからね、スルメです、スルメの話だと思ってください🦑） 題して「非デザイナーのデザインチェックってどうするの？」です！ 上がってきたデザインに対して「なんとなく違う気がするけど、どう伝えた

第2回 「超メルカリ市」 ─ UXとクリエイティブで進化した大型キャンペーンの舞台裏

メルカリを代表するキャンペーン「超メルカリ市」の第2回を開催しました。​この記事では、第1回の開催時に得た学びをどのように活かし、第2回の「超メルカリ市」を進化させたのかご紹介します。 執筆を担当するのは、本プロジェクトでUI設計を手掛けたbrownと、Creative Directionを担当したu-canです。得意領域が異なる2人が、キャンペーンの舞台裏をお届けします。 「超メルカリ市」とは「超メルカリ市」は、メルカリ最大級のアプリイベントで、コンセプトは「超売れる！

フランスで放映！生成AIをフルで活用したメルカリ紹介動画制作の裏側

こんにちは。メルカリクリエイティブチームでMovie Director / Motion Designerをしているgu-megu（ぐーめぐ）です。 まずは、こちらをご覧ください！ この動画は、先日フランス・パリで開催された Japan Expo Paris にて放映されていた、メルカリのグローバル越境サービスの紹介動画です。 実はこの動画、全編生成AIを活用して制作しました。この記事では、その制作背景から具体的なフロー、そして成果までをご紹介します。 イベント概要今

ココナラデザインチームのAI活用事例14選【グラフィックからUIまで】

こんにちは、ココナラのプロダクトデザイナーのやなしんです。社内のAI推進を担当して半年になりまして、色々知見も溜まってきたのでデザインチームのAI活用事例を紹介してみようと思います。 背景ココナラでは、AXによる業務効率化に積極的に取り組んでおり、デザイン部でも「デザイン業務工数50%削減」というなかなか高い、チャレンジングな目標を掲げています。このミッションに対して、私を含めたコアメンバー3人が中心となって推進し、他のメンバーもそれぞれの目標としてAI活用に取り組んでいま

noteはなぜ、シンプルであり続けられるのか

今日お話しするテーマは、「noteはなぜ、シンプルであり続けられるのか」 わたしはnoteの中で、プロダクトの設計や体験づくりに関わる仕事をしています。今日はその立場から、日々の業務の中で、どんなことを考え判断しているのかを、お話しします。 かんたんに自己紹介をさせてください。 note株式会社 デザイナーの森口です。デザイン基盤チームのリーダーもしています。toC系プロダクトを中心に、グロース施策やデザインの仕組みづくりに取り組んできました。事業会社のデザイナーとして

たった一人で走り続けてきたデザイナーが、チームを率いる存在になるまで

プロダクトのデザインから、PR、イベントなどのコミュニケーションデザインまで。TAIANのデザインチームが手がける仕事はとても幅広いものです。スピードとクオリティを同時に実現するデザインチームが本格的に立ち上がったのは、ここ半年くらいのこと。。それまでたった一人の馬力で走り続けてきたデザイナーがどのようにチームをつくり、TAIANらしいデザインを形にしてきたのでしょうか。デザインチームを情熱的に牽引する橋本さんと、チーム立ち上げの支援を行った花塚さんにお話を聞きました。 営

『カミナシのコミュニケーションデザイナーは、なぜこれほど「バラバラ」なのか』　30代からの「器用貧乏」を突破する、6.5：3.5のキャリア黄金比

「自分は、この先何者として生きていくのか」 こんなことを思っていた時期が私にもあります。 こんにちは。カミナシでコミュニケーションデザイナー（以下CD）のマネージャーをしています。魚森敦史（うおもりあつし）といいます。 私たちCDの仕事は、「デザインの枠を超え、マーケティングから採用、組織文化まで、事業成長に必要なあらゆるコミュニケーションを設計・デザインすること」です。 デザイナーとして10年、20年とキャリアを積み、一通りのことができるようになった30代、40代。ふとし

ファインディデザイン組織2025年の振り返りと2026年の展望

メリークリスマス🎄 ファインディでデザインマネージャーをしていますムカイ( @osk_kamui )です。 この記事はファインディデザインチーム Advent Calendar 2025の25日目の記事です。 さて、ラストを飾るのはおなじみ25年振り返り記事です。ちなみに24年はこちら。 総評：51対49今年は新規プロダクトが複数立ち上がったことで、関連するプロダクトのフェーズが多様になり、ぐっと難易度の上がった年でした。 そんな中でもAI活用や優秀なメンバーのジョ

noteはなぜ、シンプルであり続けられるのか

今日お話しするテーマは、「noteはなぜ、シンプルであり続けられるのか」 わたしはnoteの中で、プロダクトの設計や体験づくりに関わる仕事をしています。今日はその立場から、日々の業務の中で、どんなことを考え判断しているのかを、お話しします。 かんたんに自己紹介をさせてください。 note株式会社 デザイナーの森口です。デザイン基盤チームのリーダーもしています。toC系プロダクトを中心に、グロース施策やデザインの仕組みづくりに取り組んできました。事業会社のデザイナーとして

開発生産性を上げるのはプロダクトだけじゃない。PdMとデザイナーが自ら体現する、職種の枠を超えたプロダクト開発の現在地

ファインディは「挑戦するエンジニアのプラットフォームをつくる。」をビジョンに掲げ、ITエンジニアと企業をつなぐマッチングサービスから、エンジニア組織のパフォーマンスを最大化させるSaaSまで、エンジニアの成長を多角的に支援するプロダクトを多数展開しています。また、近年はAI技術の進展を踏まえ、生成AIを活用した新規事業の創出にも取り組んでいます。 今回焦点を当てるのは、経営と開発現場をつなぐAI戦略支援SaaS「Findy Team+」の開発チーム。ここでは、PdMとデザイ

デジタルプロダクトデザインの教科書を読んで

はじめに 「デジタルプロダクトデザインの教科書」を読んで、これまで自分の中で曖昧だった「デジタルプロダクトデザイナーの役割」を理解でき、今後の目標が明確になりました。 この記事では、 本を読みながら印象に残ったポイント それを実際の業務にどう役立てそうか、メモを整理する形でまとめています デジタルプロダクトデザインとは UI デザイナーとUXデザイナーとデジタルプロダクトデザイナーの違いが整理されており、自分の中で曖昧だった役割の境界がクリアになりました。 「デジタ

UI/UXデザイナーが業務中によく使うFigmaのアレコレ

はじめまして！ 2025年9月よりUI/UXデザイナーとしてエン株式会社にジョインさせていただいてる、フリーランスのおーたです！ 日々デザイナーとして、採用支援ツール『engage』をコツコツと作っています。今回はそんな私が業務などでよく使うツールやFigmaのプラグインなどなどをざっくばらんにご紹介できればと思います！ UI/UXデザイナー・プロダクトデザイナーの方はもちろん、これからデザイナーを目指す方、駆け出しのデザイナー、『デザイナーじゃないけど興味ある！』という

チーム全員でアクセシビリティ / ユーザビリティを確保したデザインを安定的に生み出すFigma Widget開発の舞台裏

こんにちは！クラウドサインのプロダクトデザイナー つっきょです。 私は普段、クラウドサインの新機能開発やデザインシステムの構築、ウェブアクセシビリティの改善などに取り組んでいます。 先日、「Design Checklist」というFigma Widgetを公開しました！🎉 デジタルプロダクトの品質管理を効率化し、アクセシブルで使いやすいデザインの実現をサポートするウィジェットです。 ➡️ Design Checklist (Figma Widgetのページに遷移します）

🤔 アクセシビリティは、どうリサーチに取り入れる？─ 多様なユーザーを起点に

UXデザインやプロダクトづくりに関わっていると、一度は 「アクセシビリティって、リサーチにどう組み込めばいいんだろう？」🤔 と感じたことがあるのではないでしょうか。 私自身、以前に脳性麻痺のある方々のためのウェブサイト／リソース集の制作に携わった際、まさにその問いにぶつかりました。 🧑‍🦽 脳性麻痺のあるユーザーをどうやってリクルートすればいいのか。 🛠️ どんなツールなら無理なく使ってもらえるのか。 💬 失礼にならないコミュニケーションとは何か。 🎨 プロトタイプ

アクセシビリティでつながるせかい

この記事は「アクセシビリティ Advent Calendar 2025」13日目の記事です。 アクセシビリティカンファレンス福岡 2025から1週間経ちました。まだ夢のようで、でもちょっとだけ、いやとても、私のアクセシビリティとの関係が前進した気がしています。登壇して改めて思ったこと、アクセシビリティと向き合う中で思ったこと、自分がどんなことをやってきたか、など、書きます。 つながるひろがるアクセシビリティまずはいつも一緒にお仕事をしたり、遊んだり、私に関わってくれる方た

アクセシビリティやっていき活動報告2025

この記事はAdventar アクセシビリティ Advent Calendar 2025の12月11日の記事です。 株式会社ハタフルでフロントエンドエンジニアを務めている yshimizu と申します。 昨年までは同社の運営するWebデザイナー養成スクール「ハタフルアカデミー」で講師を務めていましたが、今年からカリキュラムや運営体制が変わり、一介のエンジニアに戻ることとなりました。アクセシビリティに関する講義もなくなってしまったので、少し残念ですね。 2025年の振り返り昨

AI時代、UXリサーチャーはどこへ？KNOTS登壇資料書き起こし

こんにちは！スマートバンクでUXリサーチャーをしているHarokaです。 2026年1月25日、カンファレンス「KNOTS 2026」に登壇しました🎉 私がお話ししたテーマは、「AI時代、UXリサーチャーはどこへ？」。 2025年は、生成AIが台頭し、誰もが手軽にリサーチや分析ができる未来が見えてきました。そして、その波はどんどん押し寄せ、AIが当たり前のようにリサーチ業務に関わってくる2026年を迎えたようにも感じています。 そんな今、「リサーチャー」という職能はど

リサーチのトレンド 2025年の振り返りと今年の展望

今年も、1月〜12月の間に「＃リサーチハック」のハッシュタグでXに投稿してきた、デザイン・マーケティング・市場調査のリサーチ界隈で起きていた主なニュース・トレンドをトピックごとに傾向分析してお届けします。 ※本記事の作成にあたり自身で定期発行しているリサーチのニュースレター「リサーチハック101」（登録読者向け）の内容を再構成する形で話題を扱っています。また、関連する考察記事は本文中でも紹介しています。 2025年は「AIが使いものになるかどうか」から「普及率が高い専用業

リサーチをレポートで終わらせない。"顧客解像度の非対称性"を埋める、チーム学習のデザイン

膨大な時間をかけてユーザーインタビューを行い、録画を見直し、分析して、渾身のレポートを作成する。 「これなら開発チームも納得して、機能改善に動いてくれるはずだ」 そう信じてプレゼンをしたのに、反応は薄い。 「なるほどね（でも実装コスト高いしな…）」 「本当にそうなの？ たまたまその人が言っただけじゃない？（N=1だよね？）」 結局、提案した改善案はバックログの優先度の下のほうに積まれ、日々のタスクに埋もれて忘れ去られていく……。 あんなに時間をかけてリサーチをしても、事業

非デザイナーのぼくがデザイン組織でユーザーリサーチを教えてみた話

ども。DX Design室の佐々木です。 2024年10月に中途で入社して2年目になります。 入社後1年間はUXリサーチャーとして。 2年目に入ったこの10月からUXデザイナーにジョブチェンジしました。 えぇ、どういうキャリアなん...？そんなことできんの...？と思ったそこのあなた。 それについてはまたいずれ、noteにしたためる予定なので座してお待ちを。 そんなわけで今はペーペーのUXデザイナーをしているわけですが、 今回は僕らサイバーエージェント、もといDX De

よいおとしを - 20251231

今年は「よいおとしを」とあんまり言っていない気がする。会社では納会後、フェードアウトするような働き方をしていて、最後にみんなと会ったのもそのときだった。 さっきワインショップに行って、実家に持って帰るワインを買ったら、スタッフの方に「よいお年をお迎えください」と言われて、なんとなく気がついた。 今年はどんな年だったかと言われると、あんまり思い浮かばない。たくさん働いたきもするし、ふんわり過ごしていたきもする。

日記 2024.09.30 あ、ブラックで大丈夫。

妹がオーストラリアに旅立った。母親と旦那さんとおじいちゃんで見送った動画が送られてきた。旅立ちは旅でなくて、あんまり帰ってくることもないつもりの旅立ちらしい。 ７つ年下で身体も小さかったから、いつまでも幼いように感じてしまうけれど、このあいだの秋分の日、里帰りでみんなでカフェに入ったら、妹がブラックコーヒーを飲んでいて、おとなだった。ブラックを飲んでる大人を、おとなって感じたの、はじめてなんだけど。 ぼくだけがちゃんとケーキまで食べてた。いつもおじいちゃんをうまく誘い出し

日記 2024.09.29 いつもの

いつものカフェで３人でモーニング。天気がよければだいたいここに来て、いつものパンケーキといつものコーヒー。っていうルーティンを組んでるほかのご家庭もおおいみたいで、いつもの家族も。 ちしろと同世代などんどん大きくなってくあの子と、おなじ小学校になったりするのかなとか。いつもと同じように、ちしろと妻には先に出発してもらって、ぼくはいつもの居残り勉強。 夜は、ふたりで。誕生日写真用のセットアップが届いたから開封、その袋の方に興味があるみたいだったから、ささっとタグを切ってクロ

日記 2024.09.28 今までの優勝で一番うれしい

ちしろが「ゴミ収集車ない」「ゴミ収集車かう」って最近よく言うから、買いものに付き合った。吉祥寺のキディランドに向かって、小さいのと大きいのがあって大きい収集車を選んだ。 同じ階の隣のフロアがジュンク堂の絵本コーナーになっていて、ここがちょっと前に改装というか模様替えというか、広々スペースになって、座ってゆっくりできるようになってて。そこで、ちしろが次々選んでくる絵本を読んでいく作業。 なんか文字をたまに読めているふしがあって、内容を覚えてて先読みしてくれるパターンもあるん

asa made

7.7.7

令和7年7月7日、七夕のきぶん。

hina

雛祭りのお内裏様のきぶん。

oni walk

2月3日の鬼のきぶん。