タグ

関連タグで絞り込む (458)

タグの絞り込みを解除

programmingに関するyuki_2021のブックマーク (1,633)

  • とにかくToken圧縮をしたかった in CLAUDE.md | DevelopersIO

    ClaudeCodeを従量課金でお試しだったはずがとんでもない額になっていた、ということはよくあることかもしれません。プラン変更が重要ですが、Tokenの地道な節約もまた重要です。 とある日、筆者は社内でのClaudeCode利用費にて頭を抱える事態となっていました。 コスト監視を怠っていた典型的な事例です。昔、ダイヤルアップ接続の従量課金で青ざめた経験を思い出しました。 既にMaxプランへの契約手続きは完了しており問題解消の見込みはありますが、それだけでは恐らく対応できない事象にも既に遭遇していました。 Error: File content (50836 tokens) exceeds maximum allowed tokens (25000). Please use offset and limit parameters to read specific portions of t

    とにかくToken圧縮をしたかった in CLAUDE.md | DevelopersIO
  • Claude Code の使用量を確認したい!

    はじめに 現在 Claude Code は検証用として個人で Pro プランを契約して使っています。 7月から新しいチームに join してというのもあり既存のコードの分析に大活躍しています。 でも Pro プランだと結構簡単に limit にかかってしまって以下のようなメッセージが出てしまいます・・・。 まぁ Pro プランなんで制限にかかるのはしょうがないですがあとどれくらい使えるのか現在の使用量を確認したくなりました。 で、 perplexity で調べたところ ccusage と Claude Code Usage Monitor というツールが出てきたので今回はこの2つのツールを試してみようと思います。 ccusageコマンドラインツール(CLI) ccusageは、~/.claude/projects/以下のログファイルから、現在または日別・月別・セッション別などのトークン使用

    Claude Code の使用量を確認したい!
  • Claude Pro($20)プランでゼロから始めるClaude Code

    はじめに ClaudeのProプラン(月額$20)からClaude Codeが利用できるようになったと聞きまして、早速試してみます。(後数日来なかったらMaxプラン契約してたかもしれない・・・) ちなみに、Claude Code初心者なので、下記の資料を参考にして進めました。例によっていつもありがとうございます。 備忘録的につらつら書いていこうと思います。 まだ使ったことない人が、なんとなく使えるくらいには書く予定です。 なお、Proプランでは「Claude Sonnet 4」モデルしか利用できないそうです。 今回の記事も「Claude Sonnet 4」の利用が前提となります。 今回の記事では、実際に環境をセットアップし、簡単にテトリスゲームを作成し、Playwright MCPを使った自動テストまで一通り実施してみました。 その後、レート制限が来るまでひたすら利用して、Proプラン利用

    Claude Pro($20)プランでゼロから始めるClaude Code
  • Claude Code がPROプランでもAPI料金溶かさなくても使えるようになった|ほうじょう

    今までMAXプランじゃないと定額で Claude Code が使えなかったのが、PROプランもOK になった。 $ claude > /logout念の為、一旦ログアウトしてから再起動した。 $ claude設定を最初からやる形になったが、サブスクかAPI か選択する画面が出た。 確かにちゃんと for Pro と書いているので、 Claude account with subscription を選択すると、 ブラウザで承認画面が出る。 使ってみてどうだった?まず、コンソールから現在のAPI の課金額を確認する。 ドキドキしながらプロジェクトをいじってみる。 ズラズラーと使ってみた。 いつもなら $1 はいったなと思いながら。 (爪の先で灯を灯すような…..) よし! びた一文API は使われてない確認! しかも、Sonnet 4 が使える。 とはいえPROプランはいきなりリミット来て、

    Claude Code がPROプランでもAPI料金溶かさなくても使えるようになった|ほうじょう
  • Claude Codeを10倍賢くする無料ツール「Serena」の威力とトークン効率化術

    はじめに:AIコーディングの新たな可能性 Claude Codeを使ってコーディングをしていると、こんな悩みを抱えたことはありませんか? プロジェクトの全体像を理解してもらうのに毎回長い説明が必要 トークン消費量が気になって、詳細な指示を躊躇してしまう 同じような説明を何度も繰り返している コンテキストが切れて、以前の作業内容を忘れられてしまう これらの問題を一挙に解決してくれるのが、今回紹介する「Serena MCP」です。このオープンソースツールを使うことで、Claude Codeの理解力と効率性が劇的に向上し、まさに「10倍賢く」なったような体験を得られます。 Serena とは Serenaは、Claude CodeなどLLMのためのコーディングエージェントツールキットで、MCP(Model Context Protocol)という規格に則り、AIと連携するツールの1つです。 一言

    Claude Codeを10倍賢くする無料ツール「Serena」の威力とトークン効率化術
  • 苦しんで向き合うLLM時代の開発

    LLMの急速な発展で開発現場は混乱と可能性が同居する変革期を迎えています。個人開発では楽しく使えるコーディングエージェントも、プロダクション環境への導入となると品質管理やチーム運用など様々な課題が浮上します。 セッションでは、LLMの基から実践的な活用原則、Claude Codeでの実体験を交え、個…

    苦しんで向き合うLLM時代の開発
  • AIコーディングの常識が変わる!Claudeを"覚醒"させる知性、「Serena」徹底解説|Kyutaro

    AIを使ってコーディングをしていると、こんな風に感じたことはありませんか? 「大きなファイルを読み込ませるたびに、大量のトークンが消費されてしまう…💸」 「1つのバグを直してもらったら、別の3つのバグが生まれてしまった…😭」 「AIがコードの全体像を理解してくれなくて、何度も同じ説明を繰り返している…🌀」 これらの悩みは、AIがコードを「テキストの羅列」としてしか見られていないことに起因します。しかし、もしAIが人間のようにコードの「意味」や「構造」を理解してくれたら…? 今回は、そんな夢のような未来を実現するツール「Serena」について、その魅力と使い方を、AI技術に触れたことのある皆さまに向けて、じっくりと解説していきます! そもそも「Serena」って何者? なぜ必要なの?Serenaは、一言でいうと「AI(特にClaude)に、あなたのプロジェクトコードを深く理解させるため

    AIコーディングの常識が変わる!Claudeを"覚醒"させる知性、「Serena」徹底解説|Kyutaro
  • Vibe Codingとかいうチートスキルで、5年ぶりにEMからICに転生した件

    はじめに こんにちは。ぷーじ(@yug1224)です。 最近、Dress Code株式会社に転職し、5年ぶりにEM(Engineering Manager)からIC(Individual Contributor)、つまり1人のプロダクトエンジニアに戻ったので、その決断の背景と現在の状況を共有します! ちなみに転職活動の話はこちらのPodcastでもしているので、良かったら聞いてみてください! なぜEMからICへ戻ろうと思ったのか? これまで経験してきた会社は規模の大きい会社も多く、もともといつかはアーリーのスタートアップに挑戦したいと思っていました。しかし、実際に自分で手を動かす開発の現場からはしばらく遠ざかっていたため、その夢は諦めかけていました。 そんな中、AIの登場とVibe Codingの流行があり、AIの伴走があればブランクがある自分でもまたICに戻れるのではと考えたのがきっかけ

    Vibe Codingとかいうチートスキルで、5年ぶりにEMからICに転生した件
  • AIのお陰で最近辛かった個人開発がまた楽しくなった

    AIのお陰で最近辛かった個人開発がまた楽しくなったこんにちは、TAKUYAです。日語ではお久しぶりです。僕はInkdropというプレーンテキストのMarkdownノートアプリを、デスクトップとモバイル向けにマルチプラットフォームで提供するSaaSとして、かれこれ9年にわたり開発運営しています。 最近、その開発にClaude Codeを導入しました。エージェンティックコーディングを可能にするCLIのAIツールです。 最初の試行は失敗に終わったものの、徐々に自分のワークフローに馴染ませることができました。そして先日、アプリ開発がまた「楽しい」と感じられるようになったのです。これは予想外でした。 稿では、自分がエージェンティック・コーディングをワークフローに取り入れた方法と、それが個人開発への視点をどう変えたかを共有します。 翻訳元記事(英語): Agentic coding made pr

    AIのお陰で最近辛かった個人開発がまた楽しくなった
  • Claude Code の settings.json は設定した方がいい - じゃあ、おうちで学べる

    はじめに Claude Code 使ってますか?ターミナルから Claude に直接コーディングタスクを投げられる便利なツールなんですが、デフォルト設定のまま使うのはちょっともったいない。というかいちいちいろんなことを聞いてきてめちゃくちゃダルい。 syu-m-5151.hatenablog.com settings.json をちゃんと設定すると、セキュリティも保ちつつ、もっと快適に使えるようになります。全体的に疲れている時の~/.claude/settings.json と~/.claude/CLAUDE.md · GitHub 私のデフォルトの設定も公開してますのでよかったら参考にしてください。 ここで読むのをやめる人のために言っておくと Claude Codeの設定は優先順位があるので覚えておくと良い です。あと、比較的に今は黎明期なので非推奨や追加機能が多いのでその点も注意が必要

    Claude Code の settings.json は設定した方がいい - じゃあ、おうちで学べる
  • Claude Code 概要 - Anthropic

    Anthropicが開発したエージェント型コーディングツールであるClaude Codeについて学びましょう。現在はベータ版として研究プレビュー中です。 Claude Codeは、ターミナル上で動作し、コードベースを理解し、自然言語コマンドを通じてより速くコーディングできるようサポートするエージェント型コーディングツールです。開発環境に直接統合することで、追加のサーバーや複雑なセットアップを必要とせずにワークフローを効率化します。

    Claude Code 概要 - Anthropic
  • Claude Codeを試してみました

    Claude Codeセットアップ 周りの人3人にオススメされたのでClaude Codeを試してみました(自分ルール)。macOS前提です。WindowsでもWSL2で同様に設定できるとは思いますが未確認です。 今から試す方は、公式のドキュメントをみながらすすめるのが良いかなと思います。 ただし、前提としてnpmは使える必要があります。以下記事参照してください。 あと、Claudeに課金しないと駄目かと思ってましたが、APIを利用していれば普通に使えました(詳しい条件はよく分かってないです)。 インストールはnpmが入っていたら、以下コマンドで一発です。 あとはclaudeと実行すれば、起動します。 /initとコマンドを打つと、リポジトリの内容を確認してCLAUDE.mdというファイルを作成します。 CLIじゃなくてIDEで使いたいなーって思ったら、VS Codeエディタのターミナルで

    Claude Codeを試してみました
  • Claude Codeに入門する+Claude Desktop&VSCodeと連携する - くらげになりたい。

    Claude CodeがProでも利用できるようになったので、 そろそろ入門しようかなと思い、いろいろ調べたときの備忘録(*´ω`*) やったこと Claude Desktopのインストール Claude Codeのインストール Claude Code 概要 - Anthropic npm install -g @anthropic-ai/claude-code IDE(VSCode)連携 Claude Desktop連携(MCPサーバの設定) インストール Claude Codeを使い始める - Anthropic // インストール $ npm install -g @anthropic-ai/claude-code // 作業ディレクトリの作成&移動 $ mkdir claude_code_sandbox $ cd mkdir claude_code_sandbox // 起動 $

    Claude Codeに入門する+Claude Desktop&VSCodeと連携する - くらげになりたい。
  • AI 時代にプログラマが持ってたら良いだろうたった一つの考え方|牛尾 剛

    私は、アメリカのシアトルでソフトウェアエンジニアをやっていますが、AIに起因するソフトウェアエンジニアの大量レイオフがあったり、Visual Studio Code Agent などの エージェントがコードをゴリゴリに書いていく様を観て、とても不安に感じている人も多いのではないだろうか? 自分もそうなのだが、社内で行われたMLのカンファレンスで決定的な意見を聴いて、自分もそうやなぁと深く思ったのでシェアしたいと思います。 デベロッパと思う事それはすごく簡単で、自分を「プログラマ」ではなく「デベロッパと思う事」です。AI の変化は破壊的ですが、よく考えると程度の差こそあれ過去に起こっていた、コンパイルのためにコード書かなくても良くなったとか、アセンブラ書かなくてよくなったとかの変化と同じことが起こっているに過ぎません。 自分の事を「プログラマ」と思っていると不安に思うかもしれませんが、そもそ

    AI 時代にプログラマが持ってたら良いだろうたった一つの考え方|牛尾 剛
  • GitHub Copilot Chat を使う時のTips(Instruction files, Prompt files )

    はじめに GitHub Copilot は、Visual Studio Code (以下、VS Code) で提供される AI を活用したプログラミングツールで、VS Code上で拡張機能としてインストールすることで使用できます。 主な機能として、コードを編集中のファイルに対して続きのコードを提案してくれる Completions や、 自然言語でプログラミングをサポートする Chat があります。 今回は、GitHub Copilot の Chat を使う上で知っていると便利な知識を紹介します。 GitHub Copilot Chat のモードを使い分ける GitHub Copilot Chat にはいくつかのモードがあり、用途に応じて適切な mode を選択することで効率的に作業を進めることができます。 モード名 説明 使い道

    GitHub Copilot Chat を使う時のTips(Instruction files, Prompt files )
  • 「Cursor」で「難解コード」のリーディングがめちゃ楽になった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Cursor擦り倒すシリーズ Cursorで要件定義がエラいスムーズになった話 (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 「Cursor」×「A5:SQL Mk-2」でテーブル定義書をリッチにする 「Cursor」×「Obsidian」内部リンク生成&最適化プロンプト 「Cursor」で「難解コード」のリーディングがめちゃ楽になった話 ←稿こちら 「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした 「Cursor」で「素の議事録」を「要件定義書」に高速でまとめなおした

    「Cursor」で「難解コード」のリーディングがめちゃ楽になった話 - Qiita
  • Google、自律型コーディングエージェント「Jules」をベータ公開

    Googleは、同社が開発中の自律型のコーディングエージェント「Jules」ベータ版を公開しました。ウェイティングリストに登録したユーザーに対して順次公開が始まっています。 Julesは昨年(2024年)12月にGemini 2.0が公開されたタイミングで発表されていました。 参考:自律的にプログラミングをするAIエージェント「Jules」、Googleが発表。人間がタスクを与えると実装計画を作成、コードの生成や変更、バグフィクスなどを実行 Googleは日時間の今夜(5月20日)、年次イベントのGoogle I/Oを開催します。Julesについてもそこで発表があると見られます。 Julesがベータ公開されたことで、Devinに代表される自律型のコーディングエージェント分野においてマイクロソフトのGitHub Copilot Coding Agent、AWSAmazon Q Devel

    Google、自律型コーディングエージェント「Jules」をベータ公開
  • ローカルで Ollama 動かして VS Code の GitHub Copilot でつかう

    タイトルを読んで字の如し、Ollama というLLMを動かせるツールをつかってローカルでLLMを動かして、VS Code の GitHub Copilot 拡張機能のチャットやコード補完をやってもらおうというハナシ。 2025年5月から GitHub Copilot が有料版でもある程度の上限が設けられるみたいなので、いざというときの逃げ道のため (という口実で技術的興味を満たすため) にやってみる。 参考: Premium リクエストについて LLMのこととか全然詳しくないので素人のお遊び程度にどうぞ。 環境OS: Windows 11 HomeCPU: Ryzen 7 3800XRAM: 56GBGPU: RTX 3060 12GBOllama のインストールOllama公式サイトからインストーラーを落としてインストールするだけ。 Ollama はGUIソフトではない (たぶん) なの

  • GitHub Copilot を完全に使いこなす会

    はじめに この記事は GitHub Copilot の Tips を詰め込んだ記事になります。 GitHub Copilot を普段使っているが、コード補完しか使ってない方や、これから使おうと思っている方に向けて Tips をまとめて紹介する記事になります。 是非日々の開発ライフにお役立てください 🚀 GitHub Copilot とは? GitHub Copilot は、開発者がコードをより速く、少ない労力で記述できるように支援する AI コーディング アシスタントです。 コンテキストに応じた支援を提供し、開発者が入力中にコードの提案を行います。 これは、行の補完の場合もあれば、まったく新しいコードのブロックの場合もあります。 これにより、開発者は問題解決、共同作業、イノベーションに集中できます。主要なエディターと統合され、GitHub にネイティブに組み込まれているこのツールは、最も

    GitHub Copilot を完全に使いこなす会
  • 読みやすいコードを書く

    読みやすいコードとは何か 読みやすいコードとは、脳に負荷がかからないコードである。脳に負荷がかからないコードとは、人間の脳の特性に配慮して書かれたコードである。したがって読みやすいコードを書くには、まず人間の脳の特性を把握する必要がある。読みやすいコードの特徴は、この人間の脳の特性から論理的に導かれる。 また、「コードを読む」とは過去から未来への情報伝達、または自分から他者への情報伝達であり、情報理論における以下の2つの数学的原理にも支配される。 頻出する情報には共通の符号を割り当てることで情報を圧縮することができる。 失われた情報を復元することはできない。 この記事に書かれた内容はプログラムに止まらず、ドキュメント、記事の執筆など、プレインテキストによって情報を伝達する際には一般に適用可能である。 もしもこの記事を読むのが面倒であれば、以下の5つだけを覚えておけばよい。 ひとつの処理の単

    読みやすいコードを書く