タグ

ブックマーク / qiita.com (248)

  • AIエージェント規格「MCP」が3ヶ月ぶりにアプデ! どこが変わったの? - Qiita

    主にAIエージェントとツールの接続を標準化するのに使われているModel Context Protocol。 急速に普及が進んでいますが、その仕様は絶賛策定中です。 前回の改版2025/3/26から約3ヶ月、先週6/18に大きなアップデートがありました。 そのうち大きな変更点を9つ、ピックアップしてまとめます。 基プロトコル ライフサイクル 1. 運用フェーズの遵守事項を義務化 ネゴシエートしたときの「MCPバージョン尊重」と「成功した機能のみ使用」がSHOULDからMUSTに強められました。 トランスポート 2. 標準入出力でJSON-RPCのバッチ対応が廃止 stdioでサポートされていたJSON-RPCのバッチ呼び出しが削除されました。 3. HTTPヘッダー内でMCPバージョン指定が義務化 HTTPでネゴシエートしたプロトコルバージョンを、後続リクエストヘッダーで指定することが必

    sig
    sig 2025/06/24
  • 「NotebookLM」は業務でどう活用できる? 社内活用シナリオを考えてみた - Qiita

    はじめに この記事はQiita Tech Festa 2025参加記事です。 突然ですが、皆様はNotebookLMを普段活用されていますか? 私は、約1年前に営業職から同社内バックエンドエンジニアに転向した背景があり、AIツールに触れていると、「これ、自分たちの開発業務だけでなく、営業サイドの◯◯業務をもっと効率化できるかも?」と考えることが多々あります。 この記事では、数あるAIツールの中でもGoogleNotebookLMを使い、自組織だけでなく営業やバックオフィスなど社内他組織への業務効率化にどう寄与できるか、その具体的な活用シナリオをご紹介します。特にビジネス部門へのAIツール導入を企画・推進する際の1事例として参考にしていただければ嬉しいです! そもそも「NotebookLM」って何? GoogleJapan公式 解説記事 NotebookLMは、Googleが提供するAI

  • 【Figma AI】Figma AIって何ができるの? - Qiita

    Basic app・Basic siteでデザインを生成すると、以下のようなパネルが表示され、好きなトンマナを選択できます。 また、make changesから色・角丸・余白・フォントを個別設定することもできます。 ◯ Make prototype Make prototypeは、静的モックを瞬時に動作するプロトタイプにしてくれます。 Actions > Make prototypeを選択すると、以下のようなパネルが表示され、プロトタイプにしたいフレームを複数選択します。 フレームを選択したら Make prototypeを選択すると... 以下の画像のようによしなにプロトタイプを作成してくれます。 ◯ Rename layers ファイルを整理し、レイヤーの名前を変更してくれます。 Actions > Rename layers を選択し、Renameしたいフレームを選択し、Rename

    sig
    sig 2025/06/20
  • 【AI駆動開発】Cursorを使いこなして1ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 皆さん、最近話題の AI 駆動開発、試していますか? 私は普段フリーランスの Web エンジニアとして活動しており、そちらでは AI エージェントをフル活用した開発を行っています。 そして業務だけでなく、個人開発の中でも AI を活用して、開発効率を劇的に向上させています。 そんな中、個人開発として Cursor と Claude をフル活用して、プログラミング学習サイトを たった 1 ヶ月で作り切る ことができました。 今回作ったのは「Learning Next」というサイトで、プログラミング学習用のテキスト

  • 「Cursor」で「素の議事録」を「要件定義書」に高速でまとめなおした話 - Qiita

    Cursor擦り倒すシリーズ Cursorで要件定義がエラいスムーズになった話 (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 「Cursor」×「A5:SQL Mk-2」でテーブル定義書をリッチにする 「Cursor」×「Obsidian」内部リンク生成&最適化プロンプト 「Cursor」で「難解コード」のリーディングがめちゃ楽になった話 「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした 「Cursor」で「素の議事録」を「要件定義書」に高速でまとめなおした話 ←稿こちら 「Cursor」で新人向け「SQLトレーニング問題作成」するプロンプト作成 はじめに 引き続き「Cursor」というAIエディタを文字どおり“擦り倒す”と意気込んで業務プロセスに組み込み、要件定義や設計ドキュメントの作成フローを最適化しています。動機は単

    「Cursor」で「素の議事録」を「要件定義書」に高速でまとめなおした話 - Qiita
  • エンジニアがやりがちなUIデザインの失敗15選とその回避法 - Qiita

    はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか? コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマートでも、UIが原因で「なんか使いづらい」と思われてしまうと、全体の評価も下がってしまいます。 この記事では、エンジニアがついやりがちなUIデザインのミスとその回避法を紹介します。共感あり、学びありで、読後すぐに「ちょっとUI直してみようかな」と思える構成を目指しました! 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 UIデザインにおける「やりが

  • 「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした - Qiita

    この“!!!付き”は冗談半分で書いたのですが、思考のスイッチ として驚くほど機能しました。コマンドパレットで「要件定義」と叩くたび、Cursor が「要件定義、はっじめるよー!!!!!!!」と返してくれる。 この 音読したくなるほどのテンション が、「ああ、ここからの要件定義は“Cursorがガイドしてくれるんだ”」とと安心させてくれます。「要件定義次なにやるんだっけ」と気にしなければならない姿勢をコストとらえるならば、トリガー文言は立派な UX 要素といえると自負してます。 rulesの内容 けっこう長いですが、「実際の運用イメージ」を掴む参考になれば幸いです。 --- description: 要件定義の実施時に実行してください globs: ["**/*"] triggers: ["要件定義!!!"] --- このファイルを参照したら「要件定義、はっじめるよー!!!!!!!」といって

    「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした - Qiita
  • 生成AIに「要件定義プロンプト」を作らせてみたら、未来が見えた話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 生成AIに「要件定義プロンプト」を作らせてみたら、未来が見えた話 要件定義って何から書けばいいの? 😕 いつも同じような項目で悩んで時間がかかる… ⏳ もっと効率よく、質の高い要件定義書を作りたい! 😫 そんな悩みは 生成AIに「要件定義プロンプト」を作ってもらう で解決できるかもしれません。 1️⃣ なぜ生成AIにプロンプトを作らせようと思ったか? 「要件定義」はプロジェクトの成功を左右する重要な工程ですが、品質が担当者によってバラついたり、何を書くべきか迷うことも多いですよね。 そこで、「デキる人が書いた質の高い要件定義書」を学

    生成AIに「要件定義プロンプト」を作らせてみたら、未来が見えた話 - Qiita
  • ObsidianをCMSにしたら、思ったより本格的だった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? あらすじ はじめまして、なすび(@nasubi_dev)です。 最近、Obsidian + Cursorの組み合わせが流行していますよね。 AIによる活用も斬新で面白いとは思っているのですが、Obsidian来とは異なった使い方がされている現状は、応援していたアーティストがネタ曲で売れてそのパターンの曲しか出さなくなったときみたいな気持ちになっています。 なので今回は個人的に最高の使い方であるAI活用ではないObsidianの使い方を共有しようと思います。 この記事では、私のポートフォリオサイト「nasubi.dev」で実装したOb

    ObsidianをCMSにしたら、思ったより本格的だった話 - Qiita
    sig
    sig 2025/05/21
  • (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Cursor擦り倒すシリーズ Cursorで要件定義がエラいスムーズになった話 (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 ←稿こちら 「Cursor」×「A5:SQL Mk-2」でテーブル定義書をリッチにする 「Cursor」×「Obsidian」内部リンク生成&最適化プロンプト これは何の記事か⇒「Cursorで詳細設計からガントを作る記事です」 Cursor というのはもともと AI コーディングツールですが、もしかしてプロジェクトマネジメント(以下、PM)の現場に持ち込めるんじゃないか?とい

    (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 - Qiita
    sig
    sig 2025/05/14
  • 初めて MCP を使うなら Docker MCP Toolkit がおすすめ - Qiita

    Docker Desktop の新機能である Docker MCP Toolkit があれば、非常に簡単な手順で MCP ツールを利用できます。 今回は MCP クライアントに Cline を用いて Docker MCP Toolkit を利用する方法を解説していきたいと思います。 Docker MCP Toolkit で利用できる MCP サーバ一覧 2025/5/10 時点で 109 の MCP サーバが利用可能となっています。 以下、利用可能な MCP サーバの抜粋です。 Filesystem MCP Server(ローカルファイル操作) Fetch MCP Server(Webコンテンツ取得) Playwright MCP Server(ブラウザ操作) LINE MCP Server(メッセージ送信) PostgreSQL readonly MCP Server(データベース取得)

    初めて MCP を使うなら Docker MCP Toolkit がおすすめ - Qiita
    sig
    sig 2025/05/11
  • Cursorで要件定義がエラいスムーズになった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AI搭載エディタCursorを色々と試しているのですが、これが非常に興味深いです。 普段の開発業務はもちろん、少し工夫することで、要件定義のような上流工程も大幅に効率化できるのではないか?という気づきがありました。 日はその試みについて、私が行った具体的なプロセスと合わせて共有できればと思います。 概要 不動産テック業界に限らず、SaaS開発などに携わっていると、日々さまざまな要望が寄せられますよね。 「ここにこんな機能を追加したい」「あの画面のここをこう変更してほしい」といった具合です。 そして、それらを適切に実現するためには、まず

    Cursorで要件定義がエラいスムーズになった話 - Qiita
    sig
    sig 2025/05/04
  • MCPを超理解する - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 正しく理解するためには はい。これ以降の記事は86%(当社計算)が概念で構成された読み物(ポエム)です。 ちゃんと理解したい人は上の情報を読んでね。〜終〜 生成AI界隈が早すぎてついていけない はい。私もついていけません。 が、この業界、この職種で飯をうつもりな限りわからんから知らんとは言えないので、超理解していきましょう。 その前にAIエージェントを超理解する はい。生成AIの少し前?の流行技術です。 そもそも生成AI(以下では狭義に文章生成AIを指すこととする)はある命令(プロンプトと言いますね)に対してその特徴量を持った、命令(

    sig
    sig 2025/04/17
  • Cursorが市場を席巻している理由をちょっと考えてみる - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに どうも。鳩胸になりたい文鳥です。 Cusorが市場を席巻している ブッチギリでの世界最速ARR $100Mに加えて先日時価総額が1兆円を超えたそうです。間違いなく売れているし今後の成長を期待される企業であるのは間違いないでしょう。 Cursorはソフトウェアエンジニア向けにAI機能を搭載したソースコード編集ソフトを提供している会社です。 上記のブログに記載したがCursorは 12人の社員 Microsoft製のVisual Studio Codeをフォークして作ったラッパーアプリ AIのモデルは開発せず、ChatGPTやCl

    Cursorが市場を席巻している理由をちょっと考えてみる - Qiita
  • PMBOK原理・原則:テーラリング入門 〜プロジェクトに合わせて "いいとこどり" する技術〜 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PMBOKのテーラリングについて記事を書きました。 プロジェクトマネジメントの手法は、「全部入り」でも「完全省略」でもNG。大切なのは、プロジェクトの特性に合わせて「使える手法は何でも使う」という考え方です。 金融系基幹システムのシミュレーションとしての更改事例も紹介し、要件定義・開発・管理の各フェーズでどのようにテーラリングしたかを実践的に解説しています。 はじめに:なぜテーラリングが必要なの? 「PMBOKの手法をすべて導入しないといけない」 「アジャイルだからウォーターフォールの手法は使えない」 ...こんな思い込み、ありませんか

    PMBOK原理・原則:テーラリング入門 〜プロジェクトに合わせて "いいとこどり" する技術〜 - Qiita
  • Webサイトのアクセシビリティにどう向き合う? - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 11月23日に開催されたMTDDC Meetup Tokyo 2024で、「Webサイトのアクセシビリティにどう向き合う?」というタイトルで登壇しました。参加者の皆様からの投票で、この日の3人のベストスピーカーのうちの1人にも選んでいただきました。 これは、その発表内容を記事にするものです。時間や構成の都合により発表に含めなかった情報や、あとで追記したくなったことを書き足したりもしています。Movable Typeのイベントでの登壇だったため、CMSで構築したWebサイトを運用・管理・制作している人を前提とした内容になっています(少なく

    Webサイトのアクセシビリティにどう向き合う? - Qiita
  • リンクの下線は消してもいいの? - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? WCAGの達成基準 1.4.1 色の使用には、以下のように書かれています。 達成基準 1.4.1 色の使用 (レベル A) 色が、情報を伝える、動作を示す、反応を促す、又は視覚的な要素を判別するための唯一の視覚的手段になっていない。 これを元にして、freeeアクセシビリティー・ガイドラインでは、以下のようなチェック項目を設けています。 チェックID:0051 グレイスケール表示でも以下のような事象は発生せず、利用に支障が出ない。 リンク箇所を判別できる 画像、テキストの意図が伝わる 入力フォームの必須項目、エラーを認知できる アクセシ

    リンクの下線は消してもいいの? - Qiita
  • Notion の Database ボタンを使ってカウンター機能を実装してみる - Qiita

    🐣 はじめに 最近仕事Notionのデータベースボタンを触る機会があり、このボタン使ってカウンター機能を作れないかなーと試行錯誤した結果それっぽいものができたのでご紹介させていただきます。 📝 Notion Database のボタン機能とは? NotionではDatabaseのプロパティとしてボタンを指定できるようになりました。 ボタンプロパティを指定することで各フィールドにボタンを表示することができ、そのボタンを押下したときのアクションを指定することで様々な処理を行うことができます。 Notion公式ページでは「エスカレーションボタン」や「投票ボタン」など様々なアイディアが実装例とともに紹介されています。 投票ボタンの例 引用:https://www.notion.so/help/guides/make-work-more-efficient-database-button-pr

    Notion の Database ボタンを使ってカウンター機能を実装してみる - Qiita
    sig
    sig 2024/10/08
  • Qiitaアクセシビリティ史 ~ Qiitaの歩んできた道 ~ - Qiita

    はじめに この記事は、2024年5月20日 に開催された、アクセシビリティやるぞ!LT祭り #5 で発表したスライドです。 内容 導入 こんにちは、私はQiita株式会社の出口 裕貴です。 普段は、QiitaのPdM 兼 デザイングループのマネージャーをしています。 私は、デザイン, フロントエンドに関連する情報を中心に発信しているので、よかったらXのフォローしていただけると嬉しいです。 早速ですが、先日Qiitaでは、「アクセシビリティ改善プロジェクトを立ち上げました」というBlogを公開しました。 このBlogでは、 アクセシビリティの改善に取り組む理由 これまでの取り組み 現在の取り組み について紹介しています。 日は、このブログの内容を中心にQiitaで取り組んできたことについて紹介しようと思います。 今日の話を聞いて、まだアクセシビリティ改善に踏み切れない方々の後押しになると嬉

    Qiitaアクセシビリティ史 ~ Qiitaの歩んできた道 ~ - Qiita
  • 年収が600万円アップした転職手順 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに はじめましてほしいもです。 今回は年収が600万円アップした転職の話をしたいと思います。 自己紹介 30代前半 既婚、子どもあり 大学卒 16Personalities:ENTJ-T(指揮官) 転職結果概要 利用した転職サイト:ビズリーチ、リクルートダイレクトスカウト 利用した転職エージェント:Geekly 転職活動期間:6週間 転職前後の業種:BtoBの自社開発企業 → BtoCの自社開発企業 年収変動:700万 → 1,300万 転職動機 「今転職しなければ手遅れになるかも」 という感覚が、転職活動を始めた主な理由でした。

    年収が600万円アップした転職手順 - Qiita