並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 1484件

新着順 人気順

codeの検索結果241 - 280 件 / 1484件

  • なぜ HTML の form は PUT / DELETE をサポートしないのか? | blog.jxck.io

    Intro 10 年ほど前に同じことを調べたことがある。 なぜ html の form は PUT / DELETE をサポートしないのか? - Block Rockin' Codes https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete 当時は全くの素人で、素人なりに調査はしたが、ほとんどが推測の域を出ない結論だった。 この問題についてあらためて記す。 仕様策定の経緯 表題の通り、<form> の method には GET と POST しかサポートされていない。HTTP には他にも PUT や DELETE といったメソッドもあるのに、なぜサポートされていないのかという疑問から始まった。 仕様が決定した経緯は、以下に残っている。 Status: Rejected Change Description:

      なぜ HTML の form は PUT / DELETE をサポートしないのか? | blog.jxck.io
    • 開発コンテナ - Claude Code Docs

      リファレンスdevcontainerセットアップと関連するDockerfileは、そのまま使用することも、ニーズに合わせてカスタマイズすることもできる事前設定済みの開発コンテナを提供します。このdevcontainerはVisual Studio Code Dev Containers拡張機能および同様のツールと連携します。 コンテナの強化されたセキュリティ対策(分離とファイアウォールルール)により、claude --dangerously-skip-permissionsを実行して権限プロンプトをバイパスし、無人操作を行うことができます。 devcontainerは実質的な保護を提供していますが、すべての攻撃に完全に耐性のあるシステムはありません。 --dangerously-skip-permissionsで実行する場合、devcontainerはClaude Codeの認証情報を含む

        開発コンテナ - Claude Code Docs
      • Serena MCPはClaude Codeを救うのか?

        Serena MCPはClaude Codeを救うのか? 「Claude Codeがアホになる問題」が勃発している最中、SerenaというMCPサーバーが「Claude Codeのコンテキスト消費を削減し、応答を改善する」という評価でユーザーたちの間で注目されています。 筆者も実際にSerenaを使ってみたところ、確かにコンテキスト効率の改善(入出力トークンの減少を指します)を実感できました。詳しく調べてみると、このツールは非常にユニークな発想で設計されており、一過性の流行として消費されるには惜しいと感じました。 そこで、本記事では、この機能の背景にある技術的な仕組みを詳しく解説したいと思います。実際の検証も交えながら、Serenaのアーキテクチャとその効果を分析していきます。 現在のコーディングエージェントが抱える課題現在のコーディングエージェントの多くは、コードを単なるテキストファイル

          Serena MCPはClaude Codeを救うのか?
        • Claude Codeをより便利・強力に使うためのツールまとめ - Qiita

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 昨今のAIエージェント界隈の競争が激化していることは周知の事実だと思います。 先日リリースされたCodex CLIによりClaude Codeが押され気味であることは否めません。 しかし!!そんなClaude Codeが確実に優っている点があります!!! はい。活発かつ成熟したコミュニティですね。しばらくは覇権を取っていただけに、様々な関係ツールが公開されています。 というわけで、Claude Codeをより便利に使うことができる周辺ツールを集めてみました。 ccusage 言わずと知れたコスト・使用状況可視化ツールです。 開

          • ChordCraft - コード進行作成アプリ | 無料で使える作曲支援ツール

            ChordCraftは直感的なUIでコード進行を作成・編集できる無料のWebアプリです。プリセットから選んでカスタマイズ、MIDIエクスポート、リアルタイム再生機能を搭載。作曲・DTM初心者からプロまで幅広く対応。

              ChordCraft - コード進行作成アプリ | 無料で使える作曲支援ツール
            • 社内でAI駆動開発ツールの使用調査したら、たった1週間で『Claude Code』一択になっていた話

              こんにちは!株式会社エクスプラザでリードエンジニアをやっている@Unsuです。 今回の記事では、社内でどんなAI開発ツールを使ってAI駆動開発をしているかをまとめてみました。 記事を書いたきっかけ 最近、チーム内で「最近これ便利なんですよ」とか「これはまだ限界あるなー」といった話が聞こえるようになり、そしてみんなそれぞれツール選びの違いが多く、これは一度まとめて記事にしてみても面白そうだと思い、社内でアンケートを実施してみました。 1回目のアンケートでは、いろんなツールを使い分ける実態や、それぞれの評価理由などが見えてきました。 その様子を記事としてまとめようと執筆を進めていたのですが、 1週間ほど経ち、「あれ?もしかして、みんな同じツール使ってない?」という違和感から、同じメンバーに再度アンケートを実施したところ、全然違う結果が出ていました。 今回は、その様子を記事にして見ました。 アン

                社内でAI駆動開発ツールの使用調査したら、たった1週間で『Claude Code』一択になっていた話
              • Claude Codeで仕様駆動開発、tsumikiが良かった

                はじめに 前回の記事では、Claude Codeに出戻りした話と、コンテキストエンジニアリングの考え方について書いた。 今回は「じゃあ実際に実務でどう使うの?」という話だ。 個人開発のプロジェクトなら思いついたままにClaude Codeを走らせて実装すればいい。それはそれで楽しいし、それなりの成果物もできる。 ただ、それでは再現性がない。 以前書いた記事でも触れたが、モデルの精度が上がったとはいえAIはいまだにガチャだ。何かを作るたびに品質がブレる状態では実務には持ち込めない。 そこでたどり着いたのが、仕様駆動開発(Spec-Driven Development) だ。 仕様駆動開発とは 仕様駆動開発とは、以下の工程を経て実装に至る開発フレームワークだ。 人間がやること:要件定義と設計をAIと徹底的に壁打ちして、曖昧さを潰す AIがやること:タスク化以降の実装フェーズ 以前の記事で書いた

                  Claude Codeで仕様駆動開発、tsumikiが良かった
                • TypeScript * GraphQLのバックエンド設計プラクティス

                  2冊目も公開中なのでみてください! https://zenn.dev/tatta/books/4e993c596e7dc9 TypeScriptを使いはじめて1年になるので、バックエンドのWebアプリを設計するときに気を付けていることをまとめました。(※社内勉強会用資料の公開版です。) TypeScriptについては、Next.jsを中心にフロントエンドに関する公開情報が豊富です。一方でバックエンドに関する公開情報が少ないと感じています。(かくいう私もNext.jsからTypeScriptデビューしたわけですが) TypeScript * GraphQL という構成は仕事・趣味で採用されている方も多いのではないでしょうか? 私もその1人です。私のような方のためにも、バックエンドの設計プラクティスについてまとめようと思い筆を取りました。 本書がこれから始める読者にとっては教科書のようになり、

                    TypeScript * GraphQLのバックエンド設計プラクティス
                  • 非エンジニアがClaude Codeでアプリを作って公開した全記録

                    自作したタスク管理アプリ「長い長いノート」 このアプリを、エンジニアではない人間がAIコーディングツールだけで作りました。 私はライターです。コードを自分でゼロから書く力はないし、読めているのかも正直自信がない。そんな人間が、Claude Codeを使ってWebアプリを開発し、本番環境にデプロイして、実際にユーザーに使ってもらうところまでやりました。 かかった期間は約4ヶ月。Claude Codeの前で手を動かした時間は合計で約20時間(調べ物やバグの再現確認にかけた時間は含まない)。これはその全記録です。 作ったもの 「長い長いノート」というタスク管理アプリです。普通のTodoアプリとの違いは一つだけ。タスクを完了すると、自動的にタイムラインに記録されること。チェックを入れたタスクが消えずに、日付付きで下に積み上がっていく。だから「あれいつやったっけ?」がいつでも検索できる。 技術スタッ

                      非エンジニアがClaude Codeでアプリを作って公開した全記録
                    • Claude Code Agent Teamsのあそびかた

                      Agent Teamsは2026年2月5日にOpus 4.6と同時リリースされた実験的機能で、Claude CodeのSubagentsを独立プロセス化し、双方向にメッセージングできるようにする仕組みです。 Orchestrate teams of Claude Code sessions - Claude Code DocsCoordinate multiple Claude Code instances working together as a team, with shared tasks, inter-agent messaging, and centralized management.Claude Code Docs一言でいうとSubagentsを拡張してステートフルにした機能です。各エージェントが自分のインボックス(~/.claude/teams/配下のJSONファイル)を

                        Claude Code Agent Teamsのあそびかた
                      • メルカリのClaude Codeセキュリティ設定の組織配布戦略 - Claude Code Meetup Japan #4

                        https://aid.connpass.com/event/386203/

                          メルカリのClaude Codeセキュリティ設定の組織配布戦略 - Claude Code Meetup Japan #4
                        • Claude Codeの前と後。やり始めたこととやめたこと

                          こんにちは、しば田です。 ちょっと俗っぽいですが、以前にこんな記事を書きました。 これの続編的な感じです。(こういうのがあってもいいだろうと...。) この時から考えると未だにやっていてよかったことともうやってないなぁみたいなのが混在します。 備忘録も兼ねて書き記します。 ※記事の対象者は Claude Codeを使ってプログラミングしている人/使い始めた人を想定しています。 ※メンタルモデル的な話、生存戦略的な話は出てきません 宣伝 こちらのイベントでLTします。まだClaude Codeを使ったことがない人向けに布教します! (すでにClaude Codeに関するいい資料がありすぎて資料作りが難しい・・・) Claude Codeを使い始めてからやり始めた良さげなこと こまめに/clear 必須。コンテキスト長が埋まると、auto-compactionが走るので、それまでのやり取りが圧

                            Claude Codeの前と後。やり始めたこととやめたこと
                          • 今から始めるClaude Code超入門

                            2026/1/29 DIST.52 「今から始めるClaude Code超入門」

                              今から始めるClaude Code超入門
                            • スキマ時間にスマホで開発できる時代が来た。Claude Code + Opus 4.5で年末年始に旅行しながら初めてのゲーム開発をした話 - 科学と非科学の迷宮

                              全くゲーム開発をしたことがない私が、たった11日間、スキマ時間にほぼスマホから指示を出しただけで、ゲームを作ることができた。 そのゲームがこれだ。 実際にプレイしてみてほしい。 gacha-survivor.sho-shimauchi.workers.dev 以下はPC版のスクリーンショットだが、モバイルにも対応している。 国際化対応もしていて、英語や中国語など8か国語でもプレイ可能だ。 ゲームとして面白いかと言われると微妙だろう。 レイアウト崩れなどのバグもまだまだある。 しかし、単なる思いつきをここまで形にできるなんて想像もしなかった。 Claude Code + Opus 4.5 は、ITエンジニアのライフスタイルを激変させるほどの革命的なプロダクトかもしれない。 ちょっとした新機能などにも「革命的」なんていう宣伝文句が乱発されるようになった昨今、「革命的」などと言ってしまうと返って

                                スキマ時間にスマホで開発できる時代が来た。Claude Code + Opus 4.5で年末年始に旅行しながら初めてのゲーム開発をした話 - 科学と非科学の迷宮
                              • Claude CodeのVSCode拡張が使いやすいよ - Qiita

                                皆様、Claude Code使ってますか? CLIで利用されている方が大多数だと思いますが、VSCodeの拡張も悪くないよ、というお話です。 いつのころからか、左右にパネルが出るような構成になっています。 右側が通常(?)のチャット欄で左が過去のセッション一覧みたいな感じです。 左側にある「New session」をクリックするとメインのコードエディター部分にチャット欄がタブとして表示されます。 連打すると量産できますし タイル状に配置したりできます。 モードとか設定とか、マウスでポチポチ設定できます。 MCPサーバーの設定とかも、グラフィカルでわかりやすい。 プランモードでテトリスを作ってみましょう。 そういえば、Windowsですがいい感じにPowerShellを実行してくれます。 そういえば、別途claudeをインストールもしておらず、VSCode拡張をインストールしただけです。 ツ

                                  Claude CodeのVSCode拡張が使いやすいよ - Qiita
                                • マークダウンっぽい記法で予定表を書ける「Markwhen」レビュー、VS CodeやObsidian向けの拡張機能もあり

                                  「Markwhen」はマークダウンに似た記法で予定表を作り、タイムライン形式やカレンダー形式で表示できるシステムです。一般的なカレンダーアプリではボタンを1つ1つクリックしながら予定を登録する必要がありますが、Markwhenならテキストをダダダッと打ち込むだけで予定を登録できます。 Markwhen https://markwhen.com/ MarkwhenはVisual Studio Code(VS Code)やObsidian向けの拡張機能として利用可能なほか、簡単に使えるウェブアプリ「Meridiem」も用意されています。今回は以下のリンク先にアクセスしてMeridiem上でMarkwhenを使ってみます。 Meridiem https://meridiem.markwhen.com/ Meridiemの画面はこんな感じ。画面中央にMarkwhen形式のテキストが表示され、右側に

                                    マークダウンっぽい記法で予定表を書ける「Markwhen」レビュー、VS CodeやObsidian向けの拡張機能もあり
                                  • AIを仕事でどう使い分けているのかまとめてみた | DevelopersIO

                                    ここに書いているAIは一例です。他にも色々なAIを併用しています。 複数のAIツールに同じことを聞いてみて、見聞を広めるみたいなこともします。 ちゃんと言語化してみると、この様な基準で選んでいるかな、という感じです。 AIによって求められる人間のスキル 対話型 (Claude.aiなど) →「質問力」が重要 自律型 (Claude Codeなど) →「仕様を書く力」「要件定義力 (決まりをちゃんと言語化する)」が重要 対話型でも、ある程度は同じ様なことができますが、自立型AIエージェントの方がもっと自由にいろんなことを任せれます。 (Claude CodeならAgent Skills、Subagents、Hooksの機能など) やってみた 今回はClaude Code開発チームのBoris Cherny氏の使い方を見てみます。 このポストでは、以下のような使い方を紹介しています。 ターミナ

                                      AIを仕事でどう使い分けているのかまとめてみた | DevelopersIO
                                    • Claude CodeやCursorを使って、AIがUIデザインを生成することができる「Pencil」が登場! - Qiita

                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                      • サクッとAPIを叩く方法 (VS CodeでHTTPリクエストが送れちゃう拡張機能) - Qiita

                                        概要 開発中のAPIを試したり、サードパーティのAPIをサクッと叩いてみたいといった時に皆さんどのようにしますか? 私は、curlコマンドやPostmanをよく使っています。 ただ、もっと楽にHTTPリクエストを投げ、かつその時使用した情報を残すことができる方法を以前のチームメンバーに教えていただいたので、記事にしました。 REST Client 今回、紹介するのはVS CodeのエクステンションにあるREST Clientというものになります。 このREST ClientというのはVS Code上でHTTPリクエストを送信し、レスポンスを確認できる拡張機能となっています。 使用方法 使用方法はすごく簡単で、拡張子が「.http」か「.rest」というファイルで決められた構文に従いHTTPリクエストを記述するだけです。 下記にcrudの例を載せていきたいと思います。 また今回はREST A

                                          サクッとAPIを叩く方法 (VS CodeでHTTPリクエストが送れちゃう拡張機能) - Qiita
                                        • どうして開発チームはClaude Codeをうまく活用できないのか|すてぃお

                                          経営者から「AIを使った開発をうちの開発チームにもやってほしいんだけどうまく活用できていないようなので、うまく活用できるようにしたい」と相談を受けます。 僕も下記のような記事を書いているのですが、そもそも使い倒すためには前提条件があるので説明するためにこのnoteを書いています。 (ついでにエンジニアがこの記事を使って経営層に説明しやすくなると良いなと思ってます) 前提 エンジニアとしても生産性の向上するような施策はぜひやりたいと思っていて、Claude Codeなどのコーディングエージェントも活用してうまくやれるなら活用したいと思っている(はず。今回は現場のエンジニアも活用したいと思っている前提で進めます) エンジニアとしては活用したいが活用できないというジレンマが存在しています。 今回、掲載する画像は下記のような簡易的なツールから生成しているので 経営層に説明する際にエンジニアの皆様は

                                            どうして開発チームはClaude Codeをうまく活用できないのか|すてぃお
                                          • コードレビューのときに見ているところ - 詩と創作・思索のひろば

                                            あるときコードレビューするときにどういうところ見てるんですか? と訊かれてたしかに自分でもあまり言語化したことはなかったな、と気づいたので簡単に書いておく。 変更意図が要求に沿っているか そもそも実現しようとしていることが、ユーザやプロダクトオーナーの要求に沿っているか。モデリングや実装のコンテキストを自分でも把握しておく。 関連する別の変更やイシューなど、自分が知っていて相手が知らない有意義な情報があったらコメントする。 モデリングが妥当か モデルによって意図が表現できているか。仕事が適切な粒度で明確に切り分けられているか。意図のない共通化がなされていないか。 わかりやすい名前がつけられているか。ここが混乱していると何かがよくないサイン。既存のコードがすでに……ということもある。そういう場合は改善できそうな道筋について議論できるとベター。 仕事にあったインタフェースになっているか。テスト

                                              コードレビューのときに見ているところ - 詩と創作・思索のひろば
                                            • How I use Claude Code (+ my best tips)

                                              What are best AI tools? Take the State of AI survey

                                                How I use Claude Code (+ my best tips)
                                              • 【完全実録】Claude codeで作った個人プロジェクトが副収入を生むまで〜月3万円から月15万円への道のり|成功のレシピ

                                                ❓ この記事を読んで何が分かる? ➡️ Claude codeを使った個人開発の具体的なステップ ➡️ 初心者でも月3万〜15万円を目指せる収益化の仕組み ➡️ 実際に成功した人たちの失敗談と成功ポイント 👍 読むメリット ✅ プログラミング未経験でも収益化までの道筋が明確になる ✅ 時間やスキルに応じた現実的な収入目標が設定できる ✅ AI時代の新しい働き方で副収入を得る方法がわかる ✅ 失敗を避けるための具体的な注意点と対策を学べる 📖 推奨読者 🧍🏻 本業の収入に+αを求めている会社員(特に20〜40代) 🧍🏻 プログラミングに興味があるけど何から始めればいいか分からない方 🧍🏻 個人開発に挑戦したけど収益化できずに悩んでいる方 🧍🏻 AI技術を使って新しいスキルを身につけたい初心者 💡 一言で言うと: AI(Claude code)というパートナーを得ることで

                                                  【完全実録】Claude codeで作った個人プロジェクトが副収入を生むまで〜月3万円から月15万円への道のり|成功のレシピ
                                                • ChatGPT、ローカルマシン上のXcodeやVSCodeのコードを読み込み、直接編集してプログラムを作成可能に。Mac版の新機能として

                                                  ChatGPT、ローカルマシン上のXcodeやVSCodeのコードを読み込み、直接編集してプログラムを作成可能に。Mac版の新機能として OpenAIは、Macのデスクトップ環境に対応した「ChatGTP for Mac」が、XcodeやVisual Studio Code(VSCode)のコードを読み込み、直接編集してプログラムの変更や作成を行える新機能を明らかにしました。 下記は公開されたデモ動画からの画面キャプチャです。 ChatGPT for Macの新機能を使うには、Xcodeを開きつつ、「Option+Space」を押すか、ChatGPTメニューバーアイコンをクリックしてChatGPTチャットバーを開きます。 ここでプロンプトを入力すると、ChatGPTがXcodeで開いているコードを読み込み、プロンプトの内容に従ってコードの編集や作成を開始します。

                                                    ChatGPT、ローカルマシン上のXcodeやVSCodeのコードを読み込み、直接編集してプログラムを作成可能に。Mac版の新機能として
                                                  • 「VS Code」でMarkdownの編集とプレビューの行き来を減らす「Markdown Live Editor」/エディターとプレビューを融合させたWYSIWYGスタイルの編集を実現【レビュー】

                                                      「VS Code」でMarkdownの編集とプレビューの行き来を減らす「Markdown Live Editor」/エディターとプレビューを融合させたWYSIWYGスタイルの編集を実現【レビュー】
                                                    • Reactチームが見てる世界、Reactユーザーが見てる世界

                                                      Reactはシンプルなサイトから複雑なアプリケーションまで、非常に幅広く採用されている人気のフレームワークです。OSS化から10年以上の歴史がありながら、昨今もReact Server Componentsなど革新的なアイディアを我々に提案し続けています。 一方で、React Server Componentsへの批判的意見やBoomer Fetching問題などを見ていると、Reactチームと一部Reactユーザーの間には意見の相違が見て取れます。この意見の相違はそれぞれが置かれた状況の違いから生じるもの、つまり「見てる世界が違う」ことに起因してると筆者は感じています。 本稿では「Reactチームの見てる世界」を歴史的経緯を踏まえながら考察し、Reactの根本にある思想やコンセプトに対する読者の理解を深めることを目指します。 要約 ReactはMetaの大規模開発を支えるべく開発され、シ

                                                        Reactチームが見てる世界、Reactユーザーが見てる世界
                                                      • LINEスタンプの作成〜申請まで10分!Claude Codeで画像分割と透過ツールをつくってみた|Makari|AIイラストと副業

                                                        こんにちは、Makariです。 小4の娘がLINEスタンプを自分で作りたいというので、一緒に作っていたのですが… 画像の分割や透過作業が地味に面倒…😑 ということで、 Claude Codeを使って、一覧画像の切り抜き&透過まで一気に自動化してみました💡 スタンプの画像生成〜LINEスタンプの登録まで 実際にかかった時間は、約10分。 この記事では、その手順をまとめてみました𓂃‪𓈒 𓂂𓏸 ▼Claudeデスクトップアプリ版のダウンロードはこちら LINEスタンプをつくる方法さっそく、今回LINEスタンプを作った手順を紹介していきます。 素材を作るまずはLINEスタンプの一覧画像を作成します。 今回はGemini(Nano Banana 2)を使用しました。 ▼プロンプト LINEスタンプが描かれた一覧画像を16個作成して。 添付画像を使う。 ステッカー風。 喜怒哀楽など感情が伝

                                                          LINEスタンプの作成〜申請まで10分!Claude Codeで画像分割と透過ツールをつくってみた|Makari|AIイラストと副業
                                                        • Cursorを"導入"だけじゃなく"活用"まで メルカリ2000人展開のリアル

                                                          公的機関の発表資料に適合した作業環境がBEST__情報機器作業における労働衛生管_理のためのガイドラインについて__を添えて.pdf

                                                            Cursorを"導入"だけじゃなく"活用"まで メルカリ2000人展開のリアル
                                                          • Kiroとコンテキストエンジニアリングの時流

                                                            Kiroの特徴は、スペック駆動開発、エージェントフック、ステアリングファイルといった独自の機能を通じて、ソフトウェア開発のライフサイクル全体を支援します。それぞれ見ていきましょう。 スペック (Specs)駆動開発Kiroの中核をなすのが「スペック=仕様書」機能です。これは、ユーザーが入力した大まかな指示(例:「ユーザー認証機能を追加して」)をもとに、AIが「要件定義」「設計」「タスクリスト」という3段階のドキュメントを自動で生成するものです。 Markdownファイルが.kiro/specs/${task}/配下にタスク単位で生成されます。これらのファイルをエージェントがタスクを実行する際に常に参照しています。 このアプローチは「スペック駆動開発」と呼ばれ、AIがコーディングを始める前に、まず「何を作るべきか」を明確に定義することを目的とします。AIが途中で見当違いのコードを生成してしま

                                                              Kiroとコンテキストエンジニアリングの時流
                                                            • Claude Codeによる生産性向上の限界|すてぃお

                                                              最近、Claude Codeを使っている人から「レビューが追いつかない」という相談をよく受ける。これは偶然ではなく、必然的に起きる現象だと考えています。 このnoteでは どうしてClaude Codeによる生産性向上の限界が訪れるのか どうすれば、全体の生産性が向上するのか Claude Codeを利用した場合にレビュープロセスでのボトルネックをどのように解消させていくか の3つを書いていきます。 プロダクト開発の典型的なワークフローまず、多くのチームで採用されている機能追加のワークフローを整理してみる。 ※あくまで一般例なので、チームにより変更があると考えています 機能追加のワークフローこの流れ自体は理にかなっていると思っています。 問題は各プロセスの処理速度のバランスです。 ボトルネック理論で考える開発プロセス生産管理の世界には「制約理論(TOC: Theory of Constra

                                                                Claude Codeによる生産性向上の限界|すてぃお
                                                              • 新デザインツールPencilはなぜエンジニアに刺さるのか

                                                                この記事は2026年2月20日時点の情報をもとにしています。Pencilは早期アクセス段階のため、仕様変更の可能性があります。最新の情報は公式サイトを確認してください。 Pencilとは何か Pencilは、IDEに統合できるAIネイティブなデザインツールだ。公式のキャッチコピーは「Design on canvas. Land in code.」で、デザインをキャンバス上で行い、そのままコードに落とし込むことを目指している。 Figmaのようなベクターキャンバスを持ちながら、Claude CodeやCursorといったAIコーディングツールとMCP(Model Context Protocol)で双方向に連携する。デスクトップアプリとしても、VS CodeやCursorの拡張機能としても動く。 macOS、Linux、Windowsに対応していて、早期アクセス中は無料で使える。 なぜエンジ

                                                                  新デザインツールPencilはなぜエンジニアに刺さるのか
                                                                • 2026年初頭のClaude Code Skillsについてまとめる

                                                                  3. アップデート履歴 次にskills登場後からskillsに関連する主要な(skillsの立場が変化するような)アップデートを見てみます。 細かいUXの改善系のアップデートは多数含まれているのですが、ここでは省略しています。 v2.0.20: Skills登場 リリース✨ v2.0.43: subagentsのskillsフロントマターの追加 subagentsのフロントマターでskillsフィールドを指定できるようになりました。 これによりスタートアップ時にsubagentsに特定のskillsを読み込むことができるようになりました。 v2.1.0: context: fork、agentフィールド このアップデートでskillsに多数の機能が追加されました。 skillsにcontext: forkフロントマターの追加 skillsのフロントマターで context: fork を

                                                                    2026年初頭のClaude Code Skillsについてまとめる
                                                                  • 今こそCodexに全振りするチャンス!ClaudeCodeからCodexへの移行と実践Tips9選

                                                                    背景 Claude Codeサービス提供以来ずっと下記の理由で大好きでMaxプランを利用して、一緒にたくさんの価値を創りました。 Claude Codeを好きな理由 1. Default状態でアウトプットの質が高い 依頼Prompt以外、何にも用意しない状態で相談することで、専門家レベルの議論ができます。 Knowledge-baseやCLAUDE.mdちゃんと用意すれば、意図した通りcodingができます。 2. 仕事が早い thinkがあっても体感的に速い動きができています。 3. モデル性能と機能面最先端 Sonnet3.5から今最新の4.5までcoding領域のモデル性能が最強。 機能面もMCPからSubAgent、最新のSkillまで業界の提案者であり、豊富でした。 一方、最近自分自身とチーム全体でClaude Codeの利用からCodexに移りました。 その理由と過程及び(現状

                                                                      今こそCodexに全振りするチャンス!ClaudeCodeからCodexへの移行と実践Tips9選
                                                                    • Visual Studio Code と Docker コンテナを使って開発する - Pepabo Tech Portal

                                                                      技術部データ基盤チームの @zaimy です。今回は、 Visual Studio Code(以下 VS Code)と Docker コンテナを使って開発環境を構築する方法を紹介します。 データ基盤エンジニアの開発環境として、Python を使用する単一コンテナを例に記述しますが、他の言語や Docker Compose を使う場合でも応用できます。 背景: M1 Mac (Monterey) に Python 3.8.12 をインストールできない 先日、業務で使用するマシンを Intel Mac から M1 Mac に切り替えたのですが、CPU アーキテクチャが異なることに加えて、OS のバージョンが上がったことで Apple Clang に下位互換性のない変更が入っており、業務上ある理由で必要な Python 3.8.12 のインストールが困難でした。 そこで、私の所属するチームは全員

                                                                        Visual Studio Code と Docker コンテナを使って開発する - Pepabo Tech Portal
                                                                      • Open Interpreterの使い方や料金を徹底解説!実際にアンケート結果のデータ分析をした活用事例を紹介!|Ainova

                                                                        1. インストール 1pip install open-interpreter ターミナルで次のコマンドを実行して、Open Interpreter をインストールします。 2. 対話型チャットの開始 インストール後、次のコマンドを実行して、ターミナルで対話型チャットを開始できます。 1interpreter Python で対話型チャットを開始するには、次のコマンドを実行します。 1import interpreter 2interpreter.chat() 2. OpenAI APIキーの設定 OpenAIのAPIキーを利用する場合は設定が必要ですが、OpenAIのキーを使用しない場合は、Code-Llamaを利用することができます。 これで、Open Interpreterを利用する準備が整いました。 Open Interpreterの使い方 タスクの依頼・実行 Open Inter

                                                                        • Claude Codeとplaywright mcpを連携させると開発体験が向上するのでみんなやろう

                                                                          どうもこんにちは、Claude Codeで遊び始めて2週間くらいが立ちましたがまだまだ模索中です 最近覚えた新しいテクニックが playwright-mcp(https://github.com/microsoft/playwright-mcp) を使ってブラウザ操作を全てclaude code経由でやるというものです playwrightはpuppeteerと同じく、chromeなどのブラウザをjsで操作するやつなのですが、puppeteerよりも使い勝手が良い&更新が超高頻度なのでよく使っています ※ただし、mcpサーバーのplaywrightは本家と比べると機能がイマイチなのでそこは発展を待ちましょう さて、mcpサーバーをclaudeに追加する設定ですが、claude自身に質問すると大嘘をつくので(ここらへんしんどさ感じますよね)原典を当たる必要があります mcpの追加 具体的には

                                                                            Claude Codeとplaywright mcpを連携させると開発体験が向上するのでみんなやろう
                                                                          • Claude Code / Codex / Gemini CLI — Skills 機能比較まとめ

                                                                            私自身が忘れてしまうので、Claude Code / Codex / Gemini CLIのSkillsについてまとめる。 共通の背景:Agent Skills オープン標準 3ツールとも Agent Skills というオープン標準(agentskills.io)に準拠している。元々は Anthropic が提唱し、OpenAI Codex・Gemini CLI・Cursor など複数ツールが採用。コアのフォーマットは共通で、SKILL.md ファイルを中心としたディレクトリ構成を取る。

                                                                              Claude Code / Codex / Gemini CLI — Skills 機能比較まとめ
                                                                            • Microsoft、「基礎C#認定資格」を公開 無料でC#が学べる35時間分のトレーニングコースも

                                                                              C#は動的なWebアプリケーション、Unityゲーム、包括的なエンタープライズソリューションなどの作成に不可欠な、主要なプログラミング言語として不動の地位を保っている。 基礎C#認定資格はC#のスキル、およびC#という言語を習得するために費やした時間と努力の証明書になる。資格で仕事の能力が保証されるわけではないが、ポートフォリオに追加すれば継続的な成長への取り組みとC#の熟練度が証明される。 Microsoftは、高い評価を受けているfreeCodeCampと提携することで、C#の認定は単なるバッジではなく、質の高い教育を受けた証になるとしている。 「C#プログラミングの包括的な入門コースの内容は、C#のコアコンセプト、構文、ソフトウェア開発における実践的な応用が含まれている。実習やプロジェクトを通して、変数、データ型、制御構造、オブジェクト指向プログラミングの原則など、C#の基礎を学べる

                                                                                Microsoft、「基礎C#認定資格」を公開 無料でC#が学べる35時間分のトレーニングコースも
                                                                              • 良いソフトウェアとコードレビュー / Good software and code review

                                                                                Scala + Caliban で作るGraphQL バックエンド / Making GraphQL Backend with Scala + Caliban

                                                                                  良いソフトウェアとコードレビュー / Good software and code review
                                                                                • AIによる開発は楽しすぎるが、基礎学習が疎かになりそうで怖い - $shibayu36->blog;

                                                                                  最近Claude Codeなどのコーディングエージェントによる開発が非常に便利になっていて、何か作りたいなと思ったら今までにないスピードで開発ができるようになった。自分だと https://github.com/shibayu36/mysql-schema-explorer-mcp はCursor AgentやClaude Codeでかなりの部分を開発した。 コーディングエージェントによる開発をいろいろ試して思ったことは、とにかく楽しすぎるということ。自分がこういうものが欲しいなと思ったら、今までにないスピードで魔法のようにできあがる。モノづくりという側面だけでプログラミングを見た時に、面倒な部分をすべてすっ飛ばしてどんどん作れてしまう。この魔法のようにできあがる体験はとにかく楽しい。 一方で、この楽しさは一種の麻薬のようにも感じる時もある。コーディングエージェントによる開発をしていると、

                                                                                    AIによる開発は楽しすぎるが、基礎学習が疎かになりそうで怖い - $shibayu36->blog;

                                                                                  新着記事