並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 1473件

新着順 人気順

codeの検索結果281 - 320 件 / 1473件

  • Claude、ついにMacを直接操作 「OpenClawじゃん」の声も

    sponsored 半年以内の事業化に向けPoC中、データ事業売上「1.1兆円」を目指す 三菱電機×燈が“爆速”で挑むフィジカルAI 工場無人化に向けた“ラストピース”を埋める sponsored 人気開発スタジオHypolygonに聞く、新世代のゲーム開発とは マンションの1室から世界へ、大流行中の「Roblox」で開発する要注目ゲーム「Bugmon」はゲーミングPC1台で作られた!? sponsored AMD Ryzen™ AI Max+ 392搭載、薄型軽量なのにゲームでも優秀 内蔵GPUでデスクトップ並みってあり得るの? ASUS TUF Gaming A14 FA401EAをレビュー sponsored HP Wolf Connect スマホの「探す」機能、なぜ会社のPCにはないの? 電源オフでも追跡・データ消去できる新たな解決策を知る sponsored 「arrows Al

      Claude、ついにMacを直接操作 「OpenClawじゃん」の声も
    • VS Code の画面を共有するときはキー入力が見える「スクリーンキャストモード」を有効にしてみよう | DevelopersIO

      VS Code の「スクリーンキャストモード」使ってますか? スクリーンキャストモードとは 百聞は一見に如かず。 お分かりでしょうか。どのキーを入力したのかが一目瞭然です。マウスもクリック時には赤丸が表示されるのでどこをクリックしたかが分かりやすくなっています。(マウス押下時の黄色はスクリーンキャプチャソフトが付与したものです) スクリーンキャストモードは VS Code 1.31 January 2019 で搭載された機能ですが、意外と知らない人も多く、私自身この機能の名前がパッと出てこないこともあったので今回改めて紹介してみました。 https://code.visualstudio.com/updates/v1_31#_screencast-mode スクリーンキャストモードを有効にする デフォルトではショートカットキーは割り当てられていません。コマンドパレットから Develope

        VS Code の画面を共有するときはキー入力が見える「スクリーンキャストモード」を有効にしてみよう | DevelopersIO
      • o3 MCPでClaude Codeが最強の検索力を手に入れた

        2025/08/25 追記: GPT-5やo4-miniなど好きなモデルを使えるようになりました! $ claude mcp add o3 -e OPENAI_MODEL=gpt-5 -e OPENAI_API_KEY=*** -s user -- npx o3-search-mcp@latest こんにちは、よしこです。 普段の開発にClaude Codeをフル活用する毎日です。 ただ、Claude Codeは検索があまり強くないので、なにか解決できないエラーや込み入った問題は別途ChatGPTアプリでo3に聞き、回答をClaude Codeにコピペする、というのが常でした。 もう二人で勝手に話してくれ〜って思いながら情報運搬職人をやっていました。 しかし!なんと今朝、OpenAI APIのo3 modelがWebSearchに対応したのです!! つまり、MCP経由でClaude Cod

          o3 MCPでClaude Codeが最強の検索力を手に入れた
        • VSCodeを使う人におすすめの解説書! Web制作の効率アップにつながる操作方法を詳しく解説 -Visual Studio Code完全入門

          Visual Studio Code(以下、VSCode)をもっと使いこなせるようになりたい、Web制作やプログラミングに最適化したい、VSCodeとGitを連携させたい、制作の効率アップにつながる操作方法を詳しく解説した入門書を紹介します。 Web制作やプログラミングで、VSCodeを使用している人は一読して損はない一冊です。 本書は、Web制作とプログラミングに特化された解説書です。実際のワークフローを元に、VSCodeの基本的な機能から効率をアップさせる使い方を学べます。 VSCodeをこれから使ってみたいという人でも大丈夫の一冊です。

            VSCodeを使う人におすすめの解説書! Web制作の効率アップにつながる操作方法を詳しく解説 -Visual Studio Code完全入門
          • Anthropicが公開しているClaude Codeのベストプラクティスを初心者向けに解説

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

              Anthropicが公開しているClaude Codeのベストプラクティスを初心者向けに解説
            • Claude Codeのセッション履歴が30日で消えると知って9999日に変えた話|cute_agapan9087

              Claude Code使ってると「あれ、前のセッションどこ行った?」ってなることありませんか? 実はClaude Code、デフォルトだと30日間非アクティブなセッションは起動時に自動削除されるんですよね。知らなかった…。 ってことで、設定を調べて9999日(約27年)に変更してみました。 💡 保存期間は2種類ある ここがちょっとややこしいんですけど、Claude Codeのデータ保存にはサーバー側(Anthropic)とローカル側(端末)の2種類があります。 ▼ サーバー側(Anthropic) プランと条件によって保存期間が変わります: ・Free/Pro/Max + モデル改善OFF → 30日 ・Free/Pro/Max + モデル改善ON → 5年 ・Team/Enterprise/API → 30日 ・API + Zero data retention(ZDR) → 保存なし

                Claude Codeのセッション履歴が30日で消えると知って9999日に変えた話|cute_agapan9087
              • 明日からできる!GitHub Copilot + GitHub MCP Serverで始めるAI駆動開発

                明日からできる!GitHub Copilot + GitHub MCP Serverで始めるAI駆動開発 はじめに こんにちは、URBAN HACKS サーバーサイドエンジニアの池田です。 URBAN HACKSでは日々の開発でGitHub Copilotを活用しています。 コードを提案、補完してくれるだけでも十分に活躍していますが、GitHub CopilotにAgent Modeが搭載されたこと、公式のGitHub MCP Serverが登場したことにより、これらを組み合わせ、より効果的に活用できるようになりました! この記事ではこれらを組み合わせた開発手法をご紹介すると共に、 生成コードの精度が上がりやすくなるコツ チーム開発とAIの組み合わせ方 をお伝えできればと思います! コード生成の精度にお悩みの方や、より効果的にAIにコーディングを手伝って欲しい方の参考になれば幸いです。 G

                  明日からできる!GitHub Copilot + GitHub MCP Serverで始めるAI駆動開発
                • 私のシンプルなClaude Codeの使い方|ニケちゃん

                  料金体系についてClaude Codeを利用するには2つの方法があります。 1つめはAnthropic APIを利用する方法。 これはシンプルにClaude Codeを利用した分だけお金がかかります。通常のAPI利用と同じです。 Claude Codeで利用するClaude Sonnet4やOpus4は、1Mトークン当たりの単価がOpenAIなどの他のモデルと比較しても安くないため、やや高額になりがちです。 2つめはClaude Maxプランを利用する方法です。 こちらはClaudeのチャットアプリをより快適に使えるようにするためのプランで、$100/月からです。 そしてこのサービスの1つにClaude Codeが使い放題、というものがあります。 実際は単位時間におけるレートリミットが存在するので、完全に使い放題というわけではないですが、それでもかなりお得であることには間違いありません。

                    私のシンプルなClaude Codeの使い方|ニケちゃん
                  • Claude Codeを「最小構成」で飼い慣らす — CLAUDE.md + Skills + Hooks のハーネス設計|ミーツ|m2AI

                    Claude Codeを「最小構成」で飼い慣らす — CLAUDE.md + Skills + Hooks のハーネス設計 *人間が読む用に書いてません。お手持ちのClaude Codeに読ませてください。 ハーネスの全体像:3つの構成要素ユーザーがプロンプトを送信 │ ▼ ① Hook(settings.json)──── プロンプト送信時に自動発火。「やることリスト」を通知する │ ▼ ② CLAUDE.md ──────────── Claudeの行動制約。何をすべきか、何をしてはいけないかの憲法 │ ▼ ③ Skills(SKILL.md)───── 具体的な手順書。「どうやるか」を定義した再利用可能なプロシージャたったこれだけ。テストフレームワークもガバナンスツールもguardrailsライブラリも使っていない。ファイル数にして4つ(settings.json、enforce-s

                      Claude Codeを「最小構成」で飼い慣らす — CLAUDE.md + Skills + Hooks のハーネス設計|ミーツ|m2AI
                    • Python コードでアーキテクチャ図を生成できる Diagrams がめっちゃ便利! - kakakakakku blog

                      「Diagrams」を使うと Python コードでアーキテクチャ図を生成できる.サポートされているアイコンセットがとても多く AWS や Google Cloud や Microsoft Azure もあれば,Kubernetes やプログラミング言語なども使える.試してみたけどめちゃくちゃ便利!まさに Diagram as Code だ✌️ diagrams.mingrammer.com セットアップ 「Diagrams」は Graphviz に依存しているため,macOS だと pip と brew ですぐにセットアップできる. $ pip install diagrams $ brew install graphviz 試してみた さっそく Examples を参考にアーキテクチャ図を作ってみた! サンプル : AWS from diagrams import Cluster, D

                        Python コードでアーキテクチャ図を生成できる Diagrams がめっちゃ便利! - kakakakakku blog
                      • [2026年版] Claude Code を知る。 | DevelopersIO

                        製造ビジネステクノロジー部の小林です。 「Claude Code(クロード・コード)」という名前を、最近よく耳にするようになった方も多いのではないでしょうか。 私の周りでも、エンジニアではない友人から「Claude Code って何?」と聞かれることが増えました。 「プログラマー向けのツールでしょ?」「普通の Claude と何が違うの?」 こうした疑問をよく受けます。 そこで私自身あらためて Claude Code を整理する意味も込めて、基本的な概要から主要な機能、料金プランまでまとめてみました。 そもそも Claude とは? Claude は、Anthropic(アンソロピック)という米国の AI 企業が開発した AI アシスタントです。ChatGPT や Google Gemini と同じカテゴリの製品で、文章作成、質問応答、コード作成などを行えます。安全性に特に力を入れており、

                          [2026年版] Claude Code を知る。 | DevelopersIO
                        • VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」

                          8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設

                            VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
                          • 社内で「え、そんなことできるの?」と話題になった Claude Code Custom slash commands の実践活用

                            はじめに こんにちは!株式会社 Hacobu で Vista というプロダクトのフロントエンドエンジニアをしている cho です。 最近、社内で「Agentic Coding を眺める会」というイベントを開催しました。普段どんな感じで Claude Code を使って開発しているかを同僚に共有したところ、想像以上に反響があったんです。 特に、Custom slash commandsの部分で会議室がざわついて… 「え、そんなことできるの?」 「これめっちゃ便利そう!」 「自分でも作ってみたい!」 という声がたくさん上がりました 😊 イベント後、参加者から「これ、もっと詳しく知りたい!」「他のチームにも共有したい」という要望が続々と… そこで、実際に業務で使える Custom slash commandsをより多くの開発者に知ってもらいたいと思い、この記事を書くことにしました。 実際に社内

                              社内で「え、そんなことできるの?」と話題になった Claude Code Custom slash commands の実践活用
                            • 【日々更新】Visual Studio Codeの便利なプラグインまとめ(コーダー・マークアップ・フロントエンドエンジニア視点)

                              Visual Studio Code(VsCode)本体のインストール まだインストールされていない方は、以下からVsCode本体をダウンロードしてください。 VsCodeのおすすめプラグイン(コーダー・マークアップ・フロントエンドエンジニア視点) 私が導入しているVsCodeのプラグインを紹介します。 フロントエンドエンジニアとして働いている自分の普段の業務ではHTML CSS Sass(Scss) EJS Pug JavaScript TypeScript React Next.js PHP WordPress Markdownファイル等を触ることが多いので、それらに関連したプラグインが多くなっています。 共通 プラグイン名 機能

                                【日々更新】Visual Studio Codeの便利なプラグインまとめ(コーダー・マークアップ・フロントエンドエンジニア視点)
                              • Claude Codeで実際に起きたセキュリティ事故7選と防止策 - Qiita

                                Claude Codeで実際に起きたセキュリティ事故7選と防止策 「Claude Code は便利だけど、なんとなく怖い」——この感覚は正しいです。強力なツールは強力な事故を起こします。実際に開発現場で起きがちなケースを7つ取り上げ、原因と防止策を解説します。 事例1: .env ファイルをGitHubにプッシュ 「CI に環境変数を渡したいので .env もコミットして」という指示で、Claude Code が素直に git add .env && git commit を実行。数分でクローラーが APIキーを検出。 防止策: .gitignore に追加 + Hookでコミット前チェック // .claude/settings.json { "hooks": { "PreToolUse": [ { "matcher": "Bash(git add*)", "hooks": [{ "ty

                                  Claude Codeで実際に起きたセキュリティ事故7選と防止策 - Qiita
                                • Advanced Data Analysis(旧ChatGPT Code Interpreter)の活用方法を片っ端から試していく

                                  Advanced Data Analysis(旧ChatGPT Code Interpreter)の活用方法を片っ端から試していく ChatGPT Code Interpreterをとにかく触ってみる 「Code Interpreterが凄い!」と、みんなが騒いでいるのでとりあえずネットで目についた活用方法を片っ端から試していきたいと思います。 試したら追記していきます。 Code Interpreterのセットアップ 以下3ステップです。簡単ですね。よく分からなかったら別のサイトみてください。 ChatGPT Plusに課金 Setting Beta featuresでCode interpreterのトグルをオン ChatGPTのGPT4でCode Interpreterを選択 以下参考のスクリーンショットです。 Code Interpreterの活用例 ここから活用例を載せていきます

                                    Advanced Data Analysis(旧ChatGPT Code Interpreter)の活用方法を片っ端から試していく
                                  • 2025年7月版個人的開発スタイル with Claude Code - yaakai.to

                                    Copy as Markdown ▽ Copy as Markdown View as Markdown Copy Markdown URL 最近の開発はほとんど Claude Code で行っているが、使い始めた 3 月から比べると利用スタイルも結構変わったなとふと思ったので、あとで懐かしむために今やっているスタイルを書き残すことにした。個人的な開発に使っているもので、業務にこのフローを適用しているわけではないのと、Claude Code でうまくコードを書く方法ではなくその周辺の話。 全体感 開発は Dev Containers もしくは GitHub Codespaces ローカル開発では VSCode でメインの Claude Code + git worktree でいくつかの並列作業 GitHub Copilot もたまに使う Claude Code Actions でレビュー

                                      2025年7月版個人的開発スタイル with Claude Code - yaakai.to
                                    • Visual Studio CodeでGitHubリポジトリを「読む」のに便利な拡張機能が登場/わざわざローカルにクローンしなくてもOK。そのままVisual Studio Code上で閲覧できる

                                        Visual Studio CodeでGitHubリポジトリを「読む」のに便利な拡張機能が登場/わざわざローカルにクローンしなくてもOK。そのままVisual Studio Code上で閲覧できる
                                      • スタートアップのマーケターがClaude Codeを使い倒したら、事業が4ヶ月で300%成長した話|tsukky

                                        このnoteに書いたこと✍️ ①毎日の定型作業が、会話1回で完了した話 ②戦略策定もデータ分析も、AIに委託した話 ③画像も動画も、マーケター1人で外注ゼロで作れるようになった話 ④AIを「自分専用」に育てる設定ファイルの中身 はじめにスマートバンクで、「個人事業主向けの金融サービス」を新規事業として立ち上げ、マーケティングを担当しているtsukkyです。 昨年11月に、サイバーエージェントからスマートバンクに転職しました。 入社後、ありがたいことに担当事業の主要KPIが直近4ヶ月で300%成長しました。 そこまで事業を伸ばすことができているのも、AIの力なしには語れません。 特に最近は毎週のように大きなアップデートがあり「先週できなかったことが今週できるようになった」という状況が続いています。 一方で、毎週のようにAIのモデルや機能がアップデートされて、最新情報をキャッチアップするのも大

                                          スタートアップのマーケターがClaude Codeを使い倒したら、事業が4ヶ月で300%成長した話|tsukky
                                        • VSCodeにChatGPTを! 導入方法や使い方を理解して次世代の開発環境を整えよう

                                          はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させ、利用の領域を拡げられることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確認していま

                                            VSCodeにChatGPTを! 導入方法や使い方を理解して次世代の開発環境を整えよう
                                          • デンソーウェーブ、細長く狭いスペースにも印字できる、長方形型の新しいQRコード「rMQRコード」を開発

                                            デンソーウェーブは、長方形型の新しいQRコード(注1)「rMQRコード(アール・エム・キューアールコード:長方形マイクロQRコード)」を開発しました。rMQRコードは、QRコードの特性である優れた読み取り速度とデータ容量を持ちながら、細長く狭いスペースへの印字を実現するもので、製造業をはじめとした幅広い業界において、情報や資源の効率的な管理・運用に貢献します。また、rMQRコードは国際規格(ISO)を取得しており、世界中のすべてのユーザーに自由に安心して使っていただけます。 (規格番号:ISO/IEC 23941:2022) ■rMQRコードの開発背景 デンソーウェーブは1994年、QRコードを開発しました。QRコードは優れた読み取り速度とデータ容量を持ち、また、パブリックドメインであることから、世界標準となり幅広い分野で活用されています。次いで小型の「マイクロQRコード(注2)」を開発す

                                            • Obsidianで使っているプラグイン紹介

                                              Obsidianのプラグイン Obsidianは、基本プラグインを使わない素のObsidian原理主義者(?)なのですが、そんな自分もこっそり隠れキリシタンのように(隠れオブシディアン原理主義者とでも呼ぼうか)使っているプラグインを紹介します。 今(2025年7月時点)で3つあるので、3つだけ紹介します。 2026年1月で4つに増えました。それぞれ、ちょっと使い方に注意点もあるので、それも添えて。 使用するプラグイン増えたら追記予定です。予定は未定。 ターミナル 結構前から「ObsidianがMCPホストになってくれたらいいのになー」と思っていたのですが、Claude Code(Gemini CLIでも可)とこのターミナルで、ObsidianがMCPホスト同然になりました。 最近、コーディング以外の調べ物や文章を書いたりするとき、VS CodeエディタとClaude Codeを使うことが多

                                                Obsidianで使っているプラグイン紹介
                                              • VS Code + GitHub Copilot で並列タスクが快適になったので、やり方を整理する

                                                GitHub Copilot のエージェントモードで複数タスクを並列に進めたい。でも、セッションの切り替えが面倒だったり、今どのタスクが何の状態なのか把握しづらかったりして、結局1つずつ片付けていた。 2026年1月の VS Code アップデート (v1.109) で追加されたエージェントセッション管理UIが、この問題をかなり解決してくれた。この記事では、実際の利用画面とともにこの機能について紹介する。 参考:VS Code v1.109 Release Notes - Agent Session Management 目次 何が変わったのか:エージェントセッション管理UIの全貌 並列タスクの実践ワークフロー 並列開発をうまく回すコツ 現時点での制約:マルチルートワークスペース VS Code + GitHub Copilot で並列開発は十分できる まとめ 1. 何が変わったのか:エー

                                                  VS Code + GitHub Copilot で並列タスクが快適になったので、やり方を整理する
                                                • Claude Code で仕事しながら英語を学ぶ環境を整えてみた | DevelopersIO

                                                  はじめに データ事業本部のkasamaです。 今回は Claude Code の output-styles・skills・hooks を組み合わせて、業務をしながら英語の読む・聴く・書くに触れる環境を作ります。普段の業務は日本語で完結するため、毎日使う Claude Code の応答を英語化すれば自然に英語に触れられると考えました。 「language を english にして英語で会話すれば済むのでは」と思われるかもしれませんが、私の英語レベルは短い指示は英語で出せるものの、長文での入出力はまだ難しい段階です。そこで以前のブログで実装した Kokoro TTS を英語に切り替えて応答を聴けるようにしつつ、英語入力時の文法添削・記録、未知語の即時翻訳といった補助を組み合わせ、業務効率を落とさずに英語に触れられる環境にしました。 システム全体の構成 Claude Code の設定ファイル

                                                    Claude Code で仕事しながら英語を学ぶ環境を整えてみた | DevelopersIO
                                                  • 「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に

                                                    米GitHubは8月11日(現地時間、以下同)、ソースコード共有サイト「GitHub」上でコードエディタ「Visual Studio Code」のWebブラウザ版を起動できる機能「Codespaces」のβ版を公開した。Twitterでは「便利すぎる」などと、ITエンジニアを中心に話題になっている。 ユーザーはGitHubのリポジトリ画面で「.」(ドットキー)を押すとVisual Studio Codeが起動する。個人ユーザーは当面無料で利用でき、チーム向けや企業向けのプランを利用している法人ユーザーも9月10日までは無料で試用できる。 法人向け料金は従量制で、計算に使用するCPUの性能と利用時間で変動する。最も安い2コアのCPUを使う場合は1時間で0.18ドル(約20円)。使用したデータの容量1GB当たり0.07ドル(約7円)も月額で別途請求する。 Visual Studio Codeは

                                                      「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に
                                                    • 実務で使っているClaude Codeの開発環境の紹介

                                                      GA technologiesでバックエンドエンジニアをしている中坂です。今回は私が実務で実際に使っているClaude Codeの開発環境について紹介します。 はじめに 弊社には多くのプロダクトが存在します。その中でも私が所属しているチームでは各プロダクトを横断的に扱う必要があり、時には複数のリポジトリを往来しながら開発を進める必要があります。 このような環境でClaude Codeを活用する際、単一リポジトリでの開発とは異なる工夫も必要になります。本記事では、このような環境で約1ヶ月間Claude Codeを業務で使用してきた経験をもとに、複数プロダクト環境で開発を効率的に進めるための開発環境の構築方法を紹介します。 全体構成 まず、私が構築した開発環境の全体像を紹介します。 workspace/ ├── proj_a/ # サービスA ├── proj_b/ # サービスB ├── p

                                                        実務で使っているClaude Codeの開発環境の紹介
                                                      • すごいReactフック8選 - Qiita

                                                        本記事は、Simon Holdorf氏による「8 Awesome React Hooks」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 すごいReactフック8選 はじめに React.jsは現在、フロントエンド開発者に最も人気のあるJavaScriptライブラリです。Facebookが開発し、オープンソースのプロジェクトとして提供されているReactは、世界中の開発者や企業が使用しています。 Reactは、シングルページアプリケーションの構築方法を大きく変えました。その最大の特徴の1つがフックです。フックは2019年に導入されたもので、状態処理の時に、クラスコンポーネントの代わりに関数コンポーネントを使用できるようになりました。組み込みのフックに加えて、Reactは独自のカスタムフックを実装する方法を提供しています。 ここでは、アプリケーションやプロジェクト

                                                          すごいReactフック8選 - Qiita
                                                        • GPT-4oをOCRとして使う - Re:ゼロから始めるML生活

                                                          OpenAIからChatGPT-4oが発表されましたが、皆さんガンガンつかっていますでしょうか? さて、このChatGPT-4oですが、テキスト以外のデータも使用できるようになっているという特徴があります。 普通にテキストでのやり取りをしつつも画像データを扱えるということで、「実はこれいい感じのOCRとして使えるんじゃね?」って思っちゃったわけです。 ということで、今回はChatGPT-4oを使ってOCRを使うとどんなもんなのかやってみたいと思います。 やりたいこと やってみる とりあえずやってみる 請求書 名刺 参考文献 感想 やりたいこと 今回やりたいことはOCRです。早い話が画像ファイルを突っ込んでテキストを読み取りたいって感じです。 ただ、当たり前のようにOCRって言葉を使用していますがOCRって結構奥が深いです。 mediadrive.jp 単純に画像から文字を見つけて対応するテ

                                                            GPT-4oをOCRとして使う - Re:ゼロから始めるML生活
                                                          • Patterns  |  web.dev

                                                            Web Platform Dive into the web platform, at your pace.

                                                            • 実務で使っているClaude Codeの活用事例集 - Claude Code Meetup

                                                              ## Description このコマンドは以下の作業を自動で実行します: 1. `npm run format` でPrettierフォーマットを実行 2. 変更内容を適切な粒度でコミットに分割 3. GitHub PRを作成 ## Implementation prettierをかけたあと、適切な粒度でコミットし、PRを作って **使用例:** `/create-pr` → 自動でPR作成完了 私が使っているMCP実例 MCPとは Claude Codeを外部システムと連携させる仕組み よく使っているMCP Puppeteer: ブラウザ操作の自動化 Figma: デザインファイルの取得 o3-search-mcp: Claude Codeが直接o3と相談する https://zenn.dev/yoshiko/articles/claude-code-with-o3 https://d

                                                                実務で使っているClaude Codeの活用事例集 - Claude Code Meetup
                                                              • プログラミングは今が一番楽しい

                                                                AIコーディングの進化に伴い、特に2026年に入ってから、プログラミングに対する自分の見方がかなり変わってきました。現時点で考えていることを、いったん記録として残しておきます。あとで振り返ったら面白いと思うので。 なお、この記事はAIによる「てにをは修正」「タイポ修正」などの校正は入っていますが、内容そのものはすべて自分で書いています。 初めてのプログラミングは面白くなかった Hello World を初めて書いたのは大学1年生のプログラミングの授業でした。SNSを見ていると「小学生から書いていました」という人も結構いますが、私はそういうタイプではありません。 大学の授業で最初に学んだ言語は Java。最初はマジでわからなかったです。そもそもプログラミング以前に、PATHを通すための環境変数の設定で詰まりました。MacとWindowsを両方使っていたこともあり、特にWindowsの設定画面

                                                                  プログラミングは今が一番楽しい
                                                                • Claude Codeで異次元の仕事をする方法【非エンジニアにも全力推奨!】|砂塚紀彦

                                                                  何時間も自走して仕事するAIの構築方法ChatGPT等のAIツールを活用して生産性を上げている皆様に、最先端ツールの1つである『Claude Code』を使って、AIに人間離れした仕事を何時間も自走してやってもらう方法をご紹介します! Claude Codeは「エージェント型コーディングツール」と公式ドキュメントが謳っている通り、主にエンジニアが開発に使うツールだと思われがちですが、知的労働を行うあらゆる職種の人の仕事を何段階もレベルアップする可能性を秘めたツールです。 今回はAIが何時間もかけて様々な職種のプロフェッショナルな知恵をフル活用して企画書を磨き上げていく仕事の自動化を例に解説します。 Claude CodeでAGIみを感じ始めたので全力ベット中!1回の指示で3時間近く動いて人間離れした仕事をするので、完全に世界観が変わりました。… — 砂塚紀彦|PKSHA Associate

                                                                    Claude Codeで異次元の仕事をする方法【非エンジニアにも全力推奨!】|砂塚紀彦
                                                                  • 【コピペOK】技術的負債を作らないためのルールを設定しよう(Claude Code, Codex, Cursor対応)

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

                                                                      【コピペOK】技術的負債を作らないためのルールを設定しよう(Claude Code, Codex, Cursor対応)
                                                                    • 知識0の状態からたった2時間でVSCodeの拡張機能を作った話 - Qiita

                                                                      はじめに こんにちはkenです。エディターはVS Codeを使ってます。 突然ですがみなさん、普段開発をしていて 「VS Code にこんな拡張機能、あったらいいのにな〜」 と思うことありませんか? 私はあります。しょっちゅうあります。 そこで先日、予定がない休日を利用して拡張機能の開発に挑戦してみることにしました。 最初は拡張機能の開発をどのように進めていけばよいのか全くわからず、そもそも拡張機能でどこまでのことを実現できるのかすらわかりませんでした。ましてや実装についての知識なんて皆無です。 「これは完成まで1日くらい、いや下手すると3日くらいかかるかな」と考えていたのですが、いざやってみるとたった2時間で作れてしまったので今回はその経験についてお話ししたいと思います。 この記事を読んで、 「こんなにお手軽なら自分にも作れそうだ!」 と感じてくれたら幸いです。 本題 作りたかったものと

                                                                        知識0の状態からたった2時間でVSCodeの拡張機能を作った話 - Qiita
                                                                      • Claude Skillsとは何なのか?

                                                                        AnthropicがClaudeの新機能 Claude Skills (Agent Skills)を追加したと発表しました。Claude Skillsは、Markdownファイルとスクリプトで構成される「スキルフォルダ」を通じて、モデルに特定の機能や知識を拡張できる仕組みです。 Claude Skills: Customize AI for your workflowsBuild custom Skills to teach Claude specialized tasks. Create once, use everywhere—from spreadsheets to coding. Available across Claude.ai, API, and Code.Box logoもともとClaudeは8月にチャットアシスタントからのコード実行環境をアップデートしていました。それまで

                                                                          Claude Skillsとは何なのか?
                                                                        • 課題ベースで学ぶClaude Code便利機能

                                                                          この記事について 「とりあえずClaude Codeを入れてみたけど、なんか使いこなせていない気がする」「あの機能の存在は知っているけど、自分には関係ないと思っていた」という方はいませんか? 本記事では、Claude Codeを使いはじめた人が日々の作業の中で感じるよくある「つまずき」や「不満」を出発点に、それを解消するClaude Codeの機能を紹介していきます。 Claude.aiチャットとClaude Codeのagentモードは何が違うの? CLAUDE.md、Hook、MCP、Skillなど設定項目が多すぎてどこから手をつければいいかわからない という部分を、「こういう不満があるなら、この機能を使いましょう」という形で解説し、Claude Codeを業務に本当に活かせる状態を目指すことを目的としています。

                                                                            課題ベースで学ぶClaude Code便利機能
                                                                          • 「全エンジニアが Claude Code を 100% 活用する」を目指してダッシュボードを作った

                                                                            はじめに 「全エンジニアが Claude Code を 100% 活用する」 これは、ダイニーの今期の目標のひとつです。 正直、最初に思ったのは「何をもって 100% なんだ?」です。 手がかりを探るために、まずチーム全員にアンケートを取りました。 結果はバラバラで、「かなり活用できている」という人もいれば、「スキルやサブエージェントはほとんど使えていない」という人もいます。 中でも多かったのが、「他の人がどう活用しているのか分からない」という声でした。 実際、有志がスキルやサブエージェントを作っても、その存在自体を知らないメンバーがいます。知っていても中身が分からないから使えない。結局、作った本人しか使わないまま埋もれていく。そんな状態です。 これでは「活用度」以前の問題。 そもそも何が使えるのか、誰がどう使っているのかが見えなければ、活用度を定義できません。 そこで作ったのが、エンジニ

                                                                              「全エンジニアが Claude Code を 100% 活用する」を目指してダッシュボードを作った
                                                                            • Log4jの脆弱性対策としてAWS WAFのマネージドルールに「Log4JRCE」が追加されました | DevelopersIO

                                                                              AWSチームのすずきです。 2021年12月11日、 AWS の Managed Ruleとして提供されている AWSManagedRulesKnownBadInputsRuleSetに新しい保護ルール「Log4JRCE」が追加されました。 Apache Log4j2 Issue (CVE-2021-44228) Log4j の脆弱性(CVE-2021-44228)対策として、AWS WAFの有効性を確かめる機会がありましたので、紹介させていただきます。 AWS Managed Rule Known bad inputs 新しいルール 「Log4JRCE」 が追加されました。 試してみた WAF(ACLs)設定 AWSManagedRulesKnownBadInputsRuleSet のみ設定した WebACLを用意しました。 BadInputsRuleSetのバージョンはデフォルト、検証

                                                                                Log4jの脆弱性対策としてAWS WAFのマネージドルールに「Log4JRCE」が追加されました | DevelopersIO
                                                                              • なんでコンポーネントに副作用があんだよ! 教えはどうなってんだ教えは!

                                                                                皆さんこんにちは。先日公開した以下の記事は多くの方にご覧いただきありがとうございます。 この記事に対して多く見られた反響のひとつは、コンポーネント内に use(fetchNote(id)) という非同期処理を行うコードが含まれていることに対する違和感です。 function Note({id, shouldIncludeAuthor}) { // ↓↓↓↓↓ const note = use(fetchNote(id)); let byline = null; if (shouldIncludeAuthor) { const author = use(fetchNoteAuthor(note.authorId)); byline = <h2>{author.displayName}</h2>; } return ( <div> <h1>{note.title}</h1> {byline}

                                                                                  なんでコンポーネントに副作用があんだよ! 教えはどうなってんだ教えは!
                                                                                • FDのコピープロテクト : プログラミング指南 - Code Knowledge

                                                                                  プログラミング指南 - Code Knowledge ゲーム制作に関するプログラミング等を主に書き溜めていきます。ただ、どちらかと言えば日記的な書き方が続くと思いますが、そこは温かい目で見て頂ければ。あと、ちょっとしたサンプルやツールのダウンロードも出来るようにしておきます。 レトロPCは最初は安価なカセットテープを記憶媒体として使っていました。その後に登場したのがフロッピーディスク(以下FDと略す)です。カセットテープが何分もロードに必要なところを数秒から数十秒で完了し、かつ、ランダムアクセスが可能なFDは、当時は高価な周辺機器だったにもかかわらず、あっという間に一般に浸透していきました。また、ドライブの価格も一気に値下がりしていったのを覚えています。 ところが、この便利なFDは便利であるが故の問題を抱えていました。それが不正コピーです。ゲームソフトハウスが発売した製品も、簡単に複製でき

                                                                                    FDのコピープロテクト : プログラミング指南 - Code Knowledge

                                                                                  新着記事