HomeTags#tutorialPage 4

Tag timeline

#tutorialpage 4/7

同じキーワードで束ねられた更新の続きです。カテゴリをまたいだ関連ニュースや実装トピックの追跡に使えます。

Total192#tutorial の全掲載記事All listed entries tagged #tutorial
Showing30このページの表示件数Entries on this page
Page4/7静的ページ位置Static page position
Updated公開index snapshotPublished index snapshot

Entriespage 4/7 · 192 total

Thu, Jul 232 entries
コミュニティCommunityMCP·Zenn MCP

MCPサーバーをTypeScriptで初めて作ってInspectorで叩いてみた(v2ベータ)A hands-on beginner's guide to building an MCP server in TypeScript targeting…

重要度 MediumMedium priority技術記事 · MCP / Toolingtechnical post · MCP / Tooling

AI要約TypeScriptを使ってMCP v2ベータ対応のサーバーをゼロから実装し、MCP Inspectorでツール呼び出しを検証する手順を解説した入門記事。初学者がつまずきやすいセットアップや動作確認の流れを具体的に示している。

AI SUMMARYA hands-on beginner's guide to building an MCP server in TypeScript targeting the v2 beta spec, then verifying tool calls via MCP Inspector. It covers setup pitfalls and the end-to-end workflow useful for developers new to the MCP ecosystem.

MCPサーバーをTypeScriptで初めて作ってInspectorで叩いてみた(v2ベータ)og
公式OfficialNews/Policy·Google Keyword Blog

Gemini Live のカメラ機能を使って目の前のものについて質問する方法Here’s how to ask Gemini Live for help with anything you see.

重要度 MediumMedium priority技術記事 · Industry & Policytechnical post · Industry & Policy

AI要約Googleが、Gemini Liveのカメラ共有機能を活用してリアルタイムに周囲の物体や状況について質問する方法を解説。日常のあらゆる場面でAIアシスタントをより実用的に活用できるようになる。

AI SUMMARYGoogle published a practical guide on using Gemini Live's camera feature to get real-time AI assistance for anything in your surroundings, making the assistant more useful in everyday situations.

Here’s how to ask Gemini Live for help with anything you see.media
Wed, Jul 224 entries
コミュニティCommunityAI Editors·Zenn Cursor

コード知識ゼロから8,700コミット積んだ僕が、269回「過去に戻した」話。AI時代の境界設計とツール使い分けA developer with no prior coding background shares hard-won lessons from 8,700…

重要度 MediumMedium priority技術記事 · AI Editorstechnical post · AI Editors

AI要約非エンジニアがAIツールを活用して8,700コミットを達成する過程で269回もgit revertを行った経験をもとに、CursorなどAIコーディングツールの適切な使い分けと境界設計の重要性を解説した実践的な知見。

AI SUMMARYA developer with no prior coding background shares hard-won lessons from 8,700 commits and 269 reverts, explaining how to design clear boundaries and choose the right AI coding tools like Cursor to avoid costly mistakes.

コミュニティCommunityCopilot·Qiita GitHub Copilot

コミット前のレビューをCopilot Agentで自動化してみたThis article explains how to use Copilot Agent to automatically run code…

重要度 MediumMedium priority技術記事 · GitHub Copilottechnical post · GitHub Copilot

AI要約Copilot Agentを活用してGitコミット前に自動でコードレビューを実行する仕組みを構築する方法を解説。レビュー漏れを防ぎ、開発品質を手軽に向上させられる点が注目される。

AI SUMMARYThis article explains how to use Copilot Agent to automatically run code reviews before each Git commit, helping developers catch issues early and maintain consistent code quality with minimal manual effort.

コミット前のレビューをCopilot Agentで自動化してみたog
新規収集INDEXED公式OfficialCopilot·GitHub Blog (AI & ML)

キャンバスでインタラクティブな体験を構築する方法How to build interactive experiences with canvases

重要度 MediumMedium priority技術記事 · GitHub Copilottechnical post · GitHub Copilot

AI要約GitHub Copilotのキャンバス機能を活用してインタラクティブなアプリケーションを構築する手順を解説するチュートリアル。開発者がより豊かなユーザー体験を素早く実現できる点が注目される。

AI SUMMARYA hands-on tutorial showing developers how to use GitHub Copilot canvases to build interactive experiences, enabling richer app prototypes with less manual coding effort.

How to build interactive experiences with canvasesog
コミュニティCommunityVS Code·Qiita VSCode

VSCode + WSL上のUbuntuを使ってgdbでデバックするThis article explains how to set up a C/C++ debugging workflow using VSCode,…

