hanzochang
OpenClaw APIトークン節約 - Happy + Claude Codeで出先から開発・指示出し

OpenClaw APIトークン節約 - Happy + Claude Codeで出先から開発・指示出し

Happyのプロセス切断をOpenClawで復帰させ、出先からいつでもClaude Code / Codexにリモートアクセスする方法を解説。APIトークンの節約と、スマホ1台で完結するAI開発ワークフローを紹介します。

AI
公開: 2026.02.17
FDE（Forward Deployed Engineering）とは - 中小企業のAI導入で活きる場面

FDE（Forward Deployed Engineering）とは - 中小企業のAI導入で活きる場面

FDE（Forward Deployed Engineering）はPalantirが体系化した顧客現場型エンジニアリング手法です。中小企業のAI導入においてFDEが活きる具体的な場面と、従来のSIer・コンサル・SaaSとの違いを解説します。

AI
公開: 2026.02.16
OpenClaw セキュリティと攻撃の実態 - CVE-2026-25253・プロンプトインジェクション・ClawHub

OpenClaw セキュリティと攻撃の実態 - CVE-2026-25253・プロンプトインジェクション・ClawHub

OpenClaw（旧Moltbot）への実際の攻撃事例を解説。CVE-2026-25253（1-Click RCE）、CVE-2026-24763（Docker脱出）、Zenity間接プロンプトインジェクション、ClawHubサプライチェーン攻撃と、ソースコードレベルの防御機構を詳述します。

AI
公開: 2026.02.15
OpenClaw 通信・接続の仕組み - なぜDiscordのメッセージでローカルのbashが動くのか

OpenClaw 通信・接続の仕組み - なぜDiscordのメッセージでローカルのbashが動くのか

OpenClawはなぜDiscordやSlackからローカルのbashを操作できるのか？外向きWebSocket接続の仕組み、Gateway内部のメッセージフロー、Node.jsプロセスの権限継承まで、ソースコードを追いながら通信経路を解説します。

AI
公開: 2026.02.14
OpenClawの仕組み アーキテクチャ解剖 - ソースコードで読む5レイヤー設計

OpenClawの仕組み アーキテクチャ解剖 - ソースコードで読む5レイヤー設計

OpenClaw（旧Moltbot/Clawdbot）のソースコードを徹底解読。Input Sources・WebSocket Gateway・Agent Runtime・LLM Providers・Output & Storageの5レイヤー構成、ChannelPluginインターフェース、エージェントループ、スキルシステムの設計思想を解説します。

AI
公開: 2026.02.13
[並列作業] ClaudeCodeに声でリマインダさせて、待ち時間放置時間をゼロに！

[並列作業] ClaudeCodeに声でリマインダさせて、待ち時間放置時間をゼロに！

Claude Codeが完了や質問待ちになったら音声で喋って教えてくれる。放置が続けば繰り返しリマインド、応答したら自動停止。セッション終了後のリマインダ残留問題の対策と、ミュート切り替え機能も解説。プロンプト付き。

AI
公開: 2026.02.10更新: 2026.02.16
[並列作業] ClaudeCodeの進捗を「音＋案件名」で通知！プロンプト付き！

[並列作業] ClaudeCodeの進捗を「音＋案件名」で通知！プロンプト付き！

Claude Codeを複数プロジェクトで並列に走らせていると、どこが終わったか見失いがち。Hooksとsayコマンドで「効果音＋案件名の読み上げ」を設定すれば、画面を見なくても進捗が分かります。コピペで設定できるプロンプト付き。

AI
公開: 2026.02.09
MCP Apps入門 - Skill付き！AIチャット内にオリジナルUIを埋め込む

MCP Apps入門 - Skill付き！AIチャット内にオリジナルUIを埋め込む

Model Context Protocol Appsを使ってAIクライアント内にHTML UIを埋め込む方法を解説します。テキストだけでは伝えきれない色やチャートのようなビジュアル情報をインタラクティブに表示する技術を学べます。

AI
公開: 2026.02.08
Token2022で作るステーブルコインに強制差押機能を実装 — PermanentDelegate【TokenExtension解説】

Token2022で作るステーブルコインに強制差押機能を実装 — PermanentDelegate【TokenExtension解説】

Solana Token2022のPermanentDelegate拡張を使い、管理者がトークンを強制Transfer/Burnできる仕組みを解説。規制対応やステーブルコイン運用に必要な差し押さえ機能を、@solana/kitによるTypeScript実装をコード付きで紹介します。

Crypto
公開: 2026.01.31
Token2022で作るステーブルコインに送金手数料機能を設定 — TransferFee【TokenExtension解説】

Token2022で作るステーブルコインに送金手数料機能を設定 — TransferFee【TokenExtension解説】

