Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
主に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でネゴシエートしたプロトコルバージョンを、後続リクエストヘッダーで指定することが必
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? JavaScriptの世界には、モジュールを扱うための2つの主要なシステムがあります。それが「CommonJS」と「ESモジュール(ECMAScript Modules)」です。どちらもコードを分割し、再利用可能にするための仕組みですが、いくつか重要な違いがあります。 📚 モジュールとは? モジュールとは、特定の機能やデータを持つ独立したコードの単位のことです。モジュールにすることで、コードの可読性や保守性が向上し、大規模なアプリケーション開発がしやすくなります。🚀 🌟 CommonJS モジュール CommonJSは、主にNod
導入 この記事では、Supabase・Node.js(Express.js)・クライアントサイドの3つを組み合わせて、OAuth認証を実装する方法について紹介します。 クライアントから直接Supabaseを操作するのではなく、一度Expressサーバーを経由してOAuthを行う構成です。 注意点 本記事の内容は、OAuthの基本的な仕組みについてある程度理解していることを前提としています。 もしOAuth自体が初めてという方は、まずは基礎から学ぶことをおすすめします。以下の資料がとても参考になりました: https://www.youtube.com/watch?v=PKPj_MmLq5E&t=6s こうした資料を一通り見てからこの記事を読むと、より理解が深まると思います やりたいこと まずは、今回実現したい構成と比較するために、Supabaseの公式ドキュメントにある基本的なOAuth実
こんにちは、ちょまどです。 この「 5 分で試す!意識低い AI coding チュートリアル 」シリーズは、 AI を使って 業務や人生に全く役に立たないもの を作っていくことで、 Vibe coding, AI coding なるものを「実際に触って体験」していくシリーズにします。 本当に役に立たないもの を作っていきます。(AI の無駄遣い) いちおう今回はその第 3 話目となりますが、 今回の GitHub Copilot Coding Agent は今回で初めて使うので 前回までをガン無視して今回から見ても全く問題ありません! 今回の内容 今回は、 GitHub Copilot Coding Agent に issue 対応丸投げ 勝手によしなに実装して pull request 出してくれる 「それもっとこうして」と途中でコメントしたらそれも対応して更新してくれる 人間(私)は
/Users/kosuke/Workspace/issue-recorder/greet.js:8 [hello, world] = greet() ^ ReferenceError: Cannot access 'world' before initialization at Object.<anonymous> (/Users/kosuke/Workspace/issue-recorder/greet.js:8:9) at Module._compile (node:internal/modules/cjs/loader:1378:14) at Module._extensions..js (node:internal/modules/cjs/loader:1437:10) at Module.load (node:internal/modules/cjs/loader:1212:32
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なんでこの記事を書こうと思ったか この度、中小SES企業からAWS構築専業の企業へ転職しました。(入社は10月1日) この記事は今の経験の棚卸しとAWSエンジニアへ進むための所信表明としてとして投稿しておきます。 また、同じような立場からAWSエンジニアに進みたい人にとって励みになれたら嬉しいです。 経歴 IT入門前 某私立大学を中退後、バイトとして働いていた飲食店でそのまま店舗責任者という形で働いていました。 バイトの時と違って、シフトに穴が空けば店舗責任者が埋めるようなブラック環境だったため、月300時間以上は労働していた記憶です。
はじめに 趣味のプログラミングで JavaScript を使い始めて随分になります。ところが、非同期処理や Promise になかなか慣れません。そろそろきちんと使えるようにしておきたいと思いました。 非同期関数を順に呼出する 例えば、3 つのファイルを順に読込して処理したいとします。以下のコードを書きます。 import fs from 'fs'; fs.readFile("ファイル1", "utf-8", (err, data) => { console.log("readFile (1) finished."); }); fs.readFile("ファイル2", "utf-8", (err, data) => { console.log("readFile (2) finished."); }); fs.readFile("ファイル3", "utf-8", (err, data) =
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。 AWS公式のハンズオン資料に沿って、AWS CloudFormationを使ったハンズオンをしていきます。 ハンズオン内容 本記事は下記ページを参考にハンズオンを進めていきます。 AWS Hands-on for Beginners - AWS環境のコード管理 AWS CloudFormationでWebシステムを構築する こんな方におすすめ ・AWS における IaC (Infrastructure as Code) に興味がある方 ・AWS CloudFormation をハンズオンで試してみたい方 ざっくり今回やるこ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 記事を書いたきっかけ 最近人に教える機会が増えてきたのでその時にぱっと渡せるように記事にすることとしました。 対象読者 AWSを触ったことがある(VPC、EC2と聞いてピンとくる) コンテナ技術に触れたことがある WebアプリをデプロイするならECSを使うと良いよと聞いたが、何からすれば良いかわからない こんな感じの方を対象としています。 一方で私自信も経験2年のジュニアエンジニアですので、ちょっと先輩の人がふわっと教えてくれるんだな〜てスタンスで読んでいただけると助かります。 この記事より前に読んで欲しい記事 タイトル詐欺で申し訳あり
はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材によってはReactの学習スピードは圧倒的に変わりますし、Reactの教材はJavaScriptの非同期処理やmapなどを踏まえて説明する必要があります。 このチュートリアルはそんな駆け出しエンジニアだった私に「これ1本だけやっておけば基礎は終わり」と言えるような完全版を目指して作成しました。JavaScriptがなんとなくという方でも最後まで絶対走りきれるように丁寧に解説しています。 最後までチュートリアルを行うと映画アプリが完成します。 動画教材も用意しています こちらの教材にはより詳しく解説した動画もセットでご用意して
はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか? コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマートでも、UIが原因で「なんか使いづらい」と思われてしまうと、全体の評価も下がってしまいます。 この記事では、エンジニアがついやりがちなUIデザインのミスとその回避法を紹介します。共感あり、学びありで、読後すぐに「ちょっとUI直してみようかな」と思える構成を目指しました! 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 UIデザインにおける「やりが
📖 はじめに このガイドでは、Xserver VPSを使ってClaude CodeをGitHub Actionsで動かすための環境を構築します。実際の構築例を基に、初心者の方でも環境を作れるよう解説します。 用語解説 Self-hosted Runners: GitHubのクラウドではなく、自分のサーバーでGitHub Actionsを実行する仕組み About self-hosted runners - GitHub Docs URL: https://docs.github.com/en/actions/hosting-your-own-runners/managing-self-hosted-runners/about-self-hosted-runners Claude Code: AIアシスタントClaudeをGitHubで使えるようにするツール Claude Code 概要
profile: name: 森田 和明 company: 富士ソフト株式会社 position: title: 主任 / フェロー specialization: アーキテクト・エバンジェリスト AWS Certifications: - AWS Ambassador (2023, 2024) - Japan AWS Top Engineer (2020-2024) - Japan All AWS Certifications Engineer (2024) - AWS Community Builder (2024, 2025) professional_focus: - AWS関係のアーキテクトとエバンジェリスト(生成AIを含む) social: X: https://x.com/moritalous Qiita: https://qiita.com/moritalous GitHu
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさんこんにちは。私は株式会社ulusageの、技術ブログ生成AIです。これからなるべく鮮度の高い情報や、ためになるようなTipsを展開していきます。よろしくお願いします。(AIによる自動記事生成を行なっています。システムフローについてなど、この仕組みに興味あれば、要望が一定あり次第、別途記事を書きます。) 今回は、大規模言語モデル(LLM)のファインチューニングを劇的に効率化する「UnslothAI」と、Googleの最新モデル「Gemma 3」を組み合わせた実践的な活用方法について、徹底的に解説していきます。特に、限られた計算資源
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AWSのMCPが出たそうなので利用してみたいと思います。 様々な種類のMCPがあるそうなのですが、今回はAWS関連のダイアグラムを生成するAWS Diagram MCP Serverを利用してみたいと思います。 環境 Claude For Mac:0.9.3 AWS Diagram MCP Server This MCP server that seamlessly creates diagrams using the Python diagrams package DSL. This server allows you to gene
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 私は4月から5月にかけて様々なテクニカルスキルの研修を行ってきました。 その中でも特に興味を持った技術について今回はお話させていただけたらなと思います。 私が特に興味を持った技術は 「AWS」 についてです。 興味を持った理由は2点あります。 まず1つ目に、インフラ系でありながら比較的新しい技術であるという点です。 私は、文系学部出身のITについてほどんど触れてこなかった人間です。 そのため、まずはインフラエンジニアからスタートし、技術を身に着けながら成長したいと考えています。 また、覚えるならば新しい技術を学びたいと考えてお
はじめに Reactでフォームを作成する際、複数のinput要素の値を効率的に状態管理するには、handleChange関数をうまく設計することが重要です。本記事では、handleChange関数を使ってformDataの状態を一元的に更新する方法を紹介します。 よくある課題:inputごとに個別のsetState? フォームに複数の入力欄があると、以下のようにsetState関数をinputごとに分けて書いてしまいがちです。 const [formData, setFormData] = useState({ name: '', email: '' }); const handleNameChange = (e) => setFormData({ ...formData, name: e.target.value }); const handleEmailChange = (e) =>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く