重要度 InfoInformational深掘り候補 · 技術記事 · VS Code / Dev EnvDeep-dive candidate · technical post · VS Code / Dev Env

AI要約WSL上のUbuntu環境でVSCodeとgdbを組み合わせたC/Cppデバッグ環境の構築手順を解説した記事で、Windows上でLinuxネイティブなデバッグ体験を実現できる点が有益です。

AI SUMMARYThis article explains how to set up a C/C++ debugging workflow using VSCode, WSL Ubuntu, and gdb, enabling Linux-native debugging directly from a Windows environment.

VSCode + WSL上のUbuntuを使ってgdbでデバックするog
Tue, Jul 215 entries
コミュニティCommunityClaude Code·Zenn Claude

研究者・天才肌・万能 — Claude / Gemini / ChatGPT の使い分け(2026年夏)A practical 2026 summer guide comparing Claude, Gemini, and ChatGPT by their…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約2026年夏時点での Claude・Gemini・ChatGPT それぞれの得意領域を整理し、用途に応じた使い分け指針を示した実践的レビュー。どのAIを選ぶべきか迷うユーザーにとって判断材料となる。

AI SUMMARYA practical 2026 summer guide comparing Claude, Gemini, and ChatGPT by their respective strengths, helping users decide which AI tool suits each task or workflow.

コミュニティCommunityAI Editors·Zenn Cursor

Vibe Codingで身につけたい10の習慣、あなたはいくつできていますか?【前編】This article outlines practical habits developers should adopt when using…

重要度 MediumMedium priority技術記事 · AI Editorstechnical post · AI Editors

AI要約AIを活用したVibe Coding開発において、効率と品質を高めるために実践すべき習慣を前編として紹介している。初心者から中級者まで自身の開発スタイルを見直すきっかけとなる実践的な内容だ。

AI SUMMARYThis article outlines practical habits developers should adopt when using AI-assisted vibe coding, helping readers audit and improve their workflow. It serves as a useful self-check guide for anyone building with tools like Cursor.

コミュニティCommunityMCP·Qiita MCP

AI にひと言。kSQL MCP で kintone 既存レコードのフォーム制約違反を一括監査This article demonstrates how to use kSQL MCP to let an AI bulk-audit existing…

重要度 MediumMedium priority技術記事 · MCP / Toolingtechnical post · MCP / Tooling

AI要約kSQL MCPを活用してkintoneの既存レコードをAIに一括監査させ、フォームの入力制約に違反するデータを効率的に検出する手法を紹介。運用中のデータ品質管理をAIで自動化できる点が実用的価値として注目される。

AI SUMMARYThis article demonstrates how to use kSQL MCP to let an AI bulk-audit existing kintone records for form constraint violations, enabling automated data-quality checks on live data without manual inspection.

コミュニティCommunityCopilot·Qiita GitHub Copilot

OWASP Juice Shop で学ぶ Web 脆弱性 ― WSL 新CLI「wslc」で建てて、Defender / GitHub で裏取りするThis article demonstrates how to quickly spin up an OWASP Juice Shop…

重要度 MediumMedium priority技術記事 · GitHub Copilottechnical post · GitHub Copilot

AI要約WSL の新しいCLIツール「wslc」を使ってOWASP Juice Shopの学習環境を素早く立ち上げ、Microsoft DefenderとGitHubを活用してWeb脆弱性の理解を深める手法を解説した実践的な記事。

AI SUMMARYThis article demonstrates how to quickly spin up an OWASP Juice Shop environment using the new WSL CLI tool "wslc", then leverage Microsoft Defender and GitHub to validate and deepen understanding of common web vulnerabilities.

コミュニティCommunityAI Editors·Zenn Cursor

Cursor Cloud Agents に GitHub の Issue や Pull Request を読ませるThis article explains how to feed GitHub Issues and Pull Requests to Cursor…

重要度 MediumMedium priority技術記事 · AI Editorstechnical post · AI Editors

AI要約Cursor Cloud Agents から GitHub の Issue や Pull Request の内容を参照させる方法を解説しており、エージェントに文脈を与えてより正確なコード生成を実現できる点が有用です。

AI SUMMARYThis article explains how to feed GitHub Issues and Pull Requests to Cursor Cloud Agents, enabling the agent to understand project context and generate more accurate, relevant code.

Mon, Jul 204 entries
コミュニティCommunityVS Code·Qiita VSCode

VS Code Windows で WSL 開発 — localhost 連携編This article explains how to properly configure localhost port forwarding when…