Solana Token2022のTransferFee拡張を使い、トークン送金時に手数料を自動徴収する仕組みを解説。basis pointsによる手数料率設定から手数料付き送金の実行まで、@solana/kitによるTypeScript実装をコード付きで紹介します。

Crypto
公開: 2026.01.30
Token2022にMetadataを付与する — TokenMetadataとMetadataPointer【TokenExtension解説】

Token2022にMetadataを付与する — TokenMetadataとMetadataPointer【TokenExtension解説】

Solana Token2022のTokenMetadataとMetadataPointerを使い、Mint内にメタデータを直接埋め込む方法を解説。@solana/kitによるTypeScript実装をアンカー付きコードで紹介します。

Crypto
公開: 2026.01.29
Token-2022とは - SPL Tokenとの違いと拡張機能について

Token-2022とは - SPL Tokenとの違いと拡張機能について

Token-2022（Token Extensions）はSPL Tokenの上位互換として登場したSolanaの新しいトークン規格です。送金手数料、秘密保持転送、ロイヤリティ管理など13以上の拡張機能を解説し、Solana Kitでの実装方法も紹介します。

Crypto
公開: 2026.01.28
Surfpool入門 - solana-test-validatorの上位互換ツールでSolana開発を効率化

Surfpool入門 - solana-test-validatorの上位互換ツールでSolana開発を効率化

Surfpoolはsolana-test-validatorのdrop-in replacementとして動作するSolanaローカル開発ツールです。MainnetのUSDCやJupiterなどのアカウントをオンデマンドで取得でき、実際のトークンを使った統合テストが可能です。

Crypto
公開: 2026.01.27
動画AI・LLM開発｜ffmpegを使った動画チャンク(chunking)の落とし穴

動画AI・LLM開発｜ffmpegを使った動画チャンク(chunking)の落とし穴

動画LLM開発で発生する時間精度問題とその解決策。NTSC 29.97fpsでのフレーム単位分割手法により、Premiere Proで正確に表示される60秒チャンクを実現する方法を解説します。

AI
公開: 2025.12.30
XのiOSアプリが外部サイトをPrefetch(先読み)する仕様とその影響

XのiOSアプリが外部サイトをPrefetch(先読み)する仕様とその影響

2025年11月、XのiOSアプリが外部リンクを事前読み込みする仕様に変更。バズ発生時にサーバー負荷だけ増えてPVがカウントされない問題とその対策を解説します。

Others
公開: 2025.12.30
Node.jsでjsdomを使うとメモリリーク - window.close()忘れによる落とし穴と解決策

Node.jsでjsdomを使うとメモリリーク - window.close()忘れによる落とし穴と解決策

jsdomでHTMLパーサーを実装した際に発生したメモリリーク問題の原因と解決策を解説。並行処理環境で数千のwindowインスタンスが未解放になる問題をsetTimeout非同期クローズで解決した実例を紹介

Others
公開: 2025.11.14
SolanaNFT作り方一覧 - TokenMetadata・CoreAssets・cNFT等 11パターンを比較解説

SolanaNFT作り方一覧 - TokenMetadata・CoreAssets・cNFT等 11パターンを比較解説

Solana NFT開発で迷わない実装選択ガイド。SPL Token・Token Metadata・Core Assets・cNFT・xNFT全11パターンの技術仕様・コスト・マーケット対応を徹底比較。開発者向け最適化指針付き

Crypto
公開: 2025.08.21
Android API 35対応でデザインが崩れた！Edge-to-edge表示の対処法

Android API 35対応でデザインが崩れた！Edge-to-edge表示の対処法

Android API 35（Android 15）でEdge-to-edge表示がデフォルト有効になり、アプリバーがステータスバーと重なる問題の解決方法を詳しく解説します。

Others
公開: 2025.08.05
Solana x Anchor - remaining_accounts CPI利用時のlifetimeエラー解決

Solana x Anchor - remaining_accounts CPI利用時のlifetimeエラー解決

Solana remaining_accounts利用時のlifetimeエラーを解決。CPI呼び出しでのライフタイム競合の原因と3つの解決パターンを実コード付きで解説。

Crypto
公開: 2025.07.31
Solana Anchor アカウントタイプ解説：技術特性と選択基準

Solana Anchor アカウントタイプ解説：技術特性と選択基準

Solana AnchorのSigner、Account、AccountLoader、UncheckedAccount、Program、SystemAccount、AccountInfo、InterfaceAccount、Mint、TokenAccount、SystemProgramの技術的特性、パフォーマンス、セキュリティ特性を客観的に解説し、技術要件に基づく選択基準を提供します。

Crypto
公開: 2025.07.31
Claude Code SubAgentsでアーキテクチャ監査 - 一貫した一貫した設計思想のもとでコーディングを自動化

Claude Code SubAgentsでアーキテクチャ監査 - 一貫した一貫した設計思想のもとでコーディングを自動化

