サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Claude Code
qiita.com
はじめに:AIエディタに「丸投げ」していませんか? CursorやWindsurfなどのAIエディタの進化により、コードを書かずに自然言語だけで開発を進めるスタイルが普及してきました。 しかし、こんな経験はありませんか? 「〇〇の機能を作って」と雑に頼んだら、既存のコードの別機能まで破壊された コンポーネントが肥大化し、保守不可能な1000行のスパゲッティコードが生まれた (もはやAIがただの「スパゲティ🍝コード製麺機」と化している状態) 結局、AIの書いたコードを修正するのに自分で書く以上の時間がかかった AIは優秀ですが、人間側の「指示(要件定義)」が甘いと、平気で破綻したアーキテクチャを提案してきます。 本記事では、AIにいきなりコードを書かせず、まずは「設計」をさせるための『魔法のプロンプト』を公開します。 私は普段 Next.js / TypeScript で開発を行っています
qiita.com/Maki-Daisuke
ということを書いた手前、async/awaitの歴史について書いておかないといけない気がした。 なお補足しておきますと、元ネタの記事はJavaScriptの async/await の歴史についていえば、間違ってないと思います。 ただ、 async/awaitはJavaScriptが発明したものではありません。 元ネタの記事は「JavaScriptの中での進化」を論じているので、その文脈では正しい。 だけど、async/await がどこから来たのかを知ると、この構文がいかに多くの天才たちのバトンリレーの結果であるかがわかって、けっこう面白い。 というわけで、この記事ではJavaScriptの async/await がどこから来たのか、そのルーツを辿ってみたい。 JavaScriptの async/await の親はC# 多くの人が知っていることだと思うけど、JavaScriptの as
qiita.com/fsitlab
はじめに AWSのセキュリティインシデントの多くは、「このサービスがインターネットと繋がっているとは思っていなかった」 という認識の甘さから始まります。 SageMakerのトレーニングジョブが、知らないうちに外部サーバーにデータを送っていた CodeBuildがデフォルト設定のままで、悪意あるnpmパッケージをインターネットから取得していた DynamoDBにVPC Endpointを設定していたのに、別アカウントから普通にアクセスできた CloudWatch Dashboardの「共有リンク」を設定したまま忘れていて、メトリクスが外部公開されていた こうした事例に共通するのは、「インターネットとの接点を把握できていない」 という問題です。 このドキュメントでは、AWSのネットワーク関連サービスを①〜⑥の6カテゴリに分類し、「どのサービスがどの経路でインターネットと繋がりうるか」を体系的
qiita.com/noobow
この記事はAIで生成していますが、 その方が面白くわかりやすい文章になると判断したためです。 内容はすべて事実に基づいています。 今回の出来事自体、AIでトラブルシュートして解決しており 最後にその内容を記事にしてもらいました。 TL;DR すべてのアプリを .NET 10 へ移行完了 🎉 大き目のファイルを生成する新規アプリを開発した 不要になった .NET 9 を削除して容量を空けようと焦る ログインシェルが PowerShell(.NET 9 依存)だった SSH接続 → 即切断 「\(^o^)/オワタ」 GRUB → シングルユーザーモード → シェル修正 復旧 サーバは壊れる。復旧経路は作っておこう 事象 ある日いつものようにSSHしようとしたら: ping → 通る ポート → 開いてる SSH → 接続直後に切断 「ネットワークは生きてるのに入れない」という一番イヤなやつ。
qiita.com/yakumo_09
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、やくもです。 前回の記事では、CloudFront と S3 を使った静的ウェブサイトの配信環境を構築しました。 今回はその環境をベースに、Amazon Cognito を使ったシンプルな認証機能を追加してみます。 Amazon Cognito とは Amazon Cognito は AWS が提供するユーザー認証・認可サービスです。主に以下の機能を提供します。 ユーザープール(User Pool): ユーザーのサインアップ・サインインを管理 IDプール(Identity Pool): AWS リソースへのアクセス
qiita.com/hetare001
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は「プログラミングに興味があるけど自分には無理そう」と思っている人にも、 バイブコーディングを使い始めたエンジニアにも、読んでもらいたい内容です。 自己紹介のかわりに 私は45歳で、プログラミングを学校で習ったことは一度もありません。 30歳のとき「この繰り返し作業、自動化できたら楽なのに」という一心でExcel VBAを触り始め、 合っているかどうかも分からないまま、とにかく動くものを作り続けてきました。 15年経った今、作ってきたものを並べるとこんな感じです。 Excel VBA:プログレスバー(残り時間表示)、モールス信号
qiita.com/hatahatahata
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これは何 Software Design 2026年3月号の中の特集の一つである「再考・ログ設計 障害に強いアプリケーションのログ出力・管理の極意」に関する読書メモです 自分自身がちょうどログ分析基盤の構築に関わっていることもあり、改めてログ設計について学び直そうと思い読みました アプリケーションログをパブリッククラウドでどのように使うのかという観点に重きが置かれていますが、ログ設計全般に応用できる考え方もあるので非常に勉強になりました なお、本記事では個人的に気になった点や新しい学びがあった点をピックアップしています。割愛してる部分も
qiita.com/emi_ndk
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
qiita.com/nikkorin
きっかけ ReactやNext.jsの普及により、SPAのサイトも増えてきましたよね。 一般的なSPAでは、ページ遷移時にリンクのクリックをJavaScriptで検知し、DOMの再描画やHistory APIを用いたURLの書き換えなどを行うことが多いと思います。 また、処理に時間がかかる場合は、DOM上にスピナーやプログレスバーを表示するのが一般的だと考えていました。 しかし、Amaz○n Prime Videoでリンクをクリックしたところ、SPAであるにもかかわらず、プログレスバーだけでなくブラウザのタブも読み込み中の表示(ぐるぐる)になっていることに気づきました。 この挙動が気になって調べてみたところ、「Navigation API」によって実現できることが分かりました。 Navigation APIとは? MDNによると、Navigation APIは、ナビゲーションアクション(ペ
qiita.com/Figure_Skate_IT
qiita.com/MoriP-K
qiita.com/nogataka
はじめに 2026年に入って「SaaSは死んだ」という言説を目にする機会が増えました。AIエージェントが業務を代替するようになれば、従来のSaaS製品は不要になる──そういう論調です。 しかし、実際にAIエージェントを開発・運用しているエンジニアの立場で見ると、話はそう単純ではありません。 SaaSは消滅しません。ただし、「人間がUIを操作する前提のSaaS設計」は終わりつつあります。 この記事では、煽りや市場予測ではなく、AIエージェントを組み込む側のエンジニアが直面している技術的な課題と、SaaS側に求められる設計変更を整理します。 この記事の対象読者 AIエージェントの開発・運用に携わっているエンジニア SaaSのAPI設計やアーキテクチャに関わるエンジニア エージェント統合を前提としたシステム設計に興味がある方 この記事で得られること エージェント時代にSaaS設計の何が変わるのか
### 提案コンセプト AWSのサーバーレス構成&マネージドサービスで、 NoOpsでコスト・可用性・性能・セキュリティのバランスをとる。 - 認証: Cognito - CloudFront --> ALB(Cognito JWT verify) --> ECS on Fargate --> Aurora Serverless v2 - ダッシュボード: S3 --> Athena --> QuickSight - CI/CD: codecommit --> CodeBuild --> ECR image - codepipeline(必要に応じ手動承認) --> CodeDeploy ECS Blue/Green(TestTrafficあり) - バイナリデータはS3 pre-signed URLを利用して、クライアントから直接読み書きすることで、通信・処理負荷をオフロード - Far
はじめに AWS 認定の資格保持者は年々増加傾向にあり、なんと全冠保持者は1600名以上もいらっしゃるようです。 日々忙しい中で資格勉強に取り組むというのは、極めて高い向上心がないと不可能だと思います。そういった意味では、資格を取得すること自体は素晴らしいことでしょう。 でも、取った資格を実務でちゃんと活かせていますか? ちゃんと実務で活かすことができる実力を、資格勉強の中で養えていますか? Web問題集を理解もせず丸暗記して、合格後は覚えたことを綺麗さっぱり忘れる そもそも質の高いインプットが出来ていないのに、試験最適化された膨大なアウトプットでゴリ押しする(問題集を解きまくる) このようにタイパや効率を重視するあまり、実務で役に立たない資格の取り方をしていませんか? AWS 認定の"受かり方" 本来エンジニアにとって、本当に必要なものは資格ではなく、技術力のはずです。 現場で障害が発生
結論 VSCodeでGithub Copilotを賢くするには以下を設定しておきましょう。 チャットの指示を作成しよう カスタムエージェントを作成しよう サブエージェントを活用しよう 自分も一度、デフォルト設定でバイブコーディングをしてみて「こんなもんか」と失望したものですが、これらの設定をしておくと実践で使えるレベルになりました。 チャットの指示を作成しよう 役割 フォルダや拡張子単位でCopilotに以下のような前提を加える事ができます。 リポジトリの全体像を前提や役割 リポジトリに含まれない外部接続の仕様 フォルダや拡張子のコーディング規約 ユースケース 作り方 VSCodeでGithub Copilotのチャットを開くと、右上の⚙️マークから「チャットの指示」で作成を開始します。 新しいファイルを作成するか、エージェントの指示を生成するか確認されるので、「新しい命令ファイル」を選び
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事の概要 執筆:段(Imperial College London・Nospare)、酒井(筑波大学・Nospare)、小林(明治大学・Nospare) この記事は製造業界に従事するもしくはこれから従事するデータサイエンティストのために製造業で用いられる統計・機械学習技術と具体的な応用事例の紹介をします。特に製造業の研究開発に必要な時間と費用を削減するための技術に焦点を当てます。具体的には: サロゲートモデリング(Surrogate Modelling)、 ベイズ最適実験計画法(Bayesian Optimal Experimen
2025年12月、Anthropicが「Agent Skills」というオープン標準を公開しました。SKILL.mdというMarkdownファイルにエージェントへの指示を書けば、対応するどのツールでもそのスキルが動く、という仕組みです。 注目すべきは、その採用速度です。公開からわずか2か月で、Claude Code、GitHub Copilot、OpenAI Codex CLI、Google Gemini CLI、Cursorという主要5ツールがすべて対応を表明しました。さらにagentskills.ioの採用ツール一覧を見ると、Roo Code、Amp、TRAE、Mistral Vibe、Databricksなど、27を超えるツール・プラットフォームがロゴを並べています。 この記事では、Agent Skillsとは何か、なぜこれだけ急速に広まったのかを整理した上で、主要5ツールの実装の違
【Gemini 3 Pro】Antigravityを「ただのエディタ」として使うのはやめろ。n8nと連携して「寝ている間にバグを勝手に直す」自律修復パイプラインdevopsGeminin8nAI駆動開発Antigravity はじめに:プロにとって「Vibe Coding」は恐怖でしかない 2025年11月のリリース以来、Antigravity(アンチグラビティ)界隈では「Vibe Coding(バイブコーディング)」という言葉が流行しています。 「コードが読めなくても、AIとノリで対話していればアプリができる」 これは素晴らしい民主化ですが、我々プロのエンジニア、特に経営も担う人間からすると、 「保守不可能なスパゲッティコードが量産される未来」 への恐怖しかありません。 私は現在、自社の開発フローにおいて、Antigravityを「コードを書かせるツール」としてではなく、「自律的にバグを
qiita.com/GeneLab_999
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事の対象読者 ローカルLLMに興味があるが、Ollamaで動かないモデルに遭遇して途方に暮れている方 NVIDIA Nemotron-Nano-9B-v2-Japanese を自分のPCで動かしてみたい方 llama.cpp や Open WebUI を使ったローカルAI環境を構築したい方 HuggingFace の safetensors モデルを GGUF に変換する手順を知りたい方 この記事で得られること Nemotron-Nano-9B-v2-Japaneseの全体像: Mamba-2 + Transformer ハイブリ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2026年1月23日、AWS SAP(SAP-C02)に合格しました。 当初はUdemyなどで模擬試験をひたすら解いていましたが、SAPは試験範囲が広いためか、似たような問題で間違えてしまったり、解説が頭に入らなかったりしました。 そこで勉強法を切り替え、試験ガイドをベースに「迷いやすいポイント」を体系的に整理し直したところ、Udemyの問題の解説もスッと入るようになり、理解も進みました。 この記事は、その時に作成した「試験直前に絶対に見直したいポイント」と、実際の試験で自分で迷ったポイントをまとめたものです。 これから受験さ
qiita.com/ktdatascience
はじめに データ基盤の選定で必ず名前が挙がる Databricks と Snowflake。機能比較の記事は多く存在しますが、「なぜその機能があるのか」「なぜそのアーキテクチャなのか」という 思想レベルの違い を理解している方は意外と少ないのではないでしょうか。 本記事では、両社の設計思想の違いにフォーカスし、それぞれが「データの世界をどう変えたいのか」を読み解いていきます。 1. 生まれの違い ― 出発点が決定づけた思想 両社の思想を理解するには、まず「誰が、どんな課題を解決するために作ったのか」を知ることが重要です。 Snowflake ― 「DWHの再発明」から始まった Snowflakeは2012年、元OracleのエンジニアであるBenoit Dageville氏とThierry Cruanes氏が創業しました。彼らは大企業のDWH統合案件を支援する中で、オンプレミスDWHの高額
qiita.com/official-columns
Qiitaニュース | NoteBookLMを使ったら勉強がめちゃくちゃ捗った話 2026/02/18に配信された Qiitaニュースのバックナンバーです。 Dear great hackers, こんにちは!いつもQiitaをご利用いただきありがとうございます。 先週いいねが多かった投稿ベスト20(計測期間:2026/02/09 〜 2026/02/16)
はじめに AIにUIデザインや要件定義を頼むとき、「機能」ばかり指示していませんか? 実は、誰が使うか(ペルソナ)を1行足すだけで、出力されるデザインの解像度が劇的に変わります。 同じ「タスク管理アプリ」という指示で、ペルソナの有無によってどれだけ差が出るか実験しました。 検証: 3つのアウトプット比較 1. ペルソナなし ▼ 実際に入力したプロンプト タスク管理アプリを作ってください 結果:ザ・無難 誰でも使えるが、誰の心にも刺さらない「田中太郎」仕様 よくあるBootstrap的な青基調のデザイン 機能は揃っているが、面白みや特徴はない 2. ペルソナあり:アオイ ▼ 実際に入力したプロンプト 以下のペルソナに向けた「タスク管理アプリ」を作ってください 名前: アオイ(24歳・女性・カフェ店員/イラストレーター志望) 性格: 感覚派。細かい文字や複雑な設定を見ると、やる気がなくなる。
qiita.com/handson-lab
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 残業60時間でも年間200時間の学習を確保する技術【エンジニアの時間戦略】 はじめに 「勉強したいけど、時間がない...」 残業が続くと、つい口にしてしまうこの言葉。私も以前は同じでした。月60〜80時間の残業に追われ、帰宅すれば疲れ果てて寝るだけの日々。「時間がない」を言い訳に、1年間ほとんど成長しない自分に焦りを感じていました。 はじめまして、ハンズオンラボ運営メンバーのわたると申します。インフラエンジニア歴10年、監視オペレーターから始まり、運用・保守、そして設計・構築まで経験してきました。 この記事では、激務の中でも年間200時
はじめに 最近、Claude Codeを使い始めました。 社内の強強エンジニアがtmuxで画面をバキバキに割って開発している姿に憧れ、「よっしゃ、自分もAIエージェントを並列で回して爆速開発だ!」と意気込んでみたんです。 でも、やり進めるうちに「なんかこれ、逆に効率悪くない……?」と気づき始めました。 結論から言うと、僕は「並列」と「分断」を履き違えていたんです。 めちゃくちゃ恥ずかしい失敗談ですが、tmuxの「本当の良さ」とSubagentsの使い分けが見えてきたので共有します。 恥ずかしい失敗:4ペイン同時に「Enter」を迫られる地獄 僕がやったのは、tmuxでターミナルを4分割し、それぞれのペインで別々の機能をClaude Codeに実装させるというスタイルでした。 見た目は最強にカッコいい。でも現実はこうでした。 4つのペインから一斉に「実行していい?」と聞かれる。 聖徳太子じゃ
qiita.com/HK_Reisfeld
はじめに ソフトウェア開発では、あるクラスやサービスが別の機能に依存することは避けられません。 たとえば「支払いサービス」が「決済ゲートウェイ」に依存するようなケースです。 ここでありがちな書き方が、依存するオブジェクトをクラスの中で直接 new してしまう方法です。 class PaymentService: def __init__(self): # 依存を自分で作ってしまっている self.gateway = PaymentGateway() def process(self, amount: int): return self.gateway.charge(amount) 一見するとシンプルでわかりやすいように見えますが、この実装にはいくつかの問題があります。 テストが難しい:PaymentGateway をモックに差し替えられない 再利用性が低い:別のゲートウェイ(例:Strip
次のページ
このページを最初にブックマークしてみませんか?
『Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く