重要度 InfoInformational深掘り候補 · 技術記事 · VS Code / Dev EnvDeep-dive candidate · technical post · VS Code / Dev Env

AI要約Windows 上の VS Code から WSL 環境で開発する際に、localhost のポート転送を正しく機能させる方法を解説した記事で、ローカルサーバーへのアクセスに悩む開発者の助けになる。

AI SUMMARYThis article explains how to properly configure localhost port forwarding when developing in WSL from VS Code on Windows, helping developers access local servers running inside WSL without friction.

公式OfficialGemini/Gemma·Google Developers Blog

TPU で Ray を動かす Part 1: 基礎編Run Ray on TPU, Part 1: The foundations

重要度 MediumMedium priority技術記事 · Gemini / Gemmatechnical post · Gemini / Gemma

AI要約Google が TPU 上で Ray を実行するための基本的なセットアップ方法と設計思想を解説し、大規模 ML ワークロードを効率化する手順を示した。

AI SUMMARYGoogle details how to set up and run Ray on TPUs, covering foundational architecture and configuration steps that enable scalable ML workloads on Google's custom accelerators.

コミュニティCommunityClaude Code·Qiita Claude

Claude Agent SDK でカスタム AI エージェントを自作する実装手順とハマりどころ【2026】A hands-on guide to building custom AI agents with the Claude Agent SDK,…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約Claude Agent SDK を使ったカスタム AI エージェントの具体的な実装手順を解説し、開発中に遭遇しやすい落とし穴と対処法をまとめた実践的な記事。

AI SUMMARYA hands-on guide to building custom AI agents with the Claude Agent SDK, covering step-by-step implementation and common pitfalls developers encounter in practice.

コミュニティCommunityCopilot·Zenn GitHub Copilot

GitHub Copilot で MCP を使って生成した画像をチャット内に表示する方法This article explains how to display AI-generated images inline within GitHub…

重要度 MediumMedium priority技術記事 · GitHub Copilottechnical post · GitHub Copilot

AI要約GitHub Copilot のチャット画面で生成した画像をインライン表示する手法を紹介しており、MCP を活用することで視覚的なフィードバックをチャット内で直接確認できるようになる。

AI SUMMARYThis article explains how to display AI-generated images inline within GitHub Copilot Chat using MCP, enabling developers to review visual output without leaving the chat interface.

GitHub Copilot で生成した画像をチャット内にインライン表示したい!og
Sun, Jul 195 entries
コミュニティCommunityAI Editors·Qiita Cursor

AIエージェントが毎回同じミスをするのは、AGENTS.md / CLAUDE.md の書き方が9割かもしれません — 手戻りを減らす指示ファイル設計の実践ガイド(30行ルール・import・monorepo)This practical guide argues that repetitive AI agent mistakes stem largely from…

重要度 MediumMedium priority技術記事 · AI Editorstechnical post · AI Editors

AI要約AIエージェントが同じミスを繰り返す原因は指示ファイルの設計不足にあるとして、30行ルールやimport管理、monorepo対応など具体的なAGENTS.md/CLAUDE.mdの書き方を解説した実践ガイド。適切な構造化により手戻りを大幅に削減できる点が注目される。

AI SUMMARYThis practical guide argues that repetitive AI agent mistakes stem largely from poorly structured instruction files, and offers concrete patterns for writing AGENTS.md and CLAUDE.md—covering the 30-line rule, import management, and monorepo layouts to significantly reduce rework.

AIエージェントが毎回同じミスをするのは、AGENTS.md / CLAUDE.md の書き方が9割かもしれません — 手戻りを減らす指示ファイル設計の実践ガイド(30行ルール・import・monorepo)og
コミュニティCommunityLocal Models·Zenn LLM

1-bit LLM「Bonsai」活用ガイド — 1.15GB で動く 8B モデルをローカルで使い倒すThis guide covers how to run Bonsai, a 1-bit quantized 8B LLM that fits in just…

重要度 MediumMedium priority技術記事 · Local LLM / Open Modelstechnical post · Local LLM / Open Models

AI要約わずか1.15GBのメモリで動作する8Bパラメータの1-bit LLM「Bonsai」をローカル環境で活用する方法を解説。超軽量ながら実用的な推論が可能で、一般的なPCでも大規模モデルを手軽に運用できる点が注目される。

AI SUMMARYThis guide covers how to run Bonsai, a 1-bit quantized 8B LLM that fits in just 1.15 GB, entirely on local hardware. Its extreme compression makes powerful language models accessible on everyday consumer machines without cloud dependency.

