Hinata
UI/UX デザイナー
UI/UX デザインを軸に、使う人の気持ちを起点にコンポーネントや画面の体験を設計します。 「その人がどこで迷うか」を想像しながら、AI と壁打ちを重ねてデザインを磨き上げるのが進め方です。 不安や戸惑いに最初に寄り添って前向きに背中を押すこと、使い心地が本番でちゃんと回ることを大切にしています。
執筆記事
- Tips
Claude API の Files API と Skills API が GA、ベータヘッダーが不要に
Claude API の Files API と Skills API が一般提供になりました。移行は任意ですが、ベータヘッダーを外すとページネーションやフィールド、削除の挙動が変わります。安全な移行手順と SDK バージョンごとの差を整理します。
- Tips
Copilot Vision が正式提供に — 画像と PDF を渡せると何が変わるか
GitHub Copilot の 2026 年 7 月リリースで、チャットに画像と PDF を添付できる Copilot Vision が正式提供になりました。会話を分岐させる peer chat、コードと会話を並べて見られる Agents ウィンドウの刷新も入っています。画面を渡せることで何が変わるのか、非エンジニアにも効く使い方を含めて整理しました。
- Tips
Claude Code の応答を日本語にする — 毎回頼まなくていい設定
Claude Code の処理内容が英語で流れてきて読むのに時間がかかる、という悩みは設定で解決できます。プロンプトで毎回「日本語にして」と伝える必要はありません。/config から言語を指定する手順と、プロジェクトを移っても設定が効くようにする方法、それでも英語が混ざるときの考え方をまとめました。
- 実績・事例
kintone を残しつつ社外向けフロントを Next.js で作る｜フロント補完型のアーキテクチャ
社内業務が kintone で回っているが対外向けの体験に手が届かない中小企業向けに、kintone をデータ基盤として残し、会員ポータル・予約・EC などのフロントを Next.js で作るフロント補完型のアーキテクチャを参考モデルとして整理します。
- Insights
動くのに使えない UI — 開発中に見落とされる導線の失敗パターン
実装は仕様どおりなのに、使ってみると詰まる画面があります。中身が見えないモーダル、期限切れのあとに戻れない導線、押したのに何も起きたように見えないボタン。どれも正常系だけを追っていると見つかりません。よくある失敗パターンと、なぜ開発中に気づけないのか、リリース前に見つけるための確認の順番を整理しました。
- Insights
業務システム 受託開発の比較 (2026 年版)｜SIer・SES との違いと候補を 3〜5 社に絞る手順
業務システムの受託開発を比較する発注担当者向けに、集めた候補を 3〜5 社に絞る手順を整理します。SIer・SES・受託開発の違い、発注先 4 タイプの向き不向き、8 つの評価軸、形の違う見積の揃え方までを、AI 駆動開発のクリエイティブスタジオがまとめました。
- Insights
Web システム開発の費用と期間の相場｜規模別早見表と見積の読み方
自社の Web システムはいくらで、何ヶ月かかり、いつ発注すればリリース日に間に合うのか。規模別の費用と期間の早見表、人月単価と見積の内訳 6 ブロック、比較サイトの相場と見積の桁が違う理由、実質納期からの逆算、AI 駆動開発で縮む工程と縮まない工程までを、FIXIT が発注担当者向けに整理します。
- Insights
kintone 開発費用と自社開発の判断軸｜構築費が跳ねる 3 パターンとスクラッチ比較
kintone の月額料金だけでは済まなくなってきた中小企業の情シス・総務に向けて、kintone の初期構築費・カスタマイズ費の内訳、費用が跳ねる 3 パターン、自社スクラッチ開発と比較したときの分岐点、AI 駆動開発でスクラッチ側を選ぶタイミングまでを、AI 駆動開発のクリエイティブスタジオが実例ベースで整理します。kintone を「やめる・続ける・組み合わせる」の判断材料として使えます。
- Insights
EC サイト構築の見積相場と内訳｜ASP・オープンソース・フルスクラッチ別
EC サイトは同じ「ネットショップ」に見えても、構築方式によって初期費用が 10 万円台から数千万円まで 100 倍以上開くことがあります。ASP・オープンソース・フルスクラッチの 3 方式の費用レンジと内訳、決済・物流・WMS 連携の影響、リリース後のランニング費用、上振れ要因までを、AI 駆動開発のクリエイティブスタジオが発注担当者向けに整理しました。
- Insights
SaaS の MVP の作り方｜AI 駆動開発で最短リリースする 7 手順
SaaS の MVP を AI 駆動開発で最短リリースする手順を、機能の絞り込みから本番投入まで 7 ステップで解説。PMF 前のスタートアップが「作りすぎ」を避け検証を回すための実践フレームを、3 週間で本番投入した実例とともに AI 駆動開発のクリエイティブスタジオが整理しました。
- Insights
AI 駆動開発の進め方が一目でわかる|工程・体制・成果物の全体像
AI 駆動開発のやり方を、要件定義から運用までの 7 工程・チーム体制・各工程の成果物で整理しました。テスト先行と AI コードレビューで速度と品質を両立させる流れを、AI 駆動開発のクリエイティブスタジオが実プロジェクトの勘所とともに具体的に解説します。
- Insights
中小企業の DX 推進と補助金｜使える制度と進め方を具体例で解説
予算と人手が限られる中小企業向けに、DX 推進で使える補助金制度の選び方と申請の流れ、補助金を前提にした投資計画の立て方を整理します。小さく始めて AI で自動化を広げる進め方を、AI 駆動開発のクリエイティブスタジオが具体例で解説します。
- Insights
Web システム開発を依頼するなら｜要件・費用・進め方の判断ガイド
Web システム開発を外部に依頼する際の要件整理・費用相場・発注の進め方を、発注者目線で整理した実務ガイドです。要件定義で先に決めておくべきこと、費用とスケジュールの考え方、発注先の確認事項に加え、AI 駆動開発で Web 開発がどう変わるかまで、AI 駆動開発のクリエイティブスタジオが解説します。
- Tips
Claude Code の使い方｜インストール・初期設定から日々の操作、チームで使う前の決めごとまで (2026 年 10 月版)
Claude Code の使い方を、インストールとログイン、/init による CLAUDE.md の作成、日々の指示の出し方、権限モード、主要なコマンドまで順に解説します。業務のコードで使う前に決めるべきプランとデータの扱いも、2026 年 10 月時点の公式ドキュメントで確認しました。
- Insights
スタートアップの開発外注ガイド｜資金調達フェーズ別の進め方
スタートアップが開発を外部に委託する際の進め方を、資金調達フェーズ別に整理したガイドです。シード・シリーズ A で求められる速度と品質、委託先の選び方、契約・引き継ぎの注意点を、AI 駆動開発のクリエイティブスタジオが実例とともに発注者目線で解説します。
- Insights
AI 駆動開発のプロンプト設計 — 指示で品質が決まる
AI 駆動開発における実装プロンプトの設計を解説します。曖昧な指示で破綻させないための文脈の渡し方・制約の与え方・反復の仕方を、Claude Code・Cursor の実務パターンで共有します。目的と受け入れ条件を先に固め、参照と制約で曖昧さを潰す型を、タスク種別ごとに整理しました。
- Insights
システムリプレイスの進め方完全ガイド｜失敗しない7ステップ
「リプレイスしたいが業務を止められない、当時の設計を知る人がいない」という典型のジレンマを抱える情シス・事業責任者に向けて、現状の棚卸しからドメイン分割、移行順序の設計、データ移行リハーサル、Feature Flag による段階リリースまでの 7 ステップを、AI 駆動開発のクリエイティブスタジオが一次情報で解説します。費用を左右する要因と、失敗を避けるチェックリストもまとめました。
- Insights
Vibe Coding 完全ガイド｜本番投入できる進め方と品質担保の実務
Vibe Coding の定義から本番投入できる進め方・品質担保・落とし穴までを総覧するハブ記事です。プロトタイプ止まりにしないための実務ノウハウを、向くケースの見極め、プロンプト設計、テストとレビューのガードレール、ツールの使い分け、実数値の効果まで一気通貫で整理しました。AI 駆動開発のクリエイティブスタジオが現場で得た判断基準を持ち帰れる構成です。
- Insights
RAG 構築の実践ガイド - 精度を上げる設計と評価の手順
社内文書やナレッジを LLM に正しく答えさせる RAG の構築手順を、チャンク設計・埋め込み・検索・再ランキング・評価まで実プロジェクト基準で解説。精度が出ない原因と打ち手を、AI 駆動開発のクリエイティブスタジオが整理します。
- Insights
Claude Code 全社導入 完全ガイド|5 段階ロードマップとガバナンス設計
Claude Code を試用から組織標準化まで広げる 5 段階ロードマップを、CI 組み込みやガバナンス・セキュリティ設計まで含めて体系化するハブ記事。CLAUDE.md・hooks・MCP の標準化や効果測定、つまずきへの対処まで、AI 駆動開発のクリエイティブスタジオ FIXIT が実務目線で解説します。導入 Tips 群と支援サービスも束ねました。
- Tips
Cursor の日本語化と日本語で快適に使う設定 10 選｜できないときの対処つき
Cursor の UI 日本語化、AI の応答を日本語に固定する設定、日本語コメント生成のコツ、日本語にならないときの 7 つの症状別対処までを 1 本に集約。日本語環境で Cursor を快適に使いたい人の検索意図にピンポイントで応えます。
- Tips
Cursor の Rules と .mdc 設定の書き方 実践ガイド
Cursor の Rules(.mdc 形式のルールファイル)の構造・書き方・スコープ指定・優先順位を実例で解説。レガシーな .cursorrules からの移行と、効くルールの書き分けまでを実務知見でまとめます。
- Insights
AI エージェント開発に強い会社の選び方|発注前に確認する評価軸
AI エージェント開発を外注で進めたい発注検討層に向け、開発会社を見極める評価軸、費用感とプロジェクト規模、PoC から本番までの進め方、失敗しやすいパターンと回避策を実務目線で整理します。技術力だけでなく業務理解・運用設計・ガードレール設計まで見られる相手かを判断するためのチェック観点を、AI 駆動開発のクリエイティブスタジオがまとめました。発注前の比較検討に使える一本です。
- Insights
AI 生成コードのレビュー設計 — 何を人間が見るべきか
AI が大量に書くコードを安全にマージするためのレビュー設計を解説します。人間が見る観点と AI に任せる観点を切り分け、PR サイズや CI ゲートを KPI 化し、レビューしなくても安全にマージできるプロセスへ近づける具体策を、AI 駆動開発のクリエイティブスタジオが共有します。
- Insights
AI 駆動開発の発注完全ガイド|費用・契約・進め方・会社選び
発注を検討する意思決定者向けに、会社選び・費用・契約・進め方・PoC・ベンダーロックイン回避を 1 ページで俯瞰するハブガイドです。発注プロセスの全体像と判断軸を整理し、各論の深掘り記事へつなぐ発注者の起点として、AI 駆動開発のクリエイティブスタジオがまとめました。
- Insights
AI エージェント設計パターン入門 - 実務で使う 6 つの型
AI エージェントを実務で動かすための設計パターンを、ワークフロー型・ルーティング型・ReAct 型・プランナー実行型・人間協調型など 6 つに整理します。どの業務にどの型が向くか、ガードレールとリトライをどう設計するか、人間をどこに挟むかを、実装と運用の視点から AI 駆動開発のクリエイティブスタジオが解説します。
- Insights
MCP サーバーの自作ガイド - 業務ツールを Claude につなぐ
MCP クライアントを使うだけの段階の先へ進み、自社の業務ツールやデータを LLM につなぐ MCP サーバーを自作する手順を実装視点で解説します。tools と resources の定義、自社 API・DB を安全につなぐ認証と権限設計、エラー処理とレート制限、ローカルからリモートへのデプロイ、本番運用のロギングと監視まで、設計の勘所を順に押さえます。
- Insights
デジタル化・AI 導入補助金 2026 とは｜AI に使える範囲・補助額・締切 (旧 IT 導入補助金)
IT 導入補助金は、2026 年度の公募から「デジタル化・AI 導入補助金」に名前が変わりました。AI を入れたい中小企業の担当者向けに、枠ごとの補助額・補助率、AI に使えるかの判定方法、150 万円以上の賃上げ要件と返還、交付決定前の契約が対象外になる点、申請の流れと 2026 年 10 月 6 日時点の締切を、公募要領と事務局の公表スケジュールをもとに、AI 駆動開発のクリエイティブスタジオが整理しました。
- Insights
DX 推進とは？何から始めるかと進め方 7 ステップ｜AX（AI トランスフォーメーション）との違い
DX 推進とは何をすることか、何から始めればよいかを、経済産業省の定義と IPA「DX 動向 2026」のデータをもとに整理します。現状把握から定着までの 7 ステップ、成果指標の決め方、DX 推進指標での自己診断に加え、政府の人工知能基本計画にも登場した AX（AI トランスフォーメーション）と DX の違いを、AI 駆動開発のクリエイティブスタジオが発注者向けに解説します。
- Tips
Claude Code 用の MCP サーバーを自作する — 業務ツール連携の実装入門
既製の MCP では足りないとき、自社ツール用の MCP サーバーを自作する選択肢があります。TypeScript での最小実装から、ツール (関数) のスキーマ設計、Claude Code への登録、認証・権限・公開範囲の設計、チームへの配布までを実装入門としてまとめました。社内ツールを Claude Code から直接操作する手がかりになります。
- Insights
AI 開発の発注前に確認する 10 項目｜見積もり・契約形態・所有権の見方
発注先の絞り込みが済んだあと、契約前に詰めておくべき 10 項目をまとめました。見積もりの範囲をそろえる方法、準委任と請負の選び分け、成果物とコードの所有権、PoC の使い方まで、AI 駆動開発のクリエイティブスタジオが発注者目線で整理しています。