タグ

sutatinのブックマーク (7,812)

  • 作業効率を最大化する「デスク環境」と「AIツール」の最適解|genkAIjokyo|ChatGPT/Claudeで論文作成と科研費申請

    AIが研究者の「第2の脳」として定着しつつある2026年。GPT-5.2 Thinkingなどの進化は凄まじいですが、その恩恵をストレスなく受け取るためには、PCモニターといった「ハードウェア」の整備が意外と無視できないと痛感しています。 Nanobananaで作成したイメージ図(理想像)「サブスクは最小限に、価値があるものには投資する」というスタンスで選び抜いた、2026年現在の私の環境を紹介します。 ※記事にはAmazonアソシエイトのリンクを含んでいます。 1. 母艦:MacBook Pro 14インチ (M3 Max)ラップトップ1台で完結させる運用ですが、選定基準は「4Kモニター2画面出力」が可能であること。職場、自宅、出先、どこでも同じ環境を再現可能です。少し高いのは否めませんがデスクトップPC並みのパワーがあって2台買わなくてもよいことを考えると逆にコスパは良いと思います

    作業効率を最大化する「デスク環境」と「AIツール」の最適解|genkAIjokyo|ChatGPT/Claudeで論文作成と科研費申請
    sutatin
    sutatin 2026/01/13
  • Nano Banana Pro Prompts - 高品質AIプロンプトと画像生成 - YouMind

    有名人の肖像画をフィーチャーしたワイドな引用カードを生成するためのプロンプト。背景は茶色、引用テキストはライトゴールドのセリフ体で、テキストが3分の2、人物が3分の1を占めるレイアウト。引用テキストと著者は再利用のためにパラメータ化されています。 有名な人物をフィーチャーした横長の引用カード。背景は茶色で、引用文「Stay Hungry, Stay Foolish」は薄い金色のセリフ体フォント、その下の小さいテキストは「—Steve Jobs」です。テキストの前には大きく控えめな引用符があります。人物の肖像画は左側に、テキストは右側に配置されています。テキストが画像の 3 分の 2 を占め、肖像画が 3 分の 1 を占めており、肖像画にはわずかなグラデーションのトランジション効果がかかっています。

    Nano Banana Pro Prompts - 高品質AIプロンプトと画像生成 - YouMind
    sutatin
    sutatin 2026/01/13
  • Seleniumの作者によるAIと人間のためのブラウザ自動化「Vibium」

    ブラウザ自動化ツールのSeleniumを開発したジェイソン・ハギンズ氏が新たにAIエージェントとの親和性を高めた新しいブラウザ自動化ツール「Vibium」を公開しました。 VibiumDev/vibium: Browser automation for AI agents and humans https://github.com/VibiumDev/vibium Vibium – Browser automation without the drama https://vibium.com/ 今回はWindows 11でNode.jsが利用できる環境を用意した上で、公式のチュートリアルの手順を参考にインストールします。プロジェクトフォルダを作成し、プロジェクトを初期化します。 mkdir my-first-bot cd my-first-bot npm init -y Vibiumをnp

    Seleniumの作者によるAIと人間のためのブラウザ自動化「Vibium」
    sutatin
    sutatin 2026/01/12
  • Cloudflare入れたのに75%素通りだった話 ー 攻撃者も学習する

    Cloudflare入れて安心してた 先日、WordPressサイトにCloudflareを導入しました。 https://zenn.dev/dhc4aki/articles/cloudflare-free-496-blocks 24時間で496件の脅威を緩和。エラー率も45%→32%に改善。「無料でここまでできるのか」と感動してました。 DNS浸透すれば完璧だろう、と。 「あれ、緩和率が下がってる...?」 数日後、Cloudflareのダッシュボードを見て違和感。

    Cloudflare入れたのに75%素通りだった話 ー 攻撃者も学習する
    sutatin
    sutatin 2026/01/12
  • Claude Code への質問とその回答を指定のファイルに保存する方法例 - Qiita

    Claude Code への質問と回答を指定のファイルに保存する方法を、チャットモード / ワンショットモード別に記します。よりよい方法があれば教えてください。 背景 Claude Code (CLI) に質問するとき、質問と回答をマークダウンファイルに保存しておくと、以下の点で便利だと思います。 Claude の回答内容を今すぐには対応できないとき、保留しておける。 Obsidian 保管庫下に保存すれば、マークダウンがレンダリングされて見やすい。 さらに Dropbox で同期すれば、他デバイスからも閲覧できる。 例えば質問をまとめて投げてから外出して、スマートフォンで回答を確認できる。 なので、保存方法の例をケース A と B について記します。 A. チャットモードの場合 (カスタムスラッシュコマンドで直前の質問 & 回答を保存) B. ワンショットモードの場合 (独自シェルスクリ

    Claude Code への質問とその回答を指定のファイルに保存する方法例 - Qiita
    sutatin
    sutatin 2026/01/11
  • GhosttyをVSCodeみたいにしよう!|Naoki |電電猫猫

    English Article 最近はClaude Codeでコーディングすることが増えてきました!しかしこいつもそうだけどVSCodeもメモリをもりもりいます。大いが5プロジェクトもあるとまあメモリもカツカツです。 そうして流行りのGhosttyに乗り換えたのが半年前なんですが、最近はGhosttyでVSCode環境をそのまま再現したい!という今の自分のGhostty環境をお見せします! 私の環境Ghostty環境そして私の元々のVSCode環境です。 詳しく見ていきましょう。まずVSCodeのほうですが、簡単にはこれです。一般的な部類だと思いますが、左のサイドバーにファイル一覧とGitのTree表示。右にはClaude Code or Code Editorとその下にターミナルという基構成です。 これをそのまんまGhosttyで再現したい!ということで実際に使っているのはこれです

    GhosttyをVSCodeみたいにしよう!|Naoki |電電猫猫
    sutatin
    sutatin 2026/01/11
  • MCPでやる必要のない業務をSkillsに置き換えてトークンと時間の消費を爆減してみた

    こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんとして、私より優秀なみなさんが質的なことに時間を使えるように日夜改善を考えています。 私は弊QAチームでのMCP活用として以下のような記事を書いておりました。 今回は最近話題の Agent Skills とあらかじめ作っておいたCLIツールを組み合わせて、QAチームが質的ではない作業にかける時間とトークン消費量を大幅に削減する試みを紹介します。 内容自体はQAチームの取り組みですが、考え方やツールの使い方は他のことに流用できるのではないかと考えています。 先に背景とやったことをざっくり説明 背景: 前回までの取り組み 弊チームでは自動テストに力をいれつつも、手動テストの威力も大事にしています。実際探索

    MCPでやる必要のない業務をSkillsに置き換えてトークンと時間の消費を爆減してみた
    sutatin
    sutatin 2026/01/11
  • Cursor agent best practices

    Coding agents are changing how software gets built. Models can now run for hours, complete ambitious multi-file refactors, and iterate until tests pass. But getting the most out of agents requires understanding how they work and developing new patterns. This guide covers techniques for working with Cursor's agent. Whether you're new to agentic coding or looking to learn how our team uses Cursor, w

    Cursor agent best practices
    sutatin
    sutatin 2026/01/11
  • React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ

    BuriKaigi 2026

    React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
    sutatin
    sutatin 2026/01/11
  • ChatGPT履歴をMarkdown化して知識資産とする方法

    ChatGPTの会話履歴(公式エクスポートのconversations.json)をPythonMarkdownに一括変換し、ローカルで全文検索できる知識資産にします。月単位/会話単位で出力できます。 ChatGPTの履歴を知識資産に変える ChatGPTで調べ物や学習をしていると、数週間後にこうなりがちです。 「あの結論、どのチャットだっけ?」 「確か手順を書いたはず…」 「会話に散らばった知識を横断検索したい」 この記事では、ChatGPTの公式データエクスポートで取得できる conversations.json を、UTF-8Markdownに一括変換して、自分のローカルにmdファイルで保存するスクリプトを作ったので紹介します。 (外部API不要・追加ライブラリ不要・ローカル完結) Quick Start(最短3ステップ) 0) 前提 Python 3.x が動くこと(Windo

    ChatGPT履歴をMarkdown化して知識資産とする方法
    sutatin
    sutatin 2026/01/11
  • Obsidian の個人的に便利だと思う使い方 - Qiita

    そもそも Obsidian とは Markdown ファイル群を閲覧・編集できるデスクトップアプリケーションです。 スマホアプリもあります (iOS/Android)。 Obsidian 公式サイト 具体的に、Markdown ファイルを格納したディレクトリ (サブディレクトリも切れます) を Obsidian に Vault (保管庫) として認識させると、アプリ上からレンダリングされた各ファイルを階層構造ごと Web サイトのように閲覧できます。また、アプリ上から各ページを編集したり、ファイルやディレクトリを新規作成したりもできます。つまり、ローカルに自分用ウィキが構築できます。 同期機能 (有料の公式機能 Obsidian Sync や、無料で試せる外部ストレージ連携プラグイン Remotely Save) もあり、同期すれば他の PC やスマートフォン、タブレットからも自分用ウィキ

    Obsidian の個人的に便利だと思う使い方 - Qiita
    sutatin
    sutatin 2026/01/10
  • 「そもそも生成AIでやるべきでない問い」に、企業が挑んでしまう問題|深津 貴之 (fladdict)

    わりと複数の企業のお悩みが、「そもそも生成AIでやるべきでない問い」にチャレンジして疲弊してる。ので説明メモ。 大企業が生成AIを導入してうまくいかないケースの多くは、ツールの性能不足というより、業務設計がズレている印象があります。 もう少し正確に言うと、「AIが苦手な問い」をそのまま投げている。で、当然苦戦しています。 ポイントは大きく2つあります。 完璧性を要求する仕事を、やってはいけない ステップが長く連鎖する仕事も、やらせないほうがいい 順番に解説すると… そもそも完璧性を要求する仕事を、やってはいけない生成AIは確率分布で、未来を予測したり、答えを予測するマシーンです。つまり、「確率的に間違えが発生する」ことは仕様の一部です。 なので、以下のような「そもそも100%の正しさを前提とする業務は苦手」です。 正解が一意で厳密:数式の厳密計算、機械語や厳密仕様のコード生成(1文字違いで

    「そもそも生成AIでやるべきでない問い」に、企業が挑んでしまう問題|深津 貴之 (fladdict)
    sutatin
    sutatin 2026/01/09
  • Configure Claude Code

    viewportWidth - 20) { leftPos = viewportWidth - dropdownWidth - 20; } // Prevent going off left edge if (leftPos < 20) { leftPos = 20; } $el.style.top = (rect.bottom + 8) + 'px'; $el.style.left = leftPos + 'px'; }"> { const container = $el; // The div with overflow const item = document.getElementById('sidebar-current-page') if (item) { const containerTop = container.scrollTop; const containerBott

    Configure Claude Code
    sutatin
    sutatin 2026/01/08
  • AI時代に今からITエンジニアを目指す若者にオススメする10冊の本 2026年版 - じゃあ、おうちで学べる

    はじめに AIは、あなたが聞いたことにしか答えない。 聞かなかったことは、永遠に教えてくれない。あなたが何を知らないのか、AIは知らない。 2026年だ。AIに聞けば何でも教えてくれる。コードを書いてもらい、設計を相談し、ドキュメントを要約させる。便利だ。では、なぜを読むのか。300ページもあるを、最初から最後まで読む必要があるのか。 は違う。は、聞いていないことを語りかけてくる。知らなかった世界を見せてくる。持っていなかった問いを、手渡してくる。「そんなこと、考えたこともなかった」。そういう瞬間が、にはある。AIとの対話では、たぶん起きない。 AIは効率的だ。知りたいことに、最短距離でたどり着ける。でも、最短距離で歩いていると、道の脇にあるものが見えない。著者が失敗した話、遠回りした話、「今思えば間違いだった」という告白。そういう「寄り道」が、不思議と頭に残る。正解は忘れる。で

    AI時代に今からITエンジニアを目指す若者にオススメする10冊の本 2026年版 - じゃあ、おうちで学べる
    sutatin
    sutatin 2026/01/08
  • 続・Claude Code公式Pluginのすすめ+α

    こんにちは、株式会社 tacoms で SRE をやっている はぶちん (@modokkin) です。 2025年が終わり2026年になりましたね。今年もどうぞよろしくお願いします。 さて、今回は前回の記事の続編として、Claude Codeの最近のアップデートで追加された新機能や便利になったポイントを紹介します。 前回記事のおさらい 前回は公式Pluginの概要とインストール方法、実際に使ってみた感想を紹介しました。 記事の中で、公式マーケットプレイスを手動で追加する手順を紹介しました。しかし2025年12月中旬のアップデートでこの手順が不要になりました。その後も継続的にアップデートがあるので、2026年1月時点の最新情報を紹介します。 最新のアップデート内容(2026年1月時点) 1. Marketplace標準搭載 以前は手動で claude-plugins-official マーケ

    続・Claude Code公式Pluginのすすめ+α
    sutatin
    sutatin 2026/01/08
  • Mac 環境構築2026

    新しいMacマシンを手に入れた時は環境を引き継がずにゼロから環境を育てつつ、色々と試したい。 しばらくメインがデスクトップの Win/WSL2 だったので、色々刷新したい。 2023年版 新しく試したいものリスト AeroSpace 採用 Raycast IME azooKey/azooKey Ghostty ZedEditor chezmoi Aqua Voice Docker ではない仮想コンテナ環境 nix https://github.com/antfu-collective/ni opencode Helix Zellij https://hyperkey.app/ 何かしらの履歴管理 marimo 継続して採用 zsh パッケージマネージャどうしよう mise homebrew eza starship vscode uv ty jj

    Mac 環境構築2026
    sutatin
    sutatin 2026/01/08
  • Claude × Nano Banana Pro で料理漫画を自動生成するパイプラインを作った - Qiita

    ページ,コマ,コマサイズ,シーン説明,キャラクター,セリフ,漫画部分プロンプト,実写料理プロンプト,備考 1,1,大,ユウタが和を洋っぽく盛り付けてしまう,ユウタ,肉じゃが作った!大皿にドーンと盛ったよ!,"被写体:ユウタがダイニングテーブルの前に立ち、大きな白い丸皿を持っている。得意げな笑顔。 構図:テーブルを挟んでユウタの上半身。 場所:1LDKマンションのダイニング、夜。 スタイル:よつばと!風、フルカラー、パステルカラー。","肉じゃがを白い丸皿に山盛り、洋風の盛り付け、違和感がある",導入 1,2,中,ミナが微妙な反応,ミナ,美味しそうだけど…なんか和っぽくないかも,"被写体:ミナがテーブルに座り、皿を見ている。首をかしげている。 構図:バストアップ。 スタイル:よつばと!風、フルカラー。",, """ Nano Banana Pro 画像生成(複数画像対応) Usage

    Claude × Nano Banana Pro で料理漫画を自動生成するパイプラインを作った - Qiita
    sutatin
    sutatin 2026/01/07
  • AIを仕事でどう使い分けているのかまとめてみた | DevelopersIO

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

    AIを仕事でどう使い分けているのかまとめてみた | DevelopersIO
    sutatin
    sutatin 2026/01/07
  • 育てるほど楽になる AI 開発体制を作っている話 | BLOG - DeNA Engineering

    こんにちは。ソリューション部 エンタープライズ事業部 スポーツプラットフォーム部の永田です。普段の業務ではスポーツ領域の新規サービス開発に従事しています。 記事では、複雑なドメインを持つ新規サービス開発のプロジェクトにおいて、「AI を活用して開発生産性を向上させる」 ために構築した仕組みと、その具体的な例を紹介します。 背景と課題 プロジェクトの特性 プロジェクトには、以下のような特性があります。 新規サービス開発: ゼロからの立ち上げであり、設計判断が多い タイトなスケジュール: ビジネス要件上、できるだけ早く開発を進める必要がある 複雑なドメイン・コード: 特有の概念や複雑な構造が多く、全体像の把握が難しい。新規メンバーが多いチーム構成も相まって、ドメイン知識の蓄積が十分でない こうした背景から、AI をうまく活用してスピードと品質を両立して開発を効率化したいと考えていました。

    育てるほど楽になる AI 開発体制を作っている話 | BLOG - DeNA Engineering
    sutatin
    sutatin 2026/01/07
  • スキマ時間にスマホで開発できる時代が来た。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で年末年始に旅行しながら初めてのゲーム開発をした話 - 科学と非科学の迷宮
    sutatin
    sutatin 2026/01/06