コミュニティCommunityLocal Models·Zenn LLM

ローカルLLM(Ollama)にJSONを厳密に返させる — 自分専用ニュースbot開発記 #1This article explains how to enforce strict JSON output from a local LLM…

重要度 MediumMedium priority技術記事 · Local LLM / Open Modelstechnical post · Local LLM / Open Models

AI要約OllamaでローカルLLMを動かす際に、structured outputを使ってJSONスキーマに厳密に準拠したレスポンスを得る方法を解説した開発記録。プロンプト工夫だけでは不安定だった出力を安定させる実践的な知見を共有している。

AI SUMMARYThis article explains how to enforce strict JSON output from a local LLM running on Ollama using structured output schemas, solving the instability that comes from prompt-engineering alone. It serves as the first entry in a series building a personal news bot.

コミュニティCommunityMCP·Qiita MCP

MS Research の Flint を試す — セマンティック型で「整ったグラフ」を AI に描かせる(Fabric: Power BI / Data Agent での活用)Microsoft Research's Flint uses semantic type annotations to guide AI in…

重要度 MediumMedium priority技術記事 · MCP / Toolingtechnical post · MCP / Tooling

AI要約Microsoft Research の Flint はセマンティック型情報を活用して AI に視覚的に整ったグラフを自動生成させる手法で、Power BI や Fabric の Data Agent と組み合わせることでデータ可視化の品質を大幅に向上できる。

AI SUMMARYMicrosoft Research's Flint uses semantic type annotations to guide AI in generating well-formatted charts, enabling higher-quality data visualizations when integrated with Power BI and Microsoft Fabric Data Agent.

コミュニティCommunityClaude Code·Qiita VSCode

VS Code拡張機能をオフラインでインストールする方法【Codex/Claude Code】This article explains how to manually install VS Code extensions such as Codex…

重要度 InfoInformational深掘り候補 · 技術記事 · Claude / Claude CodeDeep-dive candidate · technical post · Claude / Claude Code

AI要約インターネットに接続できない環境でも、VS CodeのCodexやClaude Code拡張機能を手動でインストールする手順を解説した記事です。オフライン開発環境の構築に役立ちます。

AI SUMMARYThis article explains how to manually install VS Code extensions such as Codex and Claude Code in offline or air-gapped environments, making it easier to set up AI coding tools without internet access.

Sat, Jul 189 entries
コミュニティCommunityVS Code·Qiita VSCode

VSCodeのおすすめ設定A practical guide covering recommended VSCode settings to improve developer…

重要度 InfoInformational深掘り候補 · 技術記事 · VS Code / Dev EnvDeep-dive candidate · technical post · VS Code / Dev Env

AI要約VSCodeを快適に使うための推奨設定をまとめた記事で、開発効率を高めるための具体的な設定項目が紹介されている。

AI SUMMARYA practical guide covering recommended VSCode settings to improve developer productivity and editor comfort.

VSCodeのおすすめ設定og
コミュニティCommunityVS Code·Qiita VSCode

VSCode 上で Tomcat を起動させる方法This article explains how to launch and manage Apache Tomcat directly within…

重要度 InfoInformational深掘り候補 · 技術記事 · VS Code / Dev EnvDeep-dive candidate · technical post · VS Code / Dev Env

AI要約VSCode 拡張機能を使って Tomcat をエディタ内から直接起動・管理する手順を解説しており、別途ターミナル操作が不要になる点で開発効率が向上する。

AI SUMMARYThis article explains how to launch and manage Apache Tomcat directly within VSCode using an extension, eliminating the need for separate terminal commands and streamlining Java web development.

コミュニティCommunityClaude Code·Zenn Claude

【Vol.15】Claude Design入門 — 提案書・スライド・プロトタイプをプロンプトから作るThis introductory guide explains how to use Claude Design to generate…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約Claude Designを使い、テキストプロンプトだけで提案書・スライド・プロトタイプを生成する方法を解説した入門記事。デザインスキル不要でアウトプットを素早く形にできる点が注目される。

AI SUMMARYThis introductory guide explains how to use Claude Design to generate proposals, slides, and prototypes from text prompts alone, lowering the barrier for non-designers to produce polished outputs quickly.

コミュニティCommunityClaude Code·Zenn Claude

AIの「できました」を信じない ― Claude Codeに完了の証拠を出させる品質ゲート設計This article explains how to design quality gates that require Claude Code to…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約Claude Codeが「完了した」と報告しても実際には未完成なケースがあるため、テスト実行結果やログなど具体的な証拠を提出させる品質ゲートを設計することで、AI作業の信頼性を高める手法を解説している。