Claude CodeのSubAgents機能を使って、アーキテクチャに従いコードに一貫性を持たせた快適なコード生成手法を紹介。

AI
公開: 2025.07.29
インテリジェントチャンクで巨大PDFをLLMに効率よく解析させる方法

インテリジェントチャンクで巨大PDFをLLMに効率よく解析させる方法

Intelligent chunkingのアプローチで巨大PDFから特定データを確実に抽出するシステム設計思想を解説。従来手法の限界を克服し、抽出成功率を10倍以上改善した実践的アプローチとアーキテクチャ設計を詳述します。

AI
公開: 2025.07.23
【BPO AI 事例】mastraのagentで100,000件のデータ分類を99%コスト削減した実装方法

【BPO AI 事例】mastraのagentで100,000件のデータ分類を99%コスト削減した実装方法

BPO業務でのAI活用事例。GPT-4o-miniによる大規模データ分類で従来手法と比較して99%のコスト削減を実現。アルバイト・クラウドソーシングとの詳細なコスト比較と実装方法を解説します。

AI
公開: 2025.07.22
Next.js + Satori + Sharp で動的画像生成 - WebFontとレイヤー合成を使いこなす

Next.js + Satori + Sharp で動的画像生成 - WebFontとレイヤー合成を使いこなす

Reactコンポーネントをベースにした動的画像生成システムの構築方法を解説します。Satori、Sharp、Google Fontsを組み合わせ、WebFontの動的読み込みと複数レイヤーの画像合成を実現する実践的な手法を紹介します。

Others
公開: 2025.07.20
Railway.appで複数のcronを実行する方法

Railway.appで複数のcronを実行する方法

Railway.appでは単一のcronしか実行できないという制限がありますが、独自のcronサービスを作成することで複数のcronジョブを実行する方法を解説します。Node.js + TypeScriptでのcronサービスの実装から、Railway.appでのデプロイまでを網羅的に説明します。

Others
公開: 2025.07.17
mastra x prisma ビルドエラー - production buildでprisma generateでclientを生成できない問題の解消

mastra x prisma ビルドエラー - production buildでprisma generateでclientを生成できない問題の解消

mastraにprismaを組み合わせて本番ビルドを行う際に、prismaのclientがbuildできない問題。ESMとCommonJSの互換性問題が原因で発生するこの問題の解決方法を詳しく解説します。

AI
公開: 2025.07.15
thirdwebのgetOwnedTokenIdsがslowな問題を解消する

thirdwebのgetOwnedTokenIdsがslowな問題を解消する

thirdweb の getOwnedTokenIds のレスポンスが遅く、利用に耐えないという問題があります。トークン数が少ない場合は問題が顕在化しませんが、トークン数が多い場合この点難しいところです。本記事ではそれに対しての対策を案内します。

Crypto
公開: 2023.01.12
NFT会員サイト作成TIPS - 保有NFT一覧を高速に取得する方法

NFT会員サイト作成TIPS - 保有NFT一覧を高速に取得する方法

NFT保有者限定サイトを作成するにあたり、ウォレットがどの tokenId を保持しているかを判定したい場面があります。例えばユーティリティの申し込みや判定において、特定のプレミアムがついた NFT のみ許可する一覧取得が必要になります。この記事ではどのトークンを保持しているかを高速に出力する実装方法について解説します。

Crypto
公開: 2023.01.11
拡張機能開発事例 : React-Konvaでブラウザにレイアウトグリッドを敷ける拡張機能を開発した話

拡張機能開発事例 : React-Konvaでブラウザにレイアウトグリッドを敷ける拡張機能を開発した話

Figma等のデザインツールでよくみるLayoutGridをbrowserに敷くchrome extension「Layout Grid for Browser」を開発しました。ブラウザ上にガイドを敷くことにより、高速かつ高品質なフロントエンドでのマークアップを実現することを狙ったプロダクトです。この記事では、その開発の成果と、どういう実装概要を簡単に説明しています。

Others
公開: 2022.09.12
thirdwebでの WhitelistMint / PreMint / PublicMint のやり方 - Claim Conditionsの知見とともに

thirdwebでの WhitelistMint / PreMint / PublicMint のやり方 - Claim Conditionsの知見とともに

NFTの配布では、一般にWhitelistMINT(WLMint)、PreMint、PublicMintといった配布方式があります。それらをthirdwebでどう実現していくかを説明していきます。

Crypto
公開: 2022.09.11更新: 2022.09.12
FramerMotionで流れるループ画像を作る / How to Create Infinite Autoplay Carousel (Ticker Carousel)

FramerMotionで流れるループ画像を作る / How to Create Infinite Autoplay Carousel (Ticker Carousel)

SaaSのLPにあるような流れる企業ロゴを、FramerMotionとReactでお手軽に流れるループ画像を作ります。既存のCarouselのpackageを魔改造することなく実現できるので、見通しがよく、デザインの改築を簡単に行えます。

