Visual Studio Code、厳選したMCPサーバーの一覧ページを公開 ——一覧ページ上からのワンクリックインストールにも対応 | gihyo.jp
Visual Studio Code、厳選したMCPサーバーの一覧ページを公開 ——一覧ページ上からのワンクリックインストールにも対応 Visual studio Code（以下VS Code）は6月19日、MCPサーバーをVS Codeにワンクリックでインストールできる、厳選したMCPサーバーの一覧ページを公開した。 MCP Servers for agent mode - Visual Studio Code We've launched a new page with a list of MCP servers that work great in @code with one-click install:https://t.co/ONVay2aEGj https://t.co/24pZ2H1AGh — Pierce Boggan (@pierceboggan) June 19
フロントエンドの最新情報を収集しよう - hiroppy's site
Feedlyをやめてから今まではRSSフィードをすべてslackに流し、記録しておきたいものは「後で見る」に保存していましたが、SlackのUI的に見づらいのなーとはずっと思っていたので、今回このようなものを作成しました。 なのでここにあるRSSフィードは、自分が普段見ているものを集めたものですが、HTMLをスクレイピングできるようになったので、新しくRSSフィードを配信してないサイトも追加しました。 本当はXもこっちに流したかったけど、無料枠だと月100件しかreadできないので諦めました。今は、IndexedDBで状態を管理していますが、たまにスマホで見たいときがあるので、クロスデバイスでの同期をいつかは考えるかもです。 もし自分でフロントエンドの情報を集めるのがめんどくさいなと思っている方は、ぜひご活用ください。 これらをまとめたRSSフィードも提供しています。 LLM すべての記事
MCPアーキテクチャパターン - Carpe Diem
背景 MCP(Model Context Protocol)を使う上で、ローカルMCPサーバやリモートMCPサーバ、更にはそれらを集中管理するゲートウェイ的なサービスもあったりと複雑だと感じたので、それぞれのパターンを一度洗い出してみました。 事前知識 MCP(Model Context Protocol)とは MCPとは AI <-> 外部データソース連携 の為の標準規格で、Claude Codeを出しているAnthropicが標準化しました。 MCP Clientの例 よくある例は次のようなAIエディターです。 Cline(VS Code) Cursor Claude Code Windsurf もちろん自前でMCP Clientを作ることも可能です。 生成AIを組み込んだチャットボットなどが外部リソースにアクセスしたいときなどですね。 MCP Serverの例 開発でよく使われる例と
MCP導入の現在地 〜プロダクト開発での活用のリアル〜 - Findy Tools
近年、AI技術は急速に進展し、開発現場においてもその活用が広がっています。特にAIエージェント・MCPは、ソフトウェア開発の効率化や新たな可能性を秘めています。 本記事では、開発ワークフローにMCPを取り入れ、試行錯誤されている5社のエンジニアの皆さんより、現在の活用状況と今後の展望についてご寄稿頂きました。 自社の取り組みに活かすヒントを得ていただく場となれば幸いです。 ※ご紹介は企業名のアルファベット順となっております 株式会社エブリーエブリーでは、「明るい変化の積み重なる暮らしを、誰にでも」をパーパスに掲げ、レシピ動画メディア「デリッシュキッチン」／小売DXプロダクト「retailHUB」／ファミリー向け動画メディア「トモニテ」／ビジネスパーソン向け動画メディア「TIMELINE」など、人々のライフスタイルを豊かにするサービスを複数展開しています。 AIファーストカンパニーを掲げ、社
性加害少年は学歴高い傾向も 少年鑑別所の医師が調査から語る特徴：朝日新聞
少年による不同意性交や不同意わいせつなどの事案が増えている。警察庁によると、2024年に不同意性交罪で検挙した少年は、前年の約1.5倍で、不同意わいせつは約1・2倍（23年7月までは罪名はそれぞれ強…
Claude Codeの会話ログをDuckDBで分析して自分の仕事スタイルを改善する方法 - yasuhisa's blog
3行まとめ はじめに Claude Codeのログ保存機能とその特徴 ログ分析の活用例 音声入力の課題と英語プロンプトの活用 DuckDBを用いた分析アプローチ スキーマ情報の重要性とログ分析の活用 ログの長期保存設定 まとめ 3行まとめ Claude Codeの会話ログはJSONL形式で保存されており、DuckDBを使って日次の利用状況や音声入力の課題などを分析できる 英語プロンプトの学習効率化やエラーパターンの特定など、自分の仕事の仕方を改善するための実践的な活用方法がある JSONLファイルのスキーマ情報を整理することで、Claude Codeがクエリを書く際の精度が向上する はじめに Claude Codeは非常に強力なツールで、これ自体は別のブログで書く予定ですが、もはやこれなしでコードを書けないほど便利に使っています。今回は、そのClaude Codeとの会話ログを分析すること
中小企業(50人)から一流企業(時価総額日本50番以内)に転職したら衝撃だったこと
俺も一昨年一年発起して、20年勤めた従業員50人ちょいしかいない中有小企業から、グループで12万人いる一流企業（時価総額は日本で50番以内）に転職したら色々と衝撃的だったので書くわ。 いじめがない 誰かを公然と批判する、まともに仕事を振らない、積極的に足を引っ張る、とかはもちろん、お土産やいただきものを配るときに特定の人だけ配らない、ゴミを回収で特定の人だけやらない、イベントで声をかけない、みたいな地味な嫌がらせも一切ない有給休暇に理由が要らない いや、俺もはてブ歴長いから本来はこうだと知っていたが、みんな理由を求められるけどまぁしゃーないとおもってやってると思ってた。マジで要らないんだな。あと年度末になると上司から積極的に有給消化するのな。びっくり。石垣島のおみやげもらた。研修に給料と出張費が出る 前職のノリで展示会に行ってめぼしい話を話題にしたら、ちょっとまって申請した？って聞かれて気
型システムを知りたい人のための型検査器作成入門
@ 関数型まつり2025（2025-06-14） https://fortee.jp/2025fp-matsuri/proposal/5699c262-e04d-4f58-a6f5-34c390f36d0d
OpenAPI ではなく TypeSpec を読み書きするスキーマ駆動開発 - freee Developers Hub
支出管理開発本部で事業部横断テックリードをしている @ogugu です。 広く複雑で大規模になりつつある支出管理のアーキテクチャについて、以下の連載形式でご紹介していきます。 (本記事) 支出管理におけるTypeSpecを中心にしたスキーマ駆動開発 ソフトウェアアーキテクチャに基づいた自動テスト戦略と実装ガイドライン 支出管理におけるマイクロサービスアーキテクチャの知見 今回は、TypeSpec を中心にしたスキーマ駆動開発をご紹介します。 結論からいうと、筆者は TypeSpec について「OpenAPI からの移行コストや技術的ロックインリスクを伴わず、開発体験を向上する最高のツール」と評価しています。その理由を順にご紹介します。 TypeSpec とは OpenAPI とのスキーマの比較 導入の意思決定 TypeSpec を取り入れた開発フロー カスタム Linter / Decor
Vue.jsにおけるcomposablesを切り出す個人的な考えをまとめてみた - VISASQ Dev Blog
こんにちは、クライアント開発チームの田中智之です！ さて、ビザスクではVue.jsを利用してフロントエンドを実装していますがcomposabelsの使い方、難しくないでしょうか？ 自分自身の解像度を高めるためにも、今回はVue.jsの中でもcomposabelsに焦点を当てた記事を書いてみることにしました！ SFC(Single File Component)について composabelsの話に入る前に、SFCについて触れさせてください。 SFCとは単一ファイルコンポーネントの章にあるように、単一ファイルでコンポーネントの振る舞いを実現するvueの記法になります。 現代の UI 開発では、コードベースを互いに織り交ぜる 3 つの巨大なレイヤーに分割するのではなく、それらを疎結合なコンポーネントに分割して構成する方がはるかに理にかなっていることが分かっています。コンポーネント内では、そのテ
Claude Code による技術的特異点を見届けろ
最近もっぱら Roo から Claude Code をメインに移しているが、その界隈の進歩は今までの変化とは明らかに質が違うという感覚がある。それを今の時点で言語化しておきたい。 最初にいっておくと、自分はシンギュラリティ論自体には否定派というか、シンギュラリティが来たところで世の中の問題の大多数が解決されるとは思っていない。(特にレイ・カーツワイルは典型的なフェイク野郎だと思っている) 実現したところで、そんなものかになるという程度の話だと思っている。実現したところで、シンギュラリティ万能論者はゴールをずらし続けることで否定するだろう。終末論はいつもそうだ。 という前置きの上で、今確実に転換期を迎えている AI とプログラミングの話をしたい。 特異点があるとしたら、今はその瀬戸際。 tl;dr Claude Code は Claude Code によって 90%が開発されている その改善
Cline x MCP サーバーで入社後のシステム理解を効率化 - エムスリーテックブログ
【QAチーム ブログリレー4日目】 AIを使ってサービスを理解しようとする人（今回の記事のイメージ） はじめに はじめまして、QAチームの草場です。 ５月に中途入社して１ヶ月が経ちました。 以前の会社には新卒以来長く勤めていて、今回が初めての転職なので日々新鮮に感じることが多いですが、優秀なエンジニア陣の力を借りながら奮闘しているところです。 この記事では、既存サービスの開発チームに途中から入ることになったQAが、既存サービス理解のために工夫したことを共有します。 はじめに 入社後にまずやったこと - 担当サービスを理解する mcp-atlassian： 設定と利用時のポイント 設定 利用上のポイント Figma-Context-MCP： 設定と利用時のポイント 設定 利用上のポイント MCPを掛け合わせて効率UP おわりに We're hiring! 入社後にまずやったこと - 担当サー
Figma AI全部使ってみた｜Akane Inoguchi
「Figma AI」は、Figmaが提供するAI機能の総称で、デザイン作業をより効率的に・直感的に行うためのサポートツールです。 とはいえ私自身、一体どんなことができるのかあまりよくわからず活用できていない状態でした。今回はそんな「Figma AI」を使って架空のLPを作ることに挑戦してみました。また、各種機能を使用してみました。 First Draft画面下にあるツールバーのキラキラしたマークを押すと以下のような機能一覧が出てきます。 Figma AIの場所このFirst Draftというツールをクリックすると4つの選択肢が表示されます。 First Draft選択後の画面Basic app：モバイルサイズのデザインが生成されるツール App wireframe：モバイルサイズのワイヤーフレームが生成されるツール Basic site：デスクトップサイズのデザインが生成されるツール Si
NotebookLM無償版・Pro・Enterpriseの違い - G-gen Tech Blog
G-genの杉村です。Google の AI を活用したリサーチ・ライティングアシスタントである NotebookLM の各エディション（無償版、Pro 版、Enterprise 版）の違いについて詳しく解説します。 NotebookLM とは NotebookLM のエディション エディションの比較 どのエディションを選ぶべきか その他の注意点 ノートブックの共有可否 アクセス URL NotebookLM とは NotebookLM は、ユーザーがアップロードしたドキュメントやデータ（ソース）に基づいて、AI が質問応答、要約、アイデア生成などを行うリサーチ・ライティングアシスタントです。従来の検索エンジンや Gemini アプリとは異なり、NotebookLM はユーザーが提供した情報源のみに基づいて回答を生成するため、情報の信頼性をコントロールしやすい点が特徴です。 Noteboo
GeminiとNotebookLMを使った最強の旅行準備方法｜けんすう
こんにちは！けんすうといいます。普段からAIをよく使っていて、仕事でもプライベートでも楽しんでいます。 完全にプライベートなんですが、6月末から7月中旬くらいに、ニューヨークに行くんですね。3週間ほど。 実は僕、あまり海外に行ったことがなくて・・・。基本的に英語ができない上に、旅行自体も苦手なんで、海外に行くのがめっちゃ怖いんです。 ただ、今回、GeminiとNotebookLMをフル活用することで、「海外怖い」というのがかなり薄れました。 何をやったかを紹介したいなと思います！ この記事は、Google Gemini × noteによるコンテストである「 #AIとやってみた 」の参考作品として書いています！主催者の方々の依頼により執筆しています！ どう使い分けるかまず、GeminiとNotebookLMをどのように使い分けるのか？という点です。 GeminiとNotebookLMって何が
PMとして「顧客解像度」を上げるためにやってること、全部書く｜よしおかし・おり🍞
カミナシでプロダクトマネージャーをやっています、よしおかしおり（@oriori440）です。 「顧客理解を深める」「顧客解像度を上げる」ということは、PMにとって大切なテーマだと思います。 前職でも、顧客解像度を上げるためのユーザーリサーチを積極的に行ってきました。 しかし、カミナシで顧客解像度を上げるのには、苦悩もありました。 本noteでは、そんな私が顧客解像度を上げるために実践してきた具体的な取り組みについて共有します。 この記事が「顧客解像度を上げる」ために悩むPMのヒントになれば嬉しいです。 共感いただけたら、ぜひスキやシェアで教えてください🧡 1. 顧客解像度を"誰よりも"高めることの難しさカミナシのお客様の特性私が今カミナシで向き合っているのは、ノンデスクワーカーと呼ばれる“現場で働く方々”です。 前職までのtoCサービスで私が向き合ってきたユーザーとは異なり、普段会話をす
MCPの概念とLINE Messaging APIを利用したMCPサーバー構築事例の紹介
This post is also available in the following languages. English, Korean, Chinese はじめに 先日、Anthropic社はClaude LLMを通じてモデルコンテキストプロトコル（Model Context Protocol、以下MCP）を発表しました。MCPは、大型言語モデル（large language model、以下LLM）が外部のデータソースや機能を利用するためのプロトコルで、誰でも利用可能なオープンプロトコルとしてAnthropic社が公開しました（参考）。これにより、多くのサービスでMCPをサポートするようになり、多くのユーザーがMCPを使ってLLMと外部サービスを接続する方法に興味を持ち始めました。 この記事では、注目されているMCPの概念とアーキテクチャについて説明し、LINE Messagin
1ヶ月ほぼ毎日Claude Codeを使ってわかった魅力と所感
はじめに Claude CodeとはAnthropic社が提供しているAIコーディングエージェント（Anthropic社曰く、エージェント型コーディングツール）であり、ターミナル上で動作するソフトウェアである。VS CodeのGitHub CopilotやClineのような拡張機能でもなく、VS CodeをフォークしたCursorやWindsurfのようなIDEでもない。公式ドキュメントはこちら。 （公式ドキュメントは初心者向けにも分かりやすくまとまっており、利用前に全体像を把握するためにまず一読を推奨したい） Maxプランに加入して1ヶ月ほぼ毎日使ってきた。基本的な使い方や紹介は他にも記事が多くあるので、ここではなぜClaude Codeに魅力を感じて使ってきたのか、1ヶ月間の利用経験を通じて得た実感をもとにまとめる。環境はmacOS。 理由は大きく3つある。 Maxプランで定額で使える
『悪役仮面を脱いだら（バラエティ番組）』
誕生日にはわかめスープを♪ 以前は、娘の闘病ブログでしたが・・・ 最近は、韓ドラとK-POP中心ブログとなってますm(__)m ドラマ（or バラエティ）って 見るタイミング ってあると思いません？ 何だかこれ ちょうどタイミングが すっぽりハマって♡♡ シスターズで疲れていた脳に ピッタリだったwww 内容はほぼ 「三食ごはん」と一緒！ 同じｔｖNだしな 田舎の一軒家で 三食 ご飯を作って食べるだけ。 全ての料理が赤い🤣🤣 違うのは 最初 家がきちんと準備されてなくて ボロボロの廃屋ってこと！！ まずは 障子の張り替えや 床シート張りからネ ペガ（廃家）ハウスと 言われてました～ きちんとした家に手入れし、 三食ごはん生活を送るのは こちらの方々 「ペントハウス」悪役3人衆 ユン・ジョンフンは めちゃくちゃ料理上手 チャジュンマや エリックにも 負けてないと思う～ ”ユンかあさん”と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MCP対応を強化した「Visual Studio Code」v1.101が公開 ～2025年5月更新／オープンソースのAIエディター