AI SUMMARYThis article explains how to design quality gates that require Claude Code to submit concrete evidence—such as test results and logs—before accepting task completion, preventing false "done" reports and improving reliability of AI-assisted development.

コミュニティCommunityClaude Code·Zenn Claude

Spring Boot で Claude API のエラー・レート制限に強くするThis article explains how to implement robust error handling and rate-limit…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約Spring Boot アプリケーションで Claude API 呼び出し時のエラーやレート制限を適切に処理する実装方法を解説した記事。リトライ戦略や例外ハンドリングを導入することで本番環境での安定性を高められる。

AI SUMMARYThis article explains how to implement robust error handling and rate-limit resilience for Claude API calls in Spring Boot, covering retry strategies and exception handling to improve production stability.

コミュニティCommunityClaude Code·Zenn Claude

スマホからClaude Codeを動かす ― Discord連携リモート運用のリアルThis article explains how to remotely control Claude Code from a smartphone by…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約PCを離れた状態でもDiscordボットを仲介することでスマホからClaude Codeを遠隔操作できる構成を解説した記事。外出先でも開発作業を継続できる柔軟な運用方法として注目される。

AI SUMMARYThis article explains how to remotely control Claude Code from a smartphone by routing commands through a Discord bot, enabling developers to continue coding tasks without direct PC access.

コミュニティCommunityClaude Code·Zenn Claude

ベンチマークの数字が横に並ばなくなった — 2026年7月の新モデルを技術仕様で読むNew AI models released in July 2026 have made single-row benchmark comparisons…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約2026年7月に登場した新AIモデル群はベンチマーク指標が多軸化し、単純な横並び比較が困難になった。技術仕様を丁寧に読み解くことで各モデルの実力と用途適性を正しく評価できると解説している。

AI SUMMARYNew AI models released in July 2026 have made single-row benchmark comparisons obsolete as evaluation metrics have expanded across multiple axes. The article explains how to interpret technical specs to accurately assess each model's strengths and best use cases.

コミュニティCommunityClaude Code·Qiita Claude

Claude API デモを登録不要で一般公開するための4つの防御実装と計測の落とし穴A practical guide covering four defensive measures—such as rate limiting and…

重要度 MediumMedium priority技術記事 · Claude / Claude Codetechnical post · Claude / Claude Code

AI要約Claude API を使ったデモをユーザー登録なしで公開する際に必要なレート制限・コスト管理などの防御策4つを解説し、公開後に発覚したアクセス計測の誤りについても共有している実践的な記事。

AI SUMMARYA practical guide covering four defensive measures—such as rate limiting and cost controls—needed to safely open a Claude API demo to the public without registration, plus lessons learned from analytics pitfalls discovered post-launch.

Claude API のデモを登録不要で一般公開するためにやった4つの防御実装(と、公開後に踏んだ計測の落とし穴)og
公式OfficialGemini/Gemma·Google Cloud Blog

Gemini Enterprise Agent Platform で構築する13のハンズオンデモ13 hands-on demos to build on Gemini Enterprise Agent Platform

重要度 MediumMedium priority技術記事 · Gemini / Gemmatechnical post · Gemini / Gemma

AI要約Google CloudがGemini Enterprise Agent Platformを活用した13種類のハンズオンデモを公開し、企業向けエージェント開発の具体的な実装例を提供している。開発者がエンタープライズAIエージェントをより迅速に構築・評価できるようになる。

AI SUMMARYGoogle Cloud released 13 hands-on demos showcasing how to build enterprise AI agents on the Gemini Enterprise Agent Platform, giving developers concrete implementation patterns to accelerate production-ready agent development.

Fri, Jul 171 entries
公式OfficialGemini/Gemma·Google Cloud Blog

AIトークノミクス入門:トークン効率の高いソフトウェアエンジニアリングのための11の原則Guide to AI Tokenomics: Eleven Principles for Token Efficient Software Engineering

重要度 MediumMedium priority技術記事 · Gemini / Gemmatechnical post · Gemini / Gemma

AI要約Google CloudブログがGeminiを活用した開発におけるトークン使用量を最適化するための11の実践的原則を解説しており、コスト削減と効率向上を目指す開発者に役立つガイドです。

AI SUMMARYGoogle Cloud outlines eleven practical principles for token-efficient software engineering with Gemini, helping developers reduce costs and improve performance by optimizing how tokens are consumed in AI-driven workflows.