Others
公開: 2022.07.04
thirdwebの使い方 - 独自コントラクトの作成と「NFTのMINTサイト」の作り方を紹介

thirdwebの使い方 - 独自コントラクトの作成と「NFTのMINTサイト」の作り方を紹介

thirdwebでの独自コントラクト作成 〜 MINTサイト作成までの流れが掴める記事です。サンプルリポジトリ(React/Next.js)を使って、MINTサイトをすぐに構築する方法を説明します。独自コントラクトでのNFT作成までの一連のフローを体験してみましょう。

Crypto
公開: 2022.06.26更新: 2022.10.24
[TIPS] thirdwebのMINT時priceを表示する - thirdwebのフロントエンド実装

[TIPS] thirdwebのMINT時priceを表示する - thirdwebのフロントエンド実装

thirdwebのフロントエンド実装についての記事です。ReactでのNFTDropのMINTの価格の実装方法がわかります。

Crypto
公開: 2022.06.14
thirdwebのBatchUpload利用方法

thirdwebのBatchUpload利用方法

thirdwebにはBatchUploadと呼ばれるIPFSにmetadataと画像をまとめてアップロードしてくれる便利な機能があります。少しだけクセがあるので、この記事は捜査方法を解説しています。

Crypto
公開: 2022.06.12更新: 2022.11.03
リビールNFTの作り方 | thirdwebでつくるノーコードなリビールNFT作成方法

リビールNFTの作り方 | thirdwebでつくるノーコードなリビールNFT作成方法

この記事では、リビール(reveal)機能付きのNFTの作成方法を紹介します。thirdwebを使うことで、ノーコードで実現できます。リビールNFTを使うことで、NFTプロジェクトに期待感を醸成したり、またはガチャのようにNFTごとに価値を変化させたい場合に効果的です。

Crypto
公開: 2022.06.11更新: 2022.07.05
ipfs:// のURLをブラウザで直接見られるようにする

ipfs:// のURLをブラウザで直接見られるようにする

「ipfs://〜」で始まるURIをブラウザで直接閲覧できるようにする方法を紹介します。ipfsのURIをコピペしてブラウザバーにいれるだけで、参照できるようになるので、IPFSを利用した開発が楽になります。

Crypto
公開: 2022.06.11
NFT独自コントラクトをノーコードでデプロイできる、4つのサービスを紹介

NFT独自コントラクトをノーコードでデプロイできる、4つのサービスを紹介

NFTアート作成に必要な前提知識の習得を目的とした記事です。ブロックチェーン・FT・NFT・コントラクトに関する基礎知識を速習することができます。NFTアートの作りたいと思っているクリエイターやエンジニア向けに情報を整理しました。

Crypto
公開: 2022.06.07更新: 2022.06.11
NFTアートの基礎知識 ｜ ブロックチェーン・NFT・コントラクト

NFTアートの基礎知識 ｜ ブロックチェーン・NFT・コントラクト

NFTアート作成に必要な前提知識の習得を目的とした記事です。ブロックチェーン・FT・NFT・コントラクトに関する基礎知識を速習することができます。NFTアートの作りたいと思っているクリエイターやエンジニア向けに情報を整理しました。

Crypto
公開: 2022.06.06
Chrome Extension(拡張機能)をInstallした直後のウェルカムページを実装する

Chrome Extension(拡張機能)をInstallした直後のウェルカムページを実装する

Chrome Extension(拡張機能)をInstallした直後のウェルカムページの実装方法を説明します。

Others
公開: 2022.05.17
ChromeExtension(拡張機能)の開発でショートカットを実装する

ChromeExtension(拡張機能)の開発でショートカットを実装する

この記事ではChrome Extension(拡張機能)のManifest v3の開発で、ショートカット機能をどう実装するかを知ることができます。

Others
公開: 2022.05.04
React製デザインシステム「GeistUI 」を調査してみた

React製デザインシステム「GeistUI 」を調査してみた

React製デザインシステムであるGeistUIを実際に動かしてみました。簡単に紹介します。

Others
公開: 2022.02.02
Strapi V4をHerokuとS3にデプロイし、安くて自由なHeadlessCMS環境を手に入れる。

Strapi V4をHerokuとS3にデプロイし、安くて自由なHeadlessCMS環境を手に入れる。

本記事ではStrapi v4をherokuにデプロイする流れを説明します。セルフホスティング型の利点を生かし、安価で多機能なHeadlessCMS環境を手に入れましょう。ローカル開発環境の構築方法と、本番環境の構築をガイドします。画像保存のストレージはAWS-S3を利用し、ホスティング先はheroku、記事保存のDBにはPostgreSQLを使用します。

Others
公開: 2022.01.27更新: 2022.02.02