はてぶ・Qiita・Zennのトレンド記事を紹介
使いたい英語アプリが無かったので作った - OpenAI TTS API, Gradio🚀 🔖 4
はじめに：パーソナライズされた英語リスニング教材の必要性英語学習、特にリスニング力の向上において、自身の興味やレベルに合致した教材を見つけることは重要な要素です。しかし、市販の教材やオンラインサービスでは、特定のトピックや細かなレベル調整に対応しきれないケースが多くありました。
Model Context Protocol (MCP)入門：公式ドキュメントベースで牛歩のごとくゆっくり理解を試みる記事 🐮 🔖 10
1. イントロダクション 1.1. MCPとは何か - AIのための共通言語Model Context Protocol（MCP）は、AIアプリケーションとコンテキストソース（ファイルシステム、データベース、外部APIなど）の間をシームレスに接続するための標準化されたプロト
Cline / Roo-Codeにおけるコード理解と新規・保守タスクの現状 🔖 162
記事の概要Clineは構造的に「局所的なコード理解」になるCursorとWindsurfとは内部的な実装が違い、できることに差があるデッドコードを把握できないので大規模保守タスクはやめておいた方がいい逆に新規プロジェクトやコンテキスト内に収まる開発は向いているどうして
Next.jsで認証バイパスが可能に！？ CVSS 9.1の致命的脆弱性から学ぶNext.jsの設計思想と教訓
1. はじめに 1.1 この記事を書こうと思った理由先日、Next.jsコミュニティは「CVE-2025-29927」という、極めて深刻な脆弱性の公表によって揺れました。https://github.com/advisories/GHSA-f82v-jwr5-mffwC
【Go1.24】testing/synctestパッケージの使い方をめちゃくちゃ丁寧に説明してみた！ 🔖 1
導入Go1.24 が 2025 年 2 月にリリースされました 🎉🎉🎉型エイリアスがジェネリクスに対応したり、map の実装が Swiss Table になったりとさまざまな改善が行われました！今回はこの中から、実験的に導入された testing/synctest パッケー
Form Control Styling Level 1 など: Cybozu Frontend Weekly (2025-03-25号) 🔖 4
こんにちは！サイボウズ株式会社フロントエンドエンジニアのsaku (@sakupi01)です。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/03/25
公共データを用いたRNA-seq解析【Rデータ解析編】 ~Rで始めるドライ研究~
📰 概要シリーズ累計1700冊を突破した大人気シリーズ「公共データを用いた〇〇」の第4弾！Rを使ってRNA-seq解析に挑戦しませんか？本書は、R言語を使った実践的なRNA-seq解析の技術書です。プログラミング初心者でも公共データを用いてRNA-seq解析を行い、論文
近年、Model Context Protocol (MCP)が脚光を浴びています。これは、大規模言語モデル（LLM）などのAIエージェントが、外部のツールやデータソースと安全に双方向接続するためのopenなプロトコルです。そして、MCPサーバーとは、そのプロトコルに従って外部サ
JavaScriptの非同期処理を調べていると、度々イベントループという用語を目にします。なんとなく概要は知っていても、具体的に何が行われているのかといった仕組みを詳細に理解しているとは言い切れませんでした。そもそもJavaScriptがどのように実行されているかがあやふやです。
複数の MCP サーバーを使った OpenAI Agents SDK コード例 🔖 116
すでにご存知の方も多いかと思いますが、OpenAI の Agents SDK から直接 Model Context Protocol (MCP) サーバーをツールとして利用できるようになりました！工夫次第でいろいろと可能性が広がりそうですね。https://x.com/Open
React Router v7 の内部構造を探る：リクエストからレンダリングまでの道のり 🔖 46
React Router v7 の内部構造を探る：リクエストからレンダリングまでの道のり はじめにReact Router は、React アプリケーションにおけるルーティングライブラリのデファクトスタンダードとして長年利用されてきました。v6 で Data API が導入
「壊れにくい」Goの単体テスト 〜モックを活用した保守性の高いテスト設計〜 🔖 1
はじめにこんにちは。GENIEE CHAT機能開発チームリーダーの渡邉です。私たちのチームでは、Goを使用してプロダクトのバックエンドを構築しています。その開発をする上で、単体テストの保守性に関する以下のような問題が浮上することがあります。テストコードの修正に多くの時間を
Lua の代替スクリプト言語組み込み用のスクリプト言語として使える Lua はライトな反面、動的型付けや 1-based index といった仕様がボトルネックになりがちです。そうした状況の中、相応の短所も抱えた Lua の代替となりえる C/C++ 開発用組み込み用のスクリプ
特徴量を言語を越えて一貫して管理する, 『特徴量ドリブン』な MLOps の実現への試み 🔖 3
MIXI minimo の システム開発グループ AI 推進チーム で機械学習関連の施策をしている Taniii です.モデルの学習から推論, 実サービスへの実装までの一連の流れで, 品質を保証し, 高速にモデル改善のサイクルを回すためには, 特徴量の一貫した管理と, その管理
シェーダー言語のSlangをRustとVulkan (ash)で試してみる 🔖 2
はじめに最近話題のSlangというシェーダー言語を、RustとVulkan (ash)で試してみました。この記事ではSlangの機能を一部ピックアップして簡潔に紹介するとともに、RustとVulkan (ash)でSlangを使う際にcargo runでコンパイルが走るように
MCP（Model Context Protocol）は、LLMにコンテキスト情報を渡すためのプロトコルです。今回、MCPサーバをまとめて管理できるMCP管理用のアプリ（MCP Router）を作成したので、その概要をご紹介します！MCP Routerを使うと、LLMと統合
ターミナルセッションを録画するツールVHSでのtips 🔖 51
はじめにこんにちは、AWSでデベロッパーアドボケイトをしているものです。一昨日、Expert Onlineという企画で久々にターミナル上で行うデモをする必要があったのですが、時間がかかるデモだったので事前収録することにしました。しかし、長い時間がかかるのと、たまにターミナルに戻
Sentryのカスタムスパン計測機能を活用してフロントエンドのパフォーマンスを可視化する 🔖 1
こんにちは。ナレッジワークのgomachanと申します。今回の記事では、Sentryのカスタムスパン計測機能を活用して、フロントエンドの内部処理のパフォーマンスを詳細にモニタリングする方法をご紹介します。 はじめにSentryはエラー監視ツールとして有名ですが、それだけで
「本当に必要なエンジニア」とは何か - AIアシスタント時代の新たなエンジニア像 🔖 82
はじめに近年、私たちの生活や仕事の様々な場面でAI（人工知能）の存在感が増しています。特にエンジニアの世界では、Claude、GPT-4、Geminiといった大規模言語モデル（LLM：Large Language Model）を搭載したAIアシスタントが、プログラミングの方法そ
OpenAI 画像生成 ビジネスの活用シーンが多そう & Soraが便利
1. はじめに日本時間2025年3月26日、OpenAIからGPT-4oの画像生成機能が発表されました。無料ユーザも利用可能とのこと。これまで「DALL·E 3」と呼ばれる画像生成AIがOpenAIでは採用されていましたが、遥かに凌駕するものとなっています。ChatGPTとSo
Google Threat Intelligence Technical Workshop for Partners 参加レポート
はじめにこんにちは、クラウドエースの小田です。今回は、3月12日（水）に行われた、Google Cloud 主催の SecOps Partner 向けのイベント Google Threat Intelligence Technical Workshop for Partner
【Flutter】ClineとWindsurfで作ったアプリをリリースした話 🔖 4
Claude 3.7 Sonnet に植物の日記アプリを作ってもらいました。https://apps.apple.com/jp/app/id6743403963https://play.google.com/store/apps/details?id=com.dotpx.pl
🚀 Figma MCP × Cursorで加速するUI実装とその先の工夫 🔖 155
はじめに近年、プロダクト開発の現場では「Design to Code」という概念が大きな注目を集めています。これは、デザインツールで作成されたUIデザインを直接コードに変換する技術のことで、開発効率の大幅な向上が期待されています。この流れの中で、Figma社は、Dev Mo
「AIコーディング時代に出力されたコードを理解する必要があるのか？」という議論についての私見です。結論からいうとAIが出力したコードは理解する必要があると思っています。その理由を言語化してみます。 アプリが複雑になるとタスク遂行が困難になる英語圏のエンジニアインフルエンサ
Claude Desktopとmcp-server-qdrantで超お手軽ナレッジベースの構築 🔖 354
TL;DRqdrant/mcp-server-qdrantを使えばClaude Desktopからベクトル検索エンジンを操作できるよベクトルデータベースなので、LLMとの相性が良いよ「ここまでのチャットを整理して保存しておいて」ができるのは、すごすぎるよhttps:
MCPの新しい仕様をUitHub経由でNotebookLMに渡す 🔖 17
はじめにMCPの新しい仕様が策定されたらしい。https://x.com/alexalbert__/status/1904908450473324721MCPにはOpenAIも乗っかるようだし理解しなくてはいけないのだが、申し訳ないことにMCPについて解説できるほど詳しくな
エンジニアのためのコミュニケーションベストプラクティス 🔖 321
ダイニーの urahiroshi です。自分は前職のメルカリ、現職のダイニーで計3年くらい Engineering Manager を務めてきましたが、Engineering Manager の本質的な役割は「チームや組織のパフォーマンスを最大化すること」だと考えています。その
Looker Studio & Dataformで実現するデータ分析プロダクトPoC開発
こんにちは、ダイニーのデータチームでソフトウェアエンジニアをしている かわみつ です。本記事では、複数のデータソースを組み合わせたPoC(Proof of Concept)を高速に構築するための手法として、Looker StudioとDataformを活用した事例をご紹介します
RubyMine と Cursor の「併用」という選択肢 🔖 4
こんにちは、リーナーの新規事業開発チームにいる corocn です。RubyMine を長年愛用してきましたが、最近開発スタイルに変化があり、AI搭載エディタとして話題のCursor を導入し、現在は RubyMine と Cursor を併用しています。 Cursor は V
Computer useでサブスクの解約をほぼ自動化してみた話 🔖 2
はじめに最近、多くのサービスがサブスクリプション方式になっていますよね。Netflix、Spotify、Amazon Prime、各種SaaSツールなど、私たちの生活や仕事を便利にするサービスが月額や年額で提供されています。これらは確かに便利である一方、気づかないうちに毎月の固
ベクトル解析 \subset 微分形式？ベクトル解析とは、極めて雑に言えば、ベクトル微分演算子\nablaに関する技術です。ここに外積、内積、スカラー積、テンソル積などのベクトル演算を混ぜ込むことで、様々な物理量とその変化を捉えることができます。一方の微分形式は、(数学的には
LangManusとはhttps://github.com/langmanus/langmanusLangManusはLangGraphを利用したManusの再現実装です。そもそもManusは中国のAIスタートアップが発表した完全自律型のAIエージェントです。通常の対話型
MCPサーバーはPHPでもつくれまぁす！(SDKがないので、案外大変) 🔖 7
https://github.com/uzulla/mcp-time-php モチベーション今後MCPサーバーをつくれないといけない(諸説ある)PHPでかけないといけない(主観)PHPにはSDKがない(まあ当然か？？)だれも(シンプルな)PHPでかいてない…参考にな
GPT-4oとGemini-2.0の画像生成能力はいかにして作られているのか 🔖 310
はじめにGoogleが2025年3月14日に発表したGemini-2.0と、続けてOpenAIが2025年3月26日に発表したGPT-4oの画像生成能力は、これまでの画像生成AIでは到達しえないレベルの制御性・品質での画像生成を実現しました。https://x.com/jmi
Gemini 2.5 Pro Experimental良い感じ 🔖 6
1. はじめに日本時間2025年3月26日早朝に、次世代の大規模言語モデル（Large Language Model, LLM）として「Gemini 2.5」が発表されました。特に「Gemini 2.5 Pro Experimental」は、多くのベンチマークテストでトップクラ
多くの開発で以下のような課題に直面したことはありませんか？Color.greyや#F5F5F5など、具体的なカラー値をハードコードしているデザインと実装でカラー名の定義が異なるアクセシビリティを考慮したカラー設計になっていない本記事では、カラーの設計方法やアクセシビ
WebAssemblyとマルチスレッドによる環境に依存しない高速画像変換 🔖 31
画像変換の WebAssembly 利用本稿では、画像サイズ変更やフォーマット変換といった処理を WebAssembly で行う方法について紹介します。また、必要に応じてマルチスレッドを使用することで、処理を並列化し、より高速な実行を実現できます。 なぜ画像変換を WebA
クラウドエース株式会社のエンジニアが Cloud Spannerの概要からノウハウまでを徹底解説
MCPサーバーを利用することはセキュリティ的に安全か? 🔖 211
1. はじめにModel Context Protocol (以下、MCP) は、大規模言語モデル (LLM) と外部データソースやツールを連携させるための便利なオープンプロトコルです。 一方で、MCPサーバーは誰でも作成してGitHubで公開できるため、場合によっては悪意のあ
Unreal Engineでランナーゲームを作成中です。新人教育や新規案件でUnreal Engineを初めて触る人のために、ゲーム開発を再現できるよう本としてまとめました。開発で問題が発生したことや、わからなかったことを補足情報として追記しています。Unreal En
入社前だけど3,000万MAUのサービスをRails8.0にアップグレードしちゃいました 🔖 1
はじめに株式会社マイベストに2025年度入社予定のYagiです！一年前からバックエンドエンジニアとして内定者インターンに取り組んでいます。今回、マイベストで使用されているRuby on Railsを7.2から8.0にアップグレードしたので、その手順や遭遇した問題点などをまとめて
Model Context Protocol（MCP）とは？生成 AI の可能性を広げる新しい標準 🔖 316
はじめにこんにちは。クラウドエースの荒木です。ChatGPT や Claude などの生成 AI が日常生活やビジネスに浸透してきましたが、これらの AI の真価は外部システムと連携したときに発揮されます。しかし、この連携には大きな課題がありました。これまで AI と外部シ
【参加記】Web Speed Hackathon 2025で優勝した話 🔖 4
はじめに先日、CyberAgent主催のWeb Speed Hackathon 2025に出場しました。Web Speed Hackathonはお題となるWebアプリケーションのパフォーマンス改善を行い、そのスコアで競い合うハッカソンです。似たようなものにISUCONがありま
はじめにオンラインゲームでランキング機能を実装する際、最も頭を悩ませる問題の一つが不正なスコア登録による「ウソスコア問題」だと思います。https://ja.wikipedia.org/wiki/ウソスコア単純にクライアントからスコアを送信するだけでは、改ざんされたデータ送
Web Speed Hackathon 2025参加記 🔖 1
CyberAgentさんが開催するWeb Speed Hackathon 2025に参加しました。意図的に重くなるよう作られているアプリケーションを改善し、Lighthouseスコアの改善を競うイベントです。スコア上の私の順位は15位でしたが、残念ながらデグレを発生させてしまい
Next.js 実践入門 - TypeScript 編 🔖 1
本書では Next.js における TypeScript について学べます。【習得できること】- Next.js で開発するために必要な TypeScript の知識- Next.js で開発するために必要な TypeScript の設定- Next.js で開発するた
GitHub Copilot を「せんぱい！」と慕ってくれる後輩ギャルにする 🔖 57
はじめに以下の記事に感銘を受けて、自分のところにもギャルを召喚したくなった。https://qiita.com/bonanza-olaf/items/5453fc0e3ad1c8f9f971https://qiita.com/y-morimatsu/items/77a712
Microsoft 製の ブラウザ操作 MCP が実用レベルだった件 🔖 32
https://github.com/microsoft/playwright-mcp はじめに従来のブラウザ操作MCPの主な課題は、大量のコンテキスト消費でした。AI エージェントがブラウザを操作する際、ブラウザのスクリーンショットを base64 エンコードしてコンテキ
Microsoft Playwright MCPが切り拓くLLMとブラウザの新たな統合 🔖 123
はじめにウェブブラウザの自動操作は長い間、テスト自動化やスクレイピングの重要な分野でしたが、大規模言語モデル（LLM）の台頭により、まったく新しい可能性が開かれつつあります。マイクロソフトの最新プロジェクト「Playwright MCP（Model Context Protoc
Playwright MCPとCursorで、E2Eテストを自動生成してみた 〜AI×ブラウザ操作の新アプローチ〜 🔖 298
概要https://github.com/microsoft/playwright-mcpPlaywright MCPとCursorを活用し、E2Eテストをゼロから自動生成してみました。本記事ではその検証プロセスと得られた知見を紹介します。 この記事で分かることPl