無料で使えるCloudflare Accessで安全にローカルのAIを外部から使えるように設定してみた
Cloudflare Tunnelを使うことで、ルーターのポート開放などの設定不要で、ローカルPC上で動いているサービスをCloudflare経由で公開できます。Tunnelを設定しただけの状態では誰でもアクセスできてしまうので、今回はCloudflare Tunnelで公開したURLに対して、Cloudflare Accessによる認証を追加してみることにしました。 Access | ゼロトラストネットワークアクセス（ZTNA）ソリューション | Cloudflare https://www.cloudflare.com/ja-jp/sase/products/access/ Cloudflare Tunnelを使ってローカル環境のサービスへ外部からアクセスできるようにする方法は前回の記事で解説しています。 無料でポート開放など面倒な設定不要でローカル環境を外部に公開できる「Cloudf
ISMSの運用を、GitHub×Claudeで“ラクで楽しい”ものにする【前編】
対象読者: ISMSの活動に関わっているみなさん キーワード: ISO/IEC 27001、リスクアセスメント、情報資産管理、ドキュメント管理の自動化 はじめに ISMS（情報セキュリティマネジメントシステム、ISO/IEC 27001）を運用していると、避けて通れないのが大量のドキュメント管理です。 リスクアセスメント表 情報資産管理台帳 各種マニュアル（社員向け・管理者向け・事務局向け） 監査記録、マネジメントレビュー記録、教育記録…… これらの多くは、現場では Excelやスプレッドシート で管理されているのではないでしょうか。私たちソニックガーデンも以前はそうでした。 ※ 補足：私たち自身は実際にはExcelではなくGoogleドキュメント／スプレッドシートで管理していました。ただ、この記事では分かりやすさを優先して、表計算ソフトでの管理を総じて「Excel」と表現します。「Exc
Claude Code・Codex用に、超爆速で超安全なサンドボックスを作る方法 - Qiita
こんにちは！コロンビア大学の博士課程でAI・セキュリティの研究をしている Koukyosyumei です。 さて、読者のほとんどの方が Claude Code や Codex を使って開発をしていると思いますが、皆さんは「AIエージェントがシェルコマンドやネットワークアクセスを実行するときにどのように安全性を確認しているか」についてどこまで理解しているでしょうか？ エージェントは様々な作業を自動で行ってくれますが、誤ってファイルを削除したり、機密情報を外部に送信したり、CPUリソースを食いつぶすような非効率なプログラムを実行したりする可能性があります。 もちろん、Claude Code や Codex はどちらもエージェントを安全に動かすための仕組みであるサンドボックスを内製しています。また h5i や docker-agent といったより高性能なエージェント向けサンドボックスも注目を集
デザイナー以外でも、Claude Codeでデザインを作れるために取り組んだこと｜坪田 朋
クラシルで、CPOをしている坪田です。 この記事は、「デザインハーネス」イベントで登壇した内容をnoteにしたものです。 チャレンジしたのは「Claude CodeでUIデザインを作りきれるか」。 「ハーネス」という仕組みを作ったことで、デザイナーではないPdMやエンジニアがClaude Codeでデザインシステム（DS）に沿ったUIを作れるようになり、すでにチームの運用として回っている。 この記事では、そこに至るまでに作った仕組みと、つまずいたポイントを共有する。 まず実物からこの通り、同じ依頼でも、ハーネスの有無で出てくるUIはここまで変わる。 この比較で頼んだのは、日本語で「レシピ一覧画面を作って」のひと言だけ。色もフォントも指定していないのに、右側はDSの思想に沿ったUIが出てくる。 出力は技術スタックに合わせられる。ウェブならHTML、アプリならSwiftのコードで、そのまま動く
Cloudflare Drop
Drop a folder or zip. See your site live on Cloudflare's global network in seconds.
設計判断を属人化させないために、DDDの判断フローをWebアプリにしてみた
ここでいう「方式」は、単にアーキテクチャ名を選ぶことではありません。書籍で扱われる業務ロジックの実装方法や技術方式を踏まえて、業務ロジックをどこに置くか、どのアーキテクチャで支えるか、どのテスト方針で守るかをまとめて判断する、という意味で使っています。 どちらも、入力条件に基づいて判断材料を整理するためのツールです。 設計の正解を自動で出すものではありません。ドメイン駆動設計の考え方を参考にした非公式の判断支援ツールです。 新しく方式を決めるときと、既存設計を見直すときに使う 設計判断で混ざりやすいのは、「これから何を採用するか」と「いまの設計をどう変えるか」です。 新規開発では選びやすい方式でも、既存設計がある場合は、既存データ、公開API、切り戻し、段階移行まで含めて判断する必要があります。 そのため新規の方式選定では、業務領域、業務ロジックの置き方、アーキテクチャ、テスト方針を整理し
VS Code DevContainer を使わなくなった私の、LLM エージェント向け開発環境
この記事は長いです。長い癖に具体的に自分が使っているdocker composeなどの設定までは記載していません。そこまで書くとさらにとんでもなく長い記事になってしまうと思ったためです。あくまで思想としてどのように最近開発環境を考えているのかを伝えられたらと思っています。コンテナ開発における環境に悩んでいる方、ぜひ読んでみて感想を聞けたらと思います。私は日々悩み続けています。 以前、「辿り着いた最高の開発環境は Remote な Dev Containers です」という記事を書きました。 当時は本当にそう思っていました。Mac や Windows の普段使い環境を維持しつつ、開発だけ Linux 上に寄せられる。Tailscale や Remote SSH を組み合わせれば、どこからでも同じ開発環境に入れる。 最高だと思っていたのですが。。。 今の私は、VS Code + DevCont
下流でのプロジェクト管理を上流でやらないほうがいい理由、あるいは不確実性にまみれた世界：プロジェクトマジック：オルタナティブ・ブログ
2,3年前にUdemyさんで、変革プロジェクトをリードする方法論について合計24時間のシリーズ講座を発表した。 いま講座の一つを見たら受講生が2万人を超えていたので、それなりの人気コンテンツの様だ。 基本的にこれまで書いた4冊ほどの教科書を整理し直したもの（書いた順番により、複数の教科書をまたがった説明もあるので）。ただ、もちろんこれを機に新しく追加したテーマもある。今日はそれを一つ紹介しよう。 事業会社であれ、SIerなどの外部サービス提供者であれ、システム開発の経験は豊富で、ある程度ノウハウも整理されている。一方で僕らが上流と呼んでいる工程（一般的に上流と呼ばれる要件定義よりも更に前にやる、ゴール策定や現状分析、将来構想など）には慣れていない。というか、全くやったことがない人がほとんど。 そんな状況で、大規模プロジェクトの上流工程をやる際に頻繁に起こるのが「上流工程のプロジェクト管理を
AIが破壊するIT業界の“人月商売” 「SIerの死」後に“生き残る者”の正体
AIエージェントが既存のソフトウェアビジネスの価値を奪う「SaaS is Dead」（SaaSの死）の次に名指しされたのは、SIer（システムインテグレーター）だった。 2月初旬、米Anthropicがナレッジワーカー向けの自律型AIエージェント（人間の代わりに自分で考えて業務をこなすAIアシスタント）機能「Claude Cowork」の業務プラグインを発表すると、世界のソフトウェア・サービス株から6営業日で約8300億ドルの時価総額が消えた。これは「Anthropicショック」と言われる。日本では大手SIerに加え、ベイカレントやSHIFTなどコンサル・開発支援系の銘柄まで売られた。 売りの理屈は、“ある読み”によって整理できる。SaaS株は、AIが人間の代わりに業務をこなすようになれば、人が画面を操作する時間が減り、利用する社員の人数（アカウント数）に応じて料金をもらう「シート課金モデ
Fable 5が使えなくなる前に、その「働き方」をOpus/Sonnetに引き継がせた
前回、Fable 5をトークン破産させずに使い倒す方法について書きました。 簡単にいうとオーケストレーターに Fable 5をおいて、スコープ切り、設計、委譲、最終レビューを任せ、手を動かす実装・テスト・シッピング・コードレビューは Opus と Sonnet のサブエージェントが担う形式です。高いモデルが計画と判断を、安いモデルが実行を受け持つ構成です。これはかなりのタスクでうまく回っていました。 ただ、みなさんご存知の通り、サブスクでのFable 5 アクセスは7月7日で終わります。（近い将来またサブスクに戻ってきてくれることを祈ってはいますが・・・🙏） 追記: 7/12までに伸びましたね！このままずっとサブスク範囲で使わせて欲しい・・🙏 オーケストレーションの仕組み自体はFable 5がなくても動くとはいえ、やはり最上位でスコープを切っていたオーケストレーターのモデルが下がれば、
Claude Code で HTML を出力する際に CSS フレームワークを指定すると便利 - Qiita
HTML 出力は見やすくて自由度が高い Claude Code に成果物を出力させる際、プレーンテキストや Markdown ではなく HTML で出力させると、そのままブラウザ (Chrome など) で開くことができ、Markdown の本部プレビューと比べて人間にとって非常に見やすくなります。 HTML は見出しや箇条書きにとどまらず、各 HTML 要素や CSS, JavaScript, SVG などを組み合わせて多彩な表現ができます。Markdown と比べてはるかに自由度が高いです。 Claude Code チームも 2026/05 に、Markdown ではなく HTML を出力形式として推奨する記事を公開しています。 HTML での問題: 見た目やフォーマットがばらつく 一方で、HTML を出力するつど見た目やフォーマットにばらつきが生じて困るという問題があります。 出力の
AI Agentに自由な開発環境を渡す、Proxmox+LXCで。
こんにちは uzullaです。もはやAIエージェントに作業をさせることがお仕事みたいな時代になりましたね。 Agentに作業をさせるのだから「Enterをおすだけのかんたんなおしごと」は減らして、できるだけロングランしてほしい。 そうなると「エージェントが好き勝手できる」かどうかは重要なポイントです。しかし、自分の作業マシンでそのまま動かすのは怖いですよね、Agentによかれと変なコマンド実行されたり、なんかツールをいれられたら環境が汚れるし（いれていいとしてもそれの精査の手間がかかるし）、ホスト名やポートはかぶるし、DockerのImageとかの名前衝突したり…。 そこで私は、Proxmox上にLXCで使い捨ての作業用VMをポコポコ作って、終わったら捨てる、というのをやっています。 なぜLXCなのか 大前提として、完全仮想化（KVM/QEMU）ではなく、準仮想化（というかコンテナ）のLX
AIでおしゃれな画面を作るためのデザインシステムを学ぼう！ - Qiita
Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。 なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品で・スマホではどう」という複数の観点があるからです。 この記事では、AIでおしゃれな画面を作るために知っておきたいデザインシステムと、AI・デザイナーへの指示の考え方を、デザイン初心者にもわかるように整理します。そのまま使える「指定例（プロンプト）」も各章に載せています。 本記事は社内キャッチアップ会（AIデザインツール「Claude Design」の検証）で作成した資料をベースにしています。スクラッチ開発ではデザインシステムが無いぶん、AIへの指示で「何を定義すべきか」を知っておくことが品質に直結します。 1. Web
ローカルLLMで「Pi」エージェントを動かす
数年前、LLMがコードを書いてくれるようになった当初は、チャットインターフェースでAIとやり取りするのが当たり前でした。しかし、2025年を境にその常識は一変しました。今やチャット形式でのプログラミングは「非効率」とされ、AIエージェントが自律的にタスクをこなす時代になっています。 ただ、この「エージェント時代」には大きな悩みがあります。それは課金です。 なぜ今、ローカルLLMエージェントなのか 現在、市場で最もシェアが高いと思われる「Claude Code」などの商用エージェントサービスは、サブスクリプション費用が月に200ドル（約3万円以上）かかることも珍しくありません。大学生や新社会人の個人開発において、この出費は無視できない重荷です。 もちろん、より安価なプランやAPI利用料を抑えたOpenモデルも存在しますが、クラウドモデルを使う以上、データが分析や学習に利用されるリスクはゼロで
Fable 5をトークン破産させずに使い倒す — オーケストレーターに徹させる運用
はじめに Claude Fable 5、今までのモデルと比べても頭ひとつ飛び出るぐらい賢いですよね。 以前出た時にすぐメインモデルに設定して、実装からデバッグから雑務まで全部やらせた結果、トークンが凄い勢いで食われていくので対策しました。 Fable 5 の賢さは活かしつつトークンは食わせないようにオーケストレーターに徹させる運用に切り替えた結果、Fable の消費がはっきり減り、しかも長時間セッションでの判断のブレが減りました。その構成と、それを1コマンドで組む方法を共有します。 なぜオーケストレーション設定が必要なのか Claude Codeはもちろんオーケストレーション設定なしでも動きます。ただオーケストレーション設定なしでメインモデルにFable 5を設定するとかなり勿体無いです。 例えば、以下のようなタスクを送ったとします。 このタスク自体はシンプルですが、Claude Code
「Herdr」を使い始めたら、もう他のターミナルには戻れなくなった
tmuxとの違い tmuxやZellijは汎用的なマルチプレクサとしては非常に優秀ですが、「現在動いているプロセスがAIエージェントである」という概念を持っていません。そのため、エージェントがAPIキーの入力を待って止まっていたとしても、画面を切り替えて確認するまで気づくことができません。Herdrはエージェント特有の状態を自動で認識し、サイドバーで通知してくれます。 cmuxとの違い cmuxはAIエージェントを管理するために作られ、内蔵ブラウザなどを持つ強力なツールですが、Mac専用の独立したデスクトップアプリケーションです。自分の好きなターミナル環境やシェル設定を捨てて、cmuxの世界に移行する必要があります。一方Herdrは、「あなたのターミナル環境を維持したまま、足りないレイヤー（状態認識と永続性）を追加する」というアプローチをとっています。 3. Herdrのコア機能 ① エー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gemma4やQwen3.6だけじゃない…ローカルLLM「爆速進化」実現した“4つの技術”を解説
nvidia/NVIDIA-Nemotron-Labs-3-Puzzle-75B-A9B-NVFP4 · Hugging Face
ローカル処理で画像から3Dモデルを生成する「Pixal3D」を使いこなす！【Blender ウォッチング】
https://x.com/kojiteshigawara/status/2073885594070249936?s=12&t=RTV5Ms-6SBf0ZVEPNgndjg