はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    ChatGPT

『zenn.dev』

  • 人気
  • 新着
  • すべて
  • 【Claude Code】Skills機能で『AIっぽい』UIから脱却する方法!Anthropic公式もおすすめ

    4 users

    zenn.dev/tmasuyama1114

    【Claude Code】Skills機能で『AIっぽい』UIから脱却する方法!Anthropic公式もおすすめ こんにちは、とまだです。 Claude CodeでUIを生成してもらうと、どれも似たような見た目になってしまう。そんな経験はありませんか? こういうの👇 私も最初は、どのプロジェクトも似たような紫のグラデーションになってしまい、困った経験があります。しかし、これには技術的な理由があるんです。そして、解決方法もちゃんと用意されています。 この記事では、Anthropicの公式ブログで公開された解決手法を、Claude Code初心者向けに噛み砕いて解説します。 AI生成UIの「没個性化」問題と、その解決策となるSkills機能について、日常的な例えを交えながら段階的に見ていきましょう。 忙しい人のために要約 AIが生成するUIは「Inter、紫のグラデーション、白背景」などの安

    • テクノロジー
    • 2025/11/17 14:33
    • Anthropic公式のMCPサーバー設計術!98.7%のトークン削減を実現

      249 users

      zenn.dev/tmasuyama1114

      こんにちは、とまだです。 「MCPサーバーを作ってみたけど、ツールが増えるとトークン消費が増え続ける...」と悩んでいませんか? Anthropicが公式エンジニアリングブログで、トークン消費を98.7%削減する「コード実行パターン」を公開しました。 この記事では、その内容を初心者にも分かりやすく噛み砕いて解説します。 なお、この記事は、Anthropicの公式エンジニアリングブログを初心者向けに噛み砕いたものです。 より詳しい技術的背景は、原文も合わせてご参照ください。 (追記:MCPサーバ利用者側というよりは、MCPサーバ開発者に向けた内容です。) 著者について とまだ Claude Code・Cursor・Codex などAI駆動開発の実践者 本業はフリーランスエンジニア、ならびに法人向けAI駆動開発の導入コンサルタント AI駆動開発を学ぶ方が集まる Vibe Coding Stud

      • テクノロジー
      • 2025/11/07 19:57
      • MCP
      • あとで読む
      • AI
      • LLM
      • 設計
      • Anthropic
      • Claude
      • ツール
      • 開発
      • AI駆動開発実践者によるリアルな機能開発プロセスを丁寧に解説してみた

        3 users

        zenn.dev/tmasuyama1114

        こんにちは、とまだです。 Claude Code で機能開発をする際、「どこから手をつければいいか分からない」「途中で仕様がブレて手戻りが発生する」といった悩みはありませんか? 私が運営するコミュニティサイトに新機能を追加する際、要件定義から実装、レビューまでを一貫したフローで進める方法を実践してみました。 今回は、cc-sdd(仕様駆動開発ツール)とMCPを組み合わせた開発プロセスを、実際の試行錯誤も含めてお伝えします! 「使い方を伝える」よりも今回は「どうやって実践したか」を伝えることを目指しています!! ちなみに私は本業ではフリーランスエンジニア、ならびにAI駆動開発の導入支援を行っています。 また、Udemy で AI 駆動開発講座を複数開講しており、いくつかベストセラーもいただいています。 その経験を活かして、初心者の方でもわかりやすいよう、丁寧に解説しています! また、実際の様

        • テクノロジー
        • 2025/11/06 23:06
        • 世界一わかりやすくGit worktreeを解説!AI駆動開発でも活用できる並列開発の方法

          143 users

          zenn.dev/tmasuyama1114

          こんにちは、とまだです。 「このブランチで作業中なのに、急に別のブランチを確認しないといけなくなった...」 「でも今の作業は中途半端だし、コミットやスタッシュで退避するのもなぁ...」 こんな経験はありませんか? Gitでの開発では、複数のタスクを並行して進める場面がよくあります。 そんなとき便利なのが Git worktree という機能です。 今回は、Gitの基礎を押さえながら、worktreeの使い方を初心者の方にもわかりやすく解説します。 また、Anthropic社もGit worktreeの活用を推奨しており、AI駆動開発でも活用できますのでぜひ覚えていってください! 著者について とまだ Claude Code・Cursor・Codex などAI駆動開発の実践者 本業はフリーランスエンジニア、ならびに法人向けAI駆動開発の導入コンサルタント AI駆動開発を学ぶ方が集まる Vi

          • テクノロジー
          • 2025/11/05 20:08
          • git
          • あとで読む
          • development
          • 人工知能
          • techfeed
          • GitHub
          • AI
          • 開発
          • Gitコミットの頻度はどれくらい?AIに任せる場合はどうするべきか

            3 users

            zenn.dev/tmasuyama1114

            こんにちは、とまだです。 Claude CodeやCodexを使ってAI駆動開発を始めてみたものの、「Git コミットのタイミングがわからない」と感じていませんか? AIが数十行、ときには数百行のコードを一気に生成してくれるのは便利です。 ですが、通常の開発とは違い、いつコミットすればいいのか迷いますよね。 AIが作業するたびにコミットすべきか、それとも機能が完成してから?と悩むポイントです。 この記事では、AI駆動開発におけるGitコミットの基本的な考え方から、実践的なタイミング、agents.mdへの記述例まで、初心者にもわかりやすく解説します。 ちなみに私は本業ではフリーランスエンジニア、ならびにAI駆動開発の導入支援を行っており、Udemy で AI 駆動開発講座を複数開講しており、いくつかベストセラーもいただいています。 その経験を活かして、初心者の方でもわかりやすいよう、丁寧に

            • テクノロジー
            • 2025/10/23 13:15
            • article
            • Anthropicが公開しているClaude Codeのベストプラクティスを初心者向けに解説

              300 users

              zenn.dev/tmasuyama1114

              こんにちは、とまだです。 「AIツールを使ってコーディングを効率化したい!」 そう思ってClaude Codeを始めてみたものの、思うような結果が出なくて悩んでいませんか? 今回は、Anthropic社が公開しているClaude Codeのベストプラクティスから抜粋し、初心者にもわかりやすく解説します! これを読めば、Claude Codeをもっと効果的に使いこなせるようになるはずです。 ちなみに私は本業ではフリーランスエンジニア、ならびにAI駆動開発の導入支援を行っています。 また、Udemy で AI 駆動開発講座を複数開講しており、いくつかベストセラーもいただいています。 その経験を活かして、初心者の方でもわかりやすいよう、丁寧に解説しています! 忙しい人のために要約 CLAUDE.mdファイルで開発ルールを共有 適切なツールの権限設定で安全性と効率性を両立 テスト駆動開発やビジュア

              • テクノロジー
              • 2025/10/13 18:17
              • Claude
              • あとで読む
              • AI
              • 開発
              • ツール
              • コーディング
              • プロジェクト
              • code
              • コマンド
              • プログラミング
              • 【コピペOK】技術的負債を作らないためのルールを設定しよう(Claude Code, Codex, Cursor対応)

                294 users

                zenn.dev/tmasuyama1114

                こんにちは、とまだです。 AIエージェントを使い始めたけど、「動くコードは作ってくれるけど、品質が心配...」と感じたことはありませんか? 私も最初はそうでした。 Claude CodeやCursor、Codexを使っていると、確かに素早くコードを生成してくれます。 ですが、そのコードが本当に「良いコード」なのか不安になりますよね。 Zenn でこちらの記事が注目を集めているように、多くの方がコードの品質を気にしているようです。 そこで、AI駆動開発でより良いコードを書くための「共通ルールファイル」をご紹介します! ここでいう「ルールファイル」とは、AIにもっと品質の高いコードを書いてもらうための指示を書いたファイルです。 Claude Code などでは「メモリファイル」とも呼ばれていますが、パッと見でわかりやすいよう「ルールファイル」と呼ぶことにします。 そして、これらはプロジェクトご

                • テクノロジー
                • 2025/10/10 08:12
                • Claude
                • あとで読む
                • AI
                • cursor
                • 開発
                • プログラミング
                • 設定
                • code
                • 人工知能
                • ChatGPT
                • Claude Code とは?|Claude Code入門 - AI駆動開発の基礎を1日で身につけよう

                  6 users

                  zenn.dev/tmasuyama1114

                  • テクノロジー
                  • 2025/10/08 14:32
                  • AI
                  • IT
                  • Claude Code入門 - AI駆動開発の基礎を1日で身につけよう

                    478 users

                    zenn.dev/tmasuyama1114

                    こんにちは、とまだです。 「Claude Codeって何?」「AIで本当にコードが書けるの?」と思ったことはありませんか? この本では Claued Code を使ったAI駆動開発の基本を 1日で身につけることができます。 【こんな方におすすめ】 ・AI開発ツールに興味はあるけど、どこから始めていいかわからない ・Claude Codeをインストールしたけど、使い方がよくわからない ・開発作業を効率化して、もっと創造的な仕事に時間を使いたい ・AIアシスタントと協働する次世代の開発スタイルを体験したい 【本書で身につくスキル】 ■ Claude Codeの基礎理解 - ターミナルで動く自律的なAIアシスタントの仕組み - 従来の開発ツールとの違い - Claude Codeが得意なこと・不得意なこと ■ 確実なセットアップ - Node.jsのインストールから認証まで - つまずきやすいポ

                    • テクノロジー
                    • 2025/10/08 06:10
                    • AI
                    • あとで読む
                    • Claude
                    • 開発
                    • claude code
                    • 入門
                    • コマンド
                    • プログラミング
                    • メモリ
                    • code
                    • Claude Codeカスタムコマンド完全ガイド:基礎から実践まで、開発効率を劇的に向上させる自動化テクニック

                      137 users

                      zenn.dev/tmasuyama1114

                      Claude Codeカスタムコマンド完全ガイド:基礎から実践まで、開発効率を劇的に向上させる自動化テクニック こんにちは、とまだです。 Claude Codeで同じような指示を何度も書いていて、「これ、もっと効率化できないかな」と思ったことはありませんか? 実は、Claude Codeには「カスタムコマンド」という強力な機能があります。 よく使う指示を短いコマンドとして登録でき、開発フローを大幅に効率化できるんです。 今回は、カスタムコマンドの基本的な仕組みから、品質チェックの自動化、GitHub連携による開発フロー改善まで、実践的な活用方法を体系的に解説します。 忙しい人のために要約 .claude/commands/にマークダウンファイルを置くだけで、独自コマンドが作れる 品質チェックコマンドで、レビュー指摘を事前に発見・修正 GitHub CLIと連携して、Issue駆動開発からP

                      • テクノロジー
                      • 2025/09/28 02:13
                      • Claude
                      • あとで読む
                      • コマンド
                      • AI
                      • 開発
                      • Claude CodeからCodexをMCPで呼び出せるようになった話|Claude Code性能低下問題もこれで解決!

                        22 users

                        zenn.dev/tmasuyama1114

                        こんにちは、とまだです。 みなさん、Claude Codeで開発していて「もっと深い分析がしたい」「複雑な問題を解決したい」と思ったことはありませんか? 特にこの1ヶ月ぐらい、Claude Codeの一部モデルで性能が低下しており、困っている方も多いのではないかと思います。 そのためか、OpenAIが出したCodex CLIに流れている方も多いようです。 しかし、ツールやフレームワークが整っているClaude Codeを普段使いしたいというのが正直なところ...。 ですので、Claude CodeからCodexをワンショットで呼び出すということをやっていました。 しかしちょうど、Codex CLIのアップデートによって、MCP経由でCodex CLIを直接呼び出せるようになりました。 今回は実際に設定して使ってみたので、その手順と感想を共有します。 忙しい人のために要約 Codex CLI

                        • テクノロジー
                        • 2025/09/18 00:00
                        • AI
                        • MCP
                        • code
                        • 開発
                        • プログラミング
                        • Vue.jsとRuby on Railsで作るリアルタイムチャット

                          6 users

                          zenn.dev/tmasuyama1114

                          この教材では、人気のフロントエンドフレームワーク「Vue.js」を用い、バックエンドに「Ruby on Rails」を組み合わせたリアルタイムチャットアプリケーションを作成します。 このアプリケーションでは、ユーザー認証からチャットルームの作成・参加、そしてリアルタイムでのメッセージ送受信まで、一通りの機能を網羅しています。 本教材では、以下のような内容を学ぶことができます。 - Vue.jsとRuby on Railsの環境設定 - Vue.jsのコンポーネント知識 - Ruby on Railsを用いたAPI - リアルタイムな通信を実現するWebSocket この教材は初心者向けに作られており、ステップバイステップの解説と具体的なコードサンプルを提供します。 また、出てくるプログラミング関連の用語については適宜、解説を加えているので、プログラミング初心者の方でも安心して学習を進めるこ

                          • テクノロジー
                          • 2023/06/25 09:09
                          • rails
                          • ruby
                          • Ruby on Rails (7.0) の実践的な開発手法に触れてみよう

                            3 users

                            zenn.dev/tmasuyama1114

                            【カリキュラムの特徴】 未経験からエンジニアとなった著者が、いざ実務に入ってから苦労した点を事前に学べるようなカリキュラムになっています。 アプリを作りながら実践的な書き方を学ぶことで、 未経験からエンジニアになった方が最初の壁を越えていただくことを目指しております! また、各章末には「宿題」として主に参考サイトを読んでいただくタイミングを設け、より体型的かつ深く理解いただくことを重視しています。 これにより「なんとなく理解した」状態を脱却していただき、使える知識として身に付けていただけます。 本書から増量&詳細解説がついた Udemy 講座も公開中です! https://www.udemy.com/course/ruby-on-rails-rspec/ 【対象読者】 - Ruby on Rails の Model, View, Controller の基本は理解している方 - Proga

                            • テクノロジー
                            • 2022/10/18 16:34
                            • 【実体験】プログラミング未経験からWebエンジニアとして転職するまでにやったこと6選

                              7 users

                              zenn.dev/tmasuyama1114

                              エンジニア兼プログラミングスクール講師です。 Ruby on Rails好き。 バッジを贈るバッジを贈るとは

                              • テクノロジー
                              • 2022/09/06 06:58
                              • 転職
                              • 教育
                              • プログラミング

                              このページはまだ
                              ブックマークされていません

                              このページを最初にブックマークしてみませんか?

                              『zenn.dev』の新着エントリーを見る

                              キーボードショートカット一覧

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

                              • 総合
                              • 一般
                              • 世の中
                              • 政治と経済
                              • 暮らし
                              • 学び
                              • テクノロジー
                              • エンタメ
                              • アニメとゲーム
                              • おもしろ
                              • アプリ・拡張機能
                              • 開発ブログ
                              • ヘルプ
                              • お問い合わせ
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について
                              • ガイドライン
                              • 利用規約
                              • プライバシーポリシー
                              • 利用者情報の外部送信について

                              公式Twitter

                              • 公式アカウント
                              • ホットエントリー

                              はてなのサービス

                              • はてなブログ
                              • はてなブログPro
                              • 人力検索はてな
                              • はてなブログ タグ
                              • はてなニュース
                              • ソレドコ
                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2025 Hatena. All Rights Reserved.
                              設定を変更しましたx