はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストール方法をご紹介します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをクリックする この4ステップで簡単に拡張機能をインストールできます。 オススメ拡張機能 ここからは、オススメの拡張機能をカテゴリごとに紹介します。 これは絶対入れるべき！基本機能 Japanese Language Pack
拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをクリックする この4ステップで簡単に拡張機能をインストールできます。 オススメ拡張機能 ここからは、オススメの拡張機能をカテゴリごとに紹介します。 これは絶対入れるべき！基本機能 Japanese Language Pack for Visual Studio Code インストール数：約425万 評価：☆4.5 VSCodeの言語を日本語にしてくれる拡張機能です。VSCodeをインストールした後すぐに入れ
Previous slideNext slideToggle fullscreenOpen presenter view 鹿野 壮 Claude Codeにタスク丸投げおじさん（自称） @tonkotsuboy_com 本日の構成 Claude Codeが刷新した開発現場 手数の増加を支えるClaude Codeの機能 人間に残された仕事 まとめ Claude Codeが刷新した開発現場 リリース数の爆増 開発速度が明らかに向上した 2025年5月頃、Claude Codeを全社導入 Claude Codeの全社導入後、 チーム内のPRリリース数は約3倍に増加 Devin、Cursor等もリリースと同時に導入したが、 比べ物にならない上昇幅 コードが民主化された コードの民主化: 職能を超えた開発が日常に 会社全体では、職能を問わず全員がClaude Codeをはじめとする AIエージェン
はじめに GitHub Copilotを使っている開発者の皆さん、.github/copilot-instructions.mdというファイルを作成していますか？ このファイル1つで、Copilotをあなたのプロジェクト専用にカスタマイズし、もっと賢く、便利に使いこなすことができます。 本記事では、その強力な機能と具体的な活用方法を紹介します。 copilot-instructions.mdの紹介 一言で言えば、GitHub Copilot版のCLAUDE.mdです。 つまり、GitHub Copilotに与える指示書です。 このファイルは、GitHub Copilotがユーザーの指示を処理する前に真っ先に読み込む指示書として機能します。 特別な設定は不要で、プロジェクトの.githubディレクトリ配下にcopilot-instructions.mdという名前で置くだけで認識されます。 C
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 最近、Claude Codeで本格的に個人開発アプリを3つほど作ってきました。 ただ、毎回同じような設計で悩んだり、ライブラリの使い方でしばらくハマったり、AIエージェントに同じ説明を繰り返したりしていました。 そこで新しいプロジェクトでは、開発着手前に設計ドキュメントを徹底的に準備するという実験をしてみました。 結果、なんと 24個ものドキュメント ができあがったので、今回はその全貌と、なぜこれらが必要だったのかをお伝えします！ 【追記】 おかげさまで大反響で、たくさんの方に読んでいただいたようで嬉しいです！
注目すべきなのはそれぞれが完全に独立しており、共通のタスクリストを持ちながら自己調整を行っていく事です。 この点がこれまでになかったポイントで、Sub Agentは用意されたエージェントにタスクを任せたら「結果を報告」という形での一方通行ですが、Agent Teamsはそれぞれが自律的にタスクを担当しながら「ここまで終わった、そっちはどう？」という双方向のコラボレーションを行います。 これは原始的なメールのような仕組みを使っていて、Agent Teamsが動いたあとの~/.claude/teams/[チーム名]を見ると面白いのですが、お互いが通信した履歴を見ることができます。 たとえば以下は上述の歯科医のランディングページをAgent Teamsで作ってもらった際のチームリーダーの受信箱（inboxes）を覗いたものです。 コーダーが最初のタスクを終わって、ディレクターやデザイナーの作成待
本記事では、2025年5月14日に開催されたオンラインイベント「【技術選定を突き詰める】Online Conference 2025」内のセッション「技術選定の審美眼 2025年版」の内容をお届けします。同セッションでは、タワーズ・クエスト株式会社の和田卓人（@t_wada）さんに、1990年代前半から現在にかけての技術の変化の歴史についてお話いただきました。ぜひ本編のアーカイブ動画とあわせてご覧ください。 和田： 和田卓人（t-wada）と申します。インターネット上ではt-wadaさんと呼ばれています。技術顧問としてコンサルティング業を多く手掛ける傍ら、技術書の出版や翻訳にも関わっています。SQLアンチパターンという本の第2版が7月上旬に発売されますので、是非よろしくお願いいたします。 本日の講演は、「技術選定の審美眼2025年版」です。2018年頃にDevelopers Summi
Previous slideNext slideToggle fullscreenOpen presenter view TS特化Clineプログラミング mizchi / tskaigi 2025 mizchi: パフォーマンスチューニングの傭兵 一ヶ月で御社のプロダクトをコスパよく高速化します フロントエンド視点のE2Eチューニング(Lighthouse) CI/CD 高速化 (Linux, GitHub Actions) New プロンプトエンジニアリングでワークフロー自動化 主な環境 VSCode + RooCode (ほぼ常に Orchestrator モード) Claude 3.7 + Gemini 2.5 (約2~3万円/月) TypeScript / Node / Deno / Cloudflare あらすじ 2014: なぜ仮想DOMという概念が俺達の魂を震えさせるのか
このYouTubeライブはフロントエンドの最適化を専門にするmizchiさんがCloudflare Meet-up Tokyoで行った同タイトルのプレゼンを、RustやRDBの実装に詳しいkoba789さんを話し相手に語っていくというものだ。背景としては2人ともチーム開発の現場でのRailsが活発に利用されていた時期にウェブ開発を経験し、現在はNode.jsのサーバーサイドも実践している。 ライブは3時間半という長時間におよび、スライド外の周辺情報や持論や余談など多岐に渡るので、すでにこのプレゼンに触れた人でもさらに深掘りできるようなコンテンツになっている。 全体を大まかに1時間ごとの3パートに区切って視聴するとわかりやすい。前半はRailsからNext.jsに辿り着くまでのウェブ開発の変遷。ORMの話は主に後半戦で。最後の1時間はアフタートークになっている。 内容としてはRailsアプリ
こんにちは、プロダクト開発部の中田です。 最近、AIエージェント界隈は非常に盛り上がっていますね。 今回は、Clineを使ってみた感想や、自分が現在どのように使っているかをご紹介します。 はじめに Clineを使いはじめたわけ Clineを使いはじめて悩んだこと AIを使用するうえでの保守性の高いコードベースの重要性 コンテキストの局所化 自然言語としての可読性 実際のタスク分担の例 バックエンド開発タスク UseCaseのユニットテスト実装 Controller実装 Repository実装 フロントエンド開発タスク コンポーネントライブラリの実装 個別コンポーネントの実装 やってみて効果を実感したTIPS 参考にしたい既存コードをVSCodeで開いておく Planですり合わせしてからActする .clinerulesファイルを活用する Clineとのやりとりを記録・共有する Cline
【新年のビッグセール到来！】Go・TypeScript・Rust・Terraform・AI・英語＆資格 - 2026年の開発現場で生きる技術をUdemyで学ぶ！ - はてなニュース
時間にゆとりのある年始は、自身の技術を見直し、次のステップへ備える絶好の機会です。 AIの登場により、かつて以上に変化のスピードとアップデートのサイクルが加速した開発環境のなかで、存在感を発揮し続けるために重要なのは、やはり「学びを止めない」姿勢でしょう。 本特集では、現場で必須となる定番技術と、いまのうちに知っておきたい新しい技術を両軸で紹介します。GoやTypeScript、Rustといった主要言語をはじめ、コンテナ技術やTerraformなどモダンな開発基盤、そして注目を集めるObservabilityの概念まで、Udemyの実践講座を通じて体系的に学べる内容を厳選しました。さらに、英語や資格学習といった「やっておかなければならないけれど後回しにしがち」な領域の講座も取り上げています。 オンライン学習プラットフォーム「Udemy」が1月10日まで実施する新年のビッグセールでは、対象講
さわやかな新緑シーズンをUdemyで駆け抜けろ！ 新人エンジニアと“学び足し”を応援するソフトウェア開発入門講座特集 - はてなニュース
※ Udemyの「初夏のビッグセール」および、はてなによるプレゼントキャンペーンは終了しました。紹介した講座は引き続きUdemyで学習できます。 新緑が深まり新しいチームにも慣れてきた初夏は、これまで重ねてきた知識や経験に加えて新たな学びを足し続けることで、周囲に一歩先んじるチャンスです。新人エンジニアが仕事で困ったことを復習するだけでなく、最新動向を学び足したり新しい領域に挑戦したりといったシニアのモチベーションが高まる季節でもあるでしょう。 さわやかな季節に基礎をしっかりと身につけよう！ フロントエンド・AI・インフラ・英語などセール対象講座が1講座1,300円から！ 🏖️☀️ 初夏のビッグセール 🛍️🌿 Udemyで開催中 ‼️ はてなニュースでは、オンライン学習プラットフォームUdemyの大きなセールにあわせて講座紹介記事を掲載してきました。2025年5月13日（火）から始ま
個人的Rails開発環境構築2024
新規でRailsプロジェクトを始める時の個人的な環境構築についてまとめる。前提とする条件等は下記。 規模: ~中規模 開発者数: 個人 利用シーン: PoC作成・スタートアップ立ち上げ・並の業務アプリ開発等 基本戦略 利用シーン的に「思い立ったらすぐアプリの開発ができる」という感じの運用がしたい。極力セットアップで悩みたくないから必要なミドルウェアなどは全部Dockerでインストールできるようにして立ち上げれば終わり、の環境を作る。その環境の中で色々とコマンドを叩いたり、rails newやrails gなどでRailsアプリを作成していく。 この辺のRailsの初期セットアップの手間を出来るだけ省きたいのでtemplateとなるリポジトリを作成し、そこからcloneしてくるだけでOKにする。 フロントエンドはReactなどを使わずをRails標準のerbとHotwireを軸に開発する。開
はじめに エンジニアの勉強会で、こんな経験はないだろうか。 「〇〇って知ってる？」「最近△△が流行ってて」「□□の記事読んだ？」「✗✗さんって知り合い？」 次から次へと断片的な情報を繰り出してくる人。どの話題も表面的で、深く掘り下げようとすると会話が続かない。 そして、ふと気づく瞬間がある――自分も同じような話し方をしているのではないか、と。 コードは書ける。タスクはこなせる。でも技術的な議論になると、借り物の言葉しか出てこない。 この恐怖を、多くのエンジニアが密かに抱えている(と思っている)。表層的な知識だけで話す「Fake野郎」――そう呼ばれることほど、エンジニアとしての信頼と自信を失う言葉はない。 何者（新潮文庫） 作者:朝井 リョウ新潮社Amazon 現代のエンジニアは、かつてないほど豊富な学習リソースに囲まれている。朝から晩まで技術記事を読み漁り、新しいフレームワークを追いかけ、
ほとんどのサービスとアプリケーションには、制限の大きなお試し版とも言える無料プランと、制限の緩和された有償プランがあります。さらに、有償プランのトライアルや、グループ開発向けのEnterpriseプランが用意されていることがあります。個々のサービスおよびアプリケーションについての料金体系の掲示は省くので、関心のあるものについてはまず無料プランから試すことをお勧めします。 アプリケーション構築は、多くの手順を必要とすることから比較的難易度の高い作業です。専用のウィザードがステップ・バイ・ステップで構築をフォローするスタイルは、今では「やりたいこと」を述べるだけでAIが代行してくれるようになりました。デザインも、直接アプリケーション構築に持ち込むことができます。 スタイリッシュなUIを生成するv0 ▲v0 v0（ブイゼロ）は、Next.jsの開発元であるVercel Labsによる、AIを活用
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」というサイトで、プログラミング学習用のテキスト
昨年書いたサーバーサイドエンジニアとして2020年に使った技術1の2021年版となります。 昨年と同じく、冒頭の画像はwakatimeによる2021年1月1日から12月26日までのプログラミング言語使用率です。2位はTypeScript、3位はYAML、4位はTerraformです。 立場 フリーランスで、主にRailsやAWSを使用しているサービスの運用、開発に関わっています。いくつもの会社を見てきた訳ではなく、数社に深く関わっている1都合上、視野が狭いかもしれません。(昨年と同じ) 今年公開している成果については以下です。 Agones移行物語 - Kubernetes Meetup Tokyo 42 #k8sjp｜うなすけ｜note なぜ我々はクラウドゲーミング基盤をKubernetesに移行したのか #CNDT2021｜うなすけ｜note Repro のサーバーサイド開発環境を M
仕様駆動開発を支える Spec Kit を試してみた
仕様駆動開発（Specification-Driven Development, SDD）は、AI コーディングエージェントを活用した新しいソフトウェア開発スタイルです。GitHub が提供する Spec Kit は、仕様駆動開発を支援するためのツールキットであり、AI との対話を通じて正確な受け入れ基準の定義とコード生成を支援します。この記事では Spec Kit を使用して仕様駆動開発を試してみます。 Kiro と呼ばれる AI IDE の登場は、仕様駆動開発と呼ばれる AI コーディングエージェントを活用した新しい開発スタイルの可能性を示しました。仕様駆動開発とは、まず AI と対話しながら要件定義・システム設計を行い、その後作成した設計書をもとに AI にコード生成を行わせる開発スタイルです。 ユーザーの要求をまず明確な仕様として定義することで、ユーザーが頭の中で思い浮かべていた要
はじめに 生成AIを使ったコード開発が急速に普及している。GitHub Copilot、ChatGPT、Claude、そして各種IDEに統合されたAIアシスタントや独立したコーディングエージェント。これらのツールは開発効率を飛躍的に向上させ、もはやAIなしでの開発は考えられないという声も聞こえてくる（主に心の底から）。 しかし、この革新的な変化の中で、看過できない問題が顕在化している。現在のAIで生成したコードは、2年後の進化したAIで再生成すれば、より効率的で保守性の高いコードに置き換えられる。これ自体は技術進歩として歓迎すべきことだが、重要な情報が失われている。 それは「なぜそのコードをそのように実装したのか」という意思決定の記録だ。 この問題は単なる技術的な課題ではない。私たちがどのようにソフトウェアを作り、保守し、進化させていくかという、エンジニアリングの本質に関わる問題だ（そして
GitHub Copilotを使っている開発者の皆さん、.github/copilot-instructions.mdというファイルを作成していますか？ そして、SKILL.mdというファイルも作成していますか？ 2025年10月、GitHub Copilotを使っている人は全員"copilot-instructions.md"を作成してくださいという記事を投稿させていただきました、TooMeです。 あれから3ヶ月以上が経ち、github copilotにもアップデートがいくつか入りました。 中でも大きいのが、2025年12月のversion 1.108でのAgent Skillsへの対応です。 リリースノート：https://code.visualstudio.com/updates/v1_108 本記事では、このAgent Skillsを利用することによって以前の記事のやり方よりもさら
GitHub Copilotにおける Agent / Instructions / Prompt の整理と活用方法
皆さん、GitHub Copilotは利用されていますでしょうか？ 私は、コスパが良いのと複数のモデルを利用できる点に魅力を感じたため、仕事だけでなくプライベートの開発でも利用しています。 しかし、使い込んでいく中で一つ壁に当たることがありました。それは、Agent・Instructions・Promptといった複数のファイルタイプが存在し、それぞれがどのように影響し合い、どのように使い分けるべきかが分かりにくいという点です。 そこで本記事では、私自身の備忘録も兼ねて、これらの概念と実際の検証結果を踏まえた活用方法について解説します。 GitHub Copilotとは GitHub Copilotは、AIを活用したコーディング支援ツールとして登場しました。当初はVSCodeエディタ上でのコード補完が主要な機能でしたが、現在では GitHub Web上でのチャット機能、プルリクエスト（PR）
"Everything is true," he said. "Everything anybody has ever thought." この記事は ABEJAアドベントカレンダー2023 の 17 日目の記事です。 こんにちは。システム開発部の石川 (@ishikawa) です。昨年のいまごろは Objective-C ばかり書いていましたが、今年は念願の Swift で QR コードリーダーを書き直したり、React Native の C++ コードをデバッガで追いかけて不思議なバグの修正をした年でした。 react-native で 196,607 回 fetch() すると通信できなくなるバグを直した https://t.co/lvNC3PL85b— takanori_is (@takanori_is) 2023年9月21日 普段の業務では TypeScript と Go、Pyt
Claude Code時代のアプリ開発手法
Claude Codeによる開発体験の変化 みなさんClaude Code使っていますか？ Clineやそのフォーク、Cursorなどが群雄割拠していたところからここ1ヶ月くらいで急激に話題の中心に躍り出たClaude Codeですが、便利なツールという評価を超えて、これまでの開発フローを一新しうる可能性を持ったツールだと思います。 特に、与えられたタスクを分解して様々なツールを使いながら順に機能を実装していく様子は経験を積んだエンジニアのやり方そのものです。 CLIベースのツールであることの利点として動かすコンピューターを選ばないので、公式のGitHub Actions連携をすれば手元に開発環境がなくてもIssueやPull Requestのチャットで会話をしながら開発を進めることまでできてしまいます。 Claude Codeとアプリ開発の相性 そうはいっても、Claude Codeをう
はじめに Claude Code Maxプランが5月2日に発表されてすぐに飛びつき、100$のプランをサブスクして使うようになりました。 以前からClineやGitHub CopilotなどLLMのサポートを受けた開発を試してきましたが、定額かつ高性能なOpusとSonnet4によって開発に対する価値観とスタイルが大きく変えられてしまいました。 Claude CodeのTipsとかはよく技術記事やXで見かけますが、個人プロジェクトにおいてガッツリ利用されている記事は少ないかと思い書き始めてみようと思います。 開発環境 Claudeとは関係ないですが、1月に転職し開発マシンをWindowsからMacbookに変えました。それ以降作業する時にはMacを使用するようになり、Windowsのデスクトップは置物となりました。Claude Codeが定額利用できるようになって以降、2つの使い道ができた
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM販売終了 柏木餅子, 風薬 かんたん合格ITパスポート過去問題集 令和8年度春期 間久保 恭子 ［令和8年度］ITパスポート 超効率の教科書＋よく出る問題集 ITすきま教室 渡辺さき ［令和8年度］基本情報技術者 超効率の教科書＋よく出る問題集 五十嵐 順子 ソフトウェア工学の基礎 32 阿萬 裕久, 天㟢 聡介 かんたん合格 ITパスポート教科書＆必須問題 令和8年度 坂下 夕里, ラーニング編集部 データビジュアライゼーションのためのデ
経緯 ターミナルでの日本語入力問題 技術仕様 backend claude CLIによるstreaming出力 Claude Code SDK session_idによる会話の継続 permission制御 Denoについて frontend Claude Codeによる実装 GitHub上でOSSとしての開発進行 ワークフローの整備 記録としてのissue駆動開発 templateは人間向けのツール 開発速度のインパクト 今後の展望 まとめ 経緯 6月某日より、Claude Pro Planに加入すると従量課金ではなく月額固定でClaude Codeを使えるようになった。そこで自分もようやくPro Planに加入し、改めてClaude Codeを試してみた。課金額を気にせずに使い続けられるのは、やはり心理的に大きな違いがあると感じる。 Claude CodeのTUIは十分に操作性に優れて
MCPを最大限に活用した次世代のWebアプリ開発 Next.js、Honoは Context7 MCP 最新のコードやスニペット デザインを v0やReaddy、same.new、Gemini(=AIデザイン生成Webサービス)で作成。 フロントエンドを Figma MCP 画面デザイン等 バックエンドを Supabase MCP DB操作等 資料を filesystem MCP 指定したフォルダに資料や1ファイル化したファイルの読み込み テストをPlaywright MCP 自然言語でのテストコードの自動生成 Git管理を GitHub MCP GitHubの自動操作等 保守運用を Raygun MCP でエラーの自動追跡 サブスクライブを Stripe MCP Stripeでの実装 検索を Brave Search MCP 検索エンジンの実装 設計書を sequential-think
Developers are increasingly relying on AI coding assistants to accelerate our daily workflows. These tools can autocomplete functions, suggest bug fixes, and even generate entire modules or MVPs. Yet, as many of us have learned, the quality of the AI’s output depends largely on the quality of the prompt you provide. In other words, prompt engineering has become an essential skill. A poorly phrased
Skills.sh 2026年1月21日、日本の深夜に突如VercelのおっさんがスキルマーケットプレイスSkills.shを発表しました。 "The Open Agent Skills Ecosystem" スキルとは、AIエージェントが再利用可能な機能のことです。1回のコマンドでインストールすれば、AIエージェントに手続き的な知識へのアクセスを付与し、その能力を強化できます。 nani.now: AIが高速に解説付きで翻訳 Agent Skillsは元々Anthropicからオープンスタンダードとして公開されたものです。 公開されてからわずか1ヶ月の間でClaudeやClaude Codeだけではなく、OpenCode, Codex, Gemini CLI, VS Code, Cursor, GitHub Copilot, Amp, Letta, Goose, Droid, Cru
1年6ヶ月勤めた前職を2025年2月末をもって退職し、2025年3月1日付けで SmartHR に入社しました！ 正式な職種名としては "プロダクトエンジニア" で、いわゆるソフトウェアエンジニア職になります。コードを書くこと自体は趣味や個人開発として続けてきてはいたものの、"職業ソフトウェアエンジニア" だったのは直近で2016年7月が最後だったので、実に8年8ヶ月・9年弱ぶりに戻ることになります。 ちなみに、この9年間、以下のように色々と肩書を変えつつ職務にあたってきましたが、 セールスエンジニア Customer Reliability Engineer カスタマーサクセスエンジニア / カスタマーサクセスマネージャー etc. ソリューションアーキテクト セールスエンジニアリングスペシャリスト いずれにも "カスタマーフェイシングな仕事" というのが共通項としてあるような業務がメイ
こんにちは。 ファインディ株式会社でテックリードマネージャーをやらせてもらってる戸田です。 現在のソフトウェア開発の世界は、生成AIの登場により大きな転換点を迎えています。 GitHub CopilotやClaude Codeなど生成AIを活用した開発支援ツールが次々と登場し、開発者の日常的なワークフローに組み込まれつつあります。 弊社でも例に漏れず、生成AIを活用して開発効率の向上に取り組んでいます。その中でFindy Team+で開発組織の生産性をチェックしていたところ、Pull requestの質が落ちているのでは？という仮説が浮かび上がりました。 今回は仮説が浮かんできた経緯と、その対策として導入したセルフレビューの仕組みについて紹介します。 それでは見ていきましょう！ 思っていたよりPull requestの数が増えていなかった 理解しないままレビュー依頼を出していた AIでセル
GitHub - modelcontextprotocol/servers: Model Context Protocol Servers
Official integrations are maintained by companies building production ready MCP servers for their platforms. 21st.dev Magic - Create crafted UI components inspired by the best 21st.dev design engineers. 2slides - An MCP server that provides tools to convert content into slides/PPT/presentation or generate slides/PPT/presentation with user intention. ActionKit by Paragon - Connect to 130+ SaaS inte
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2022 年 1 月から、趣味で PC 向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。 作ったもの ShogiHome 背景 最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AI を動す上で PC の処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AI が増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて
【2025年最新】プログラマー必見！バイブコーディング(Vibe coding)を加速するWindsurf代替ツール10選 - Qiita
ツール選択ガイド 大規模企業向け: Cursor、GitHub Copilot、Tabnineが特に適しています。セキュリティとスケーラビリティを重視する場合はTabnineがおすすめです スタートアップ/個人開発者向け: Codium、Trae、VS Code + AI拡張機能が費用対効果に優れています 特定環境に特化: Microsoft環境ならIntelliCode、AWS環境ならCode Whisperer、Python開発ならAIプラグイン付きPyCharmが最適です。 リモートチーム: Replitはブラウザベースで環境構築不要なため、分散チームに最適です バイブコーディング体験重視: Traeは特にバイブコーディングワークフローに最適化されています それでは、各ツールの詳細を見ていきましょう！ 1. Cursor: 精密さを極めたAIコーディングの新星 まず最初に紹介するのは
はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストール方法をご紹介します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをクリックする この4ステップで簡単に拡張機能をインストールできます。 オススメ拡張機能 ここからは、オススメの拡張機能をカテゴリごとに紹介します。 これは絶対入れるべき！基本機能 Japanese Language Pack
AI エージェント界隈で話題の MCP の凄さ実感！ー その特徴・技術概要・今後の展開 ー「メタ AI エージェント」実現なるか？
【速報】OpenAI が MCP 対応を発表 ＆ 仕様バージョンアップ！ MCP が実質的な業界標準 になりそうです！ 2025年3月27日、OpenAI が MCP 対応を発表 しました： @OpenAIDevs "MCP 🤝 OpenAI Agents SDK" 「ChatGPTが“AI界のUSB-C”こと「MCP」対応へ 競合・Anthropic発の規格が実質的な業界標準に」ITmedia また、3月26日には、MCP 仕様のバージョンアップの発表 もありました！（特にリモートMCPサーバー関連）： @alexalbert__ "A new version of the MCP spec was finalized today" MCP Spec Revision: 2025-03-26 この資料の内容は古くなってしまった部分があるので、誤解がないようにまずは速報を。 時間が取れ次
こんにちは。 ファインディ株式会社 で Tech Lead をやらせてもらってる戸田です。 現在のソフトウェア開発の世界は、生成AIの登場により大きな転換点を迎えています。 GitHub Copilotやチャットベースの開発支援ツールなど、生成AIを活用した開発支援ツールが次々と登場し、開発者の日常的なワークフローに組み込まれつつあります。 そのような状況の中で、「プロンプトの書き方がわからない」「プロンプトが思った動作をしてくれない」といった声をよく耳にします。 そこで今回は、生成AIに対するプロンプトの書き方のコツを紹介します。プロンプトの書き方のコツを知るだけで、生成AIの精度は驚くほど向上します。 それでは見ていきましょう！ 長い文章よりも、簡潔な階層構造 記述の順序 対象と実行内容を絞る まとめ 参考文献 長い文章よりも、簡潔な階層構造 長文のプロンプトよりも、マークダウン記法な
awesome-scalability
The Patterns of Scalable, Reliable, and Performant Large-Scale Systems View the Project on GitHub View On GitHub An updated and organized reading list for illustrating the patterns of scalable, reliable, and performant large-scale systems. Concepts are explained in the articles of prominent engineers and credible references. Case studies are taken from battle-tested systems that serve millions to
はじめに みなさんは Console Ninja というツールをご存知でしょうか？ 個人的にはフロントエンドを書く上で、1,2を争うほど有用なツールかと思うのですが、意外にしられていないため、布教するための記事を書きました。 昨今、AIが流行し、概ねAIにコードをかかせる時代で我々がする仕事はdebugぐらいなのではないでしょうか。そんなときにConsole Ninjaはとっても役に立ちます。 console.logをフロントエンドに埋め込み、コードを修正しているあなた。最初は無料ですので、ぜひ使用してみてください。 Console Ninjaとは？ Console Ninja公式サイト によると、 VS Code 上で console.log の出力を直接エディターに表示できる拡張機能 です。 従来はブラウザの DevTools を開いて F12 → コンソールを確認していましたが、 C
GitHubは、自然言語で指示するだけで生成AIによってTypeScriptとReactを用いたフルスタックのアプリケーションが自動的に生成される「GitHub Spark」のパブリックプレビュー開始を発表しました。 Today we’re releasing GitHub Spark — a new tool in Copilot that turns your ideas into full-stack apps, entirely in natural language. pic.twitter.com/YvHO0Dc3GJ — Satya Nadella (@satyanadella) July 23, 2025 GitHub Sparkは昨年（2024年）10月に発表されていました。 参考：［速報］GitHub、自然言語による指示だけでアプリケーションを生成する「GitHub S
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Codeに入れるべき拡張機能【2024年最新版】 - Qiita
Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
Claude Codeが刷新した開発現場と、人間に残された仕事
GitHub Copilotを使っている人は全員"copilot-instructions.md"を作成してください - Qiita
【Claude Code】マネできる！個人開発するときに最初に用意したドキュメント24種と機能要件書を全公開 - Qiita
Claude Code Agent Teamsの衝撃と実際 | gihyo.jp
技術選定の審美眼 2025年版 - Findy Media
TS特化Clineプログラミング
「Rails vs Node.js」を観た｜laiso
ClineとDDDと私 - コドモン Product Team Blog
エンジニアのための「中身のある話」の作り方 - じゃあ、おうちで学べる
サイト構築からデプロイまで。AIが変えるフロントエンド開発 - レバテックLAB
【AI駆動開発】Cursorを使いこなして1ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい - Qiita
サーバーサイドエンジニアとして2021年に使った技術と来年の目標 | うなすけとあれこれ
AIが進化しても、なぜそのコードを書いたかは消えていく - じゃあ、おうちで学べる
【最新版】GitHub Copilotを使っている人は全員"SKILL.md"も導入してください - Qiita
GitHub Copilot はどのようにして空気を読むか？ - ABEJA Tech Blog
ClaudeのMaxプランによって変わった個人開発のスタイル
Claude CodeをWebブラウザ上で操作するツールをClaude Codeで作っている - すぎゃーんメモ
便利なMCP 2025年4月版 (もう古いコードの提案はしなくなるMCP他) - Qiita
The Prompt Engineering Playbook for Programmers
Agent SkillsがVercelに乗っ取られそうになっている件について
SmartHR に入社しました ＆ 約9年ぶりにソフトウェアエンジニアに戻ります - えいのうにっき
Findyの爆速開発を支えるAI×チェックリスト型セルフレビュー - Findy Tech Blog
Electronを使ったPC向け将棋アプリ開発 - Qiita
Visual Studio Codeに入れるべき拡張機能【2024年最新版】 - Qiita
Findyの爆速開発を支える生成AI活用 ~プロンプトの書き方編~ - Findy Tech Blog
フロントでconsole.logを埋め込むならconsole Ninjaも使おうぜ！
GitHub、自然言語の指示だけでアプリが自動生成される「GitHub Spark」パブリックプレビュー開始