
MONOCHROMEについて
シンプル=美しい
色を削ぎ落とすことで、形や陰影、質感がより際立ち、シンプルながらも深みのある美しさを生み出します。MONOCHROME は、その「無駄を削ぎ落とす美学」をコンセプトにしています。
派手な装飾や過剰な演出ではなく、情報の本質とデザインのバランスを大切に。モノクロ写真やセピア調のように、静けさの中に強さを感じるような洗練された表現を目指しています。
見る人の心に残る印象、そして長く愛されるデザイン。Webアプリケーション開発・Web制作を通して、本質的で品格ある世界観を形にしていきます。
それが MONOCHROME の理念です。
- mon·o·chrome
- /ˈmɒnəkrəʊm/ ・ モノクローム
- 1白と黒だけで構成された世界。
提供サービス
01
Webアプリケーション開発
React・Next.js・TypeScriptを用いたWebアプリケーションの企画・設計・開発。業務効率化ツールやAIを活用したアプリなど、「あったらいいな」を動くカタチにします。
02
ホームページ制作
デザインからコーディング、WordPress構築まで一貫して対応。シンプルで洗練された、長く愛されるWebサイトをおつくりします。
03
運用・保守/その他
サーバー構築・移転(レンタルサーバー・ドメイン)、既存サイトの修正・改善、YouTube動画編集など、公開後の運用まで幅広くサポートします。
私について

黒岩 将大
東京を拠点に活動するフリーランスITエンジニアです。React・Next.js・TypeScriptを用いたWebアプリケーション開発を中心に、ホームページ制作やサーバー構築・運用などをおこなっています。
- FROM
- 広島県福山市
- HOBBY
- 魚釣り・トレッキング・サイクリング
- SPECIALTY
- Webアプリケーション開発・ホームページ制作
- POLICY
- 常に進化するデザインの制作
ITエンジニアのスキル
フロントエンド・Webアプリ開発FRONTEND
- ReactWebアプリ開発
- Next.jsWebアプリ開発
- TypeScriptWebアプリ開発
- JavaScript/jQueryWebサイト制作
- HTML/CSSマークアップ言語
バックエンド・インフラBACKEND
- PHPバックエンド言語・WordPress
- SupabaseDB・認証・API
- FirebaseDB・認証・ホスティング
- Docker開発環境構築
- AWSクラウドインフラ
- Git/GitHubバージョン管理システム
AI開発ツールAI
- Claude CodeAnthropic
- CodexOpenAI
CMS・動画編集CMS / VIDEO
- WordPress中〜大規模サイト
- PremierePro動画編集
デザインスキルDESIGN
- Figmaワイヤーフレーム・Webデザイン
- IllustratorLogo・バナー制作
- Photoshop写真加工
アイデアを、動くカタチに。
- OWN PRODUCT
フリーランス支援ツール自社開発・本番稼働中
見積から請求への変換、PDF 帳票、定期請求、支払期限のリマインドまで。ひとりで回す事務を 1 画面に。
- CLIENT WORK

一時預かり予約システム社会福祉法人様(保育園 2 園)
保護者はカレンダーから空きを見て予約。園は定員と休園日を管理し、取消理由まで残る。紙と電話の受付を置き換え。
- CLIENT WORK

保育園向け 顧客管理アプリ社会福祉法人様(保育園 2 園)
園が保護者のアカウントを発行し、ご家庭の情報と児童票をオンラインで提出。職員は申し送りと年齢別の書類を一覧で確認。
※ 画面に表示されている名前や金額はすべて架空のデータです
今の時代に、ちょうどいいデザインを。
- AI SCOUT SERVICE

AIスカウトアイちゃんスカウト業務効率化 / 2025年6月
AI スカウトサービスの紹介サイト。デザインからコーディング、WordPress 構築まで。
- HAIR SALON

inspite(インスパイト)ヘアサロン / 2024年8月
新御徒町のヘアサロン。落ち着いた空間が伝わる写真中心の構成。15 日で公開。
- STUDY ABROAD

EARTH TIMES(アースタイムズ)海外留学エージェント / 2024年2月
旧サイトのリニューアルと運用。サーバー・ドメインの移転からブログ機能まで一貫対応。
ご相談からリリースまでのプロセス
-
01
ヒアリング・要件定義
まずはお客様のご要望や解決したい課題、ターゲット層、ご予算などを詳しくお伺いします。実現したいことを明確にし、必要な機能・要件を整理した上で、最適なプランとお見積もりをご提案します。
-
02
設計・デザイン制作
整理した要件を基に、画面構成案(ワイヤーフレーム)とデザインを作成します。Webアプリケーションの場合は、機能設計やデータ設計もこの段階で行い、使いやすさを最優先に設計します。
-
03
開発・実装
確定した設計・デザインを基に開発を進めます。WebアプリケーションはReact・Next.js・TypeScriptなどを用いて実装し、ホームページはコーディングとWordPress構築で、お客様自身で更新できるサイトに仕上げます。
-
04
テスト・ご確認
テスト環境で実際の動作をご確認いただきます。機能の動作検証はもちろん、表示の崩れや誤字脱字など細部までチェックし、お客様にご満足いただけるまで修正・調整を重ねます。
-
05
リリース・運用保守
最終確認が完了したら、本番環境へ公開します。公開後も、操作方法のレクチャーや機能追加・改善のご相談、サーバーの運用保守まで、安心して使い続けられるようサポートいたします。
開発・制作に関するQ&A
- どのようなWebアプリケーションを開発できますか?
-
業務効率化ツールや管理システム、AIを活用したアプリケーションなど、幅広く対応しています。React・Next.js・TypeScriptを中心に、SupabaseやFirebaseなども活用しながら、目的や規模に合わせて最適な技術を選定します。「こんなことはできる?」という段階のご相談も歓迎です。
- 開発・制作期間はどのくらいかかりますか?
-
規模や機能によって変動しますが、小規模なWebアプリケーションで1〜2ヶ月程度、一般的なコーポレートサイト(5〜10ページ程度)で1.5ヶ月〜3ヶ月程度が目安となります。お急ぎの場合も、可能な限り対応いたしますのでご相談ください。
- 料金はどのくらいかかりますか?
-
開発・制作内容によって料金は異なります。お客様のご要望や目的を詳しくヒアリングさせていただいた上で、最適なプランと詳細なお見積もりを無料でご提案いたします。お問い合わせフォームよりお気軽にご相談ください。
- ホームページ制作や小さな修正だけでもお願いできますか?
-
はい、もちろん可能です。1ページのランディングページ制作や、既存サイトの部分的な修正・改善など、小さなご依頼から柔軟に対応いたします。
- サーバーやドメインの知識がなくても大丈夫ですか?
-
はい、全く問題ありません。サーバーの構築・契約やドメインの取得・管理についても、分かりやすくサポート、または代行いたします。専門的な知識がない方でも安心してご依頼いただけます。
- リリース・納品後の運用や機能追加はお願いできますか?
-
はい、もちろん可能です。納品後1ヶ月間は軽微な修正を無償で対応いたします。その後の運用・保守や機能追加・改善についても、月額プランやスポット対応など、お客様のニーズに合わせた形で柔軟に対応させていただきます。
- 打ち合わせはどのように行いますか?
-
基本的にはZoomなどを使用したオンラインでの打ち合わせをお願いしております。これにより、遠方のお客様でもスムーズに進行することが可能です。もちろん、必要に応じて対面での打ち合わせも調整いたします。
現場の知見と学習ノート
Webデザイン
制作の裏側や、jQuery・PC選びなど、Web制作で実際に困ったことの記録。
IT SCHOOLITスクール
40歳で未経験からITエンジニアに転職し、現在はフリーランスとして働く筆者が、エンジニアを目指す人の悩みに答える記事をまとめました。学習の続け方、独学とスクールの選び方、転職活動の実体験、AI時代に必要な基礎など。ITスクール「CodeRing」で講師も務めています。
FREELANCEフリーランス
独立してからの働き方、案件の取り方、ひとりで回す事務まわりの話。
AWSAWS入門
Web制作・React開発をしてきたフリーランスエンジニアが、AWSを基礎から学びながらまとめた学習ノート。リージョン・IAM・料金・主要サービスなど、これからAWSを始める人向けの基本を整理しています。
AIAI生成
画像生成や動画づくりでAIを使ってみた記録。何ができて、何ができないか。
NEWSお知らせ
最新の制作実績や更新情報を掲載。Webデザイナーとしての活動報告をまとめたお知らせページです。