- WEBサービスのフロントエンド開発
- ホームページ制作

株式会社ブラキオはWEBサービスの開発やホームページ制作および運用・保守を行っています。Next.js, React, TypeScriptなどモダンな技術でつくる高品質なソリューションを低価格でご提供します。フロントエンド開発・Jamstackで作るホームページ制作をご依頼ならブラキオにお任せください。

JamstackをはじめとするNext.js, React, TypeScriptを使ったフロントエンド開発、承ります。
フロントエンド開発・ホームページ制作をご依頼ならブラキオにお任せください。

株式会社ブラキオ｜埼玉県越谷市のJamstackが得意なWEB制作会社

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/58dacfb499424f21b8568bad073e40f1/image.png" alt=""><br><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/c681f73dfdac4213815d17045f5e9d4f/image.png" alt=""><br><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/21e606d102894cdab4b3e3b663742f44/image.png" alt=""><br></p><h2 id="hd18819c9c0">制作をした経緯</h2><p>自分の趣味であるバスフィッシングの釣果を管理するために作りました。「いつ釣れて」「いつ釣れなかったか」「何で釣ったか」などがわかるように！また投稿した釣果をInstagramへボタンひとつで投稿できるようにしています。<br>*現状は完全に個人用のアプリとして使っています。いずれ一般公開も考えていますが、もうちょい先になりそうです（2023/4/17現在）。</p><h2 id="h472e370268">技術的なこと</h2><ul><li>Firebaseを使って釣果の保存、呼び出し</li><li>Storageに画像を保存する</li><li>AuthenticateでGoogle、Facebookやメールアドレスなどでログインが可能</li></ul><p><span style="color:#374151">当社はFirebaseを活用したウェブサービス開発に長けております。また、顧客管理アプリケーション、整骨院や美容院向けの予約システムなど、幅広い業界向けのシステム制作も手掛けております。ホームページ制作だけでなく、多様なシステム開発も得意としておりますので、お気軽にお問い合わせください。</span></p>

Sunadoru「スナドル」

Firebase、Next.jsで制作！釣果管理アプリ

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/aaad61912b724660a612c7b514fa3c95/house2.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>以前までのホームページのデザインが古くまたWordPressで構築されていたのですが、PHPのバージョンも古くWPのバージョンアップもできない状態だったので、デザイン、構成も含めたコーポレートサイトのリニューアルをご提案させていただきました。Next.js、microCMS、NetlifyでJamstack構成になっています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（Jamstack）</li><li>※デザインは外注</li></ul><p><br></p>

ホウセイ建設株式会社

ホウセイ建設株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/74f26beb246742d98e92fd544c5e077f/masunao-3.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>今までコーポレートサイトがなくまずは名刺がわりとして、また今後採用を強化したいのでその土台としてホームページが欲しいということで今回担当させていただきました。近日中には採用ページの追加とエントリー用のフォームも作成予定です。Next.js、microCMS、NetlifyでJamstack構成になっています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（Jamstack）</li><li>※デザインは外注</li></ul><p><br></p>

株式会社マスナオコーポレートサイト

株式会社マスナオ様のコーポレートサイトのコーディング、CMS化を担当しました

<h2 id="h0cec524e55"><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/aec347778e6c496db217bc38df56b7b3/cap06.png" alt=""><br>制作の経緯</h2><p>新卒採用のデザインを流用しつつ中途採用のサイトも必要とのことで制作させていただきました。<br>また運用契約もさせていただいており、テキストの修正や画像の追加・差し替え、WordPressのバージョン管理などもさせていただいています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（WordPress）</li><li>※デザインは外注</li></ul><p><br></p>

株式会社サイバーバズ中途採用サイト

株式会社サイバーバズ様の中途採用サイトのコーディング、CMS化を担当しました

<h2 id="hcf83e1357e"><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/ff1fe6f46e0d423d8b5f48c78d677dc6/cap04.png" alt=""></h2><p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/5ff7f1d7edb84b3884e80c8d256c5895/cap05.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>2019年にコーポレートのリニューアルと合わせてWordPress化とデザインのフルリニューアルをさせていただきました。また毎年テーマも違うのでそれに合わせてデザインのマイナーアップデートを担当させていただいおります。<br>また運用契約もさせていただいており、テキストの修正や画像の追加・差し替え、WordPressのバージョン管理などもさせていただいています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（WordPress）</li><li>※デザインは外注</li></ul><p><br></p>

株式会社サイバーバズ採用サイト

株式会社サイバーバズ様の新卒採用サイトのコーディング、CMS化を担当しました

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/a6f5263e7c164c60b5b58d1b5940cbff/cap03.png" alt=""><br><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/de0bac258886462b806eed8895bbdfe0/cap02.png" alt=""><br><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/b8eb56969c134f19b1c66c705c716ad0/cap01.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>サイトのデザインをリニューアルしたいとのことでご依頼を受けました。（2019/9月）もともとMovable Type構築されていたのですがコンテンツの更新のしやすさ、開発・今後の運用を考慮してWordPressに移行をさせていただきました。<br>また運用契約もさせていただいており、テキストの修正や画像の追加・差し替え、WordPressのバージョン管理などもさせていただいています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（WordPress）</li><li>※デザインは外注</li></ul><p><br></p>

株式会社サイバーバズ

株式会社サイバーバズ様のコーポレートサイトのコーディング、CMS化を担当しました

<p>こちらは弊社が「ライトプラン」「スタンダードプラン」の際に使用しているコーポレートサイト構築用テンプレートです。<br>画像などの配置する場所は変えられませんが、画像の差し替えやテーマとなるカラーの変更でオリジナリティを出しやすくしています。<br><br><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/538a750a94f545b38e03ba78d0035b46/%E5%88%B6%E4%BD%9C%E3%81%AE%E6%B5%81%E3%82%8C%E3%83%98%E3%82%9A%E3%83%BC%E3%82%B7%E3%82%99%EF%BD%9C%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%95%E3%82%99%E3%83%A9%E3%82%AD%E3%82%AA.png" alt=""><br></p>

テンプレート（トリケラトプス）

弊社で使っているCMS用自作テンプレート

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/596e5712923e499b9e2a712843a23fda/yukikaze-works.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>もともと持っていたホームページがあったそうなのですが、創業の時に慌てて作ったものだったようで、これを機に新しくカッコ良くしたいということでご依頼いただきました。<br>ディレクションをさせていただいて、シンプルでありながらクライアント様のメッセージが伝わるデザインになったのではないかなと思います。<br>Next.js、microCMS、NetlifyでJamstack構成になっています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築</li><li>※デザインは外注</li></ul>

ゆきかぜ株式会社

ゆきかぜ株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/e247505f68ba45078e7a7588343f7884/onesuppo-works.png" alt=""><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/6357f9678dcd41dd98327f5708fcfa09/onesuppo-works-2.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>もともと知っているクライアント様から新規事業のためのサービス紹介サイトが欲しいということで、デザインはご用意いただいている状態でしたので、コーディングとCMS構築を担当しました。<br>インタビューや、お知らせなどCMSとしてカテゴリを分けて運用できるように設計をしました。また、Next.js、microCMS、Netlifyを使ったJamstack構成になっています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>コーディング</li><li>CMS構築（Next.js、microCMS、Netlify）</li></ul>

ONEサポ（ワンサポ）

コーチングサービス ONEサポ（ワンサポ）様のWEBサイトコーディングを担当しました

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/c3363c423da8450bb6a1536ed7d4a6be/ok-trust-works.png?w=2832&amp;h=2508" alt="サイトのキャプチャ"><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/a6de89d6b7984083b1eefbdc0b3033db/ok-trust-works-2.png?w=2832&amp;h=2394" alt="サイトのキャプチャ2"></p><h2 id="h0cec524e55">制作の経緯</h2><p>もともとはWordPressで構築されていたものをリデザインをさせていただきました。それから2年ほど運用をさせていただいていたのですが、サーバーの都合上PHPのバージョンが上げられないなどの問題や、コスト面とセキュリティ面を考えてNext.jsとmicroCMSのJamstack構成をご提案させていただきました。<br>今回はデザインを変えずに構成だけを変える開発になりました。Jamstackにしたことで以前よりもページ表示が高速になり徐々にではありますがその効果もアクセス数に表れてきています。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（Next.js、microCMS、Netlify）</li><li>※デザインについては外注</li></ul>

株式会社OKトラストコーポレート

株式会社OKトラスト様のコーポレートサイトのコーディング、CMS化を担当しました

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/17efb7b17bc04715bb529d70e55839c1/nakashin-works.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>ホームページを持っていらっしゃらなかったので知人からのご紹介で制作をさせていただきました。<br>全体的にはシンプルで男性らしいデザインを心がけました。また作業中の写真が豊富にご用意されていたので、その写真に目がいくようにところどころサイズを変えるようにデザインにしました。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>デザイン</li><li>コーディング</li></ul>

株式会社仲伸コーポレート

株式会社仲伸様のコーポレートサイトのコーディングを担当いたしました。

<p><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/3436693fdf4b430cbd29a2e7ca7c472e/classico-works.png" alt=""><img src="https://images.microcms-assets.io/assets/8bff96c5d9204d3083faff96106ef6b7/57115199738d4b788b31436a54b53e90/classico-works-2.png" alt=""></p><h2 id="h0cec524e55">制作の経緯</h2><p>もともとホームページがなく、物件の紹介や会社の概要を載せるためにホームページが必要ということでご依頼いただきました。<br>ディレクションをさせていただいて、リフォーム物件のように落ち着いた印象があるデザインをご希望ということでデザインを外注させていただきました。<br>物件の紹介が必要とのことなのでCMS構築でGatsbyJSとNetlifyCMSを使ったサイト構築をいたしました。</p><h2 id="h75eac3dc3a">担当したこと</h2><ul><li>ディレクション</li><li>コーディング</li><li>CMS構築（GatsbyJS、NetlifyCMS）</li><li>※デザインは外注</li></ul>

WORKS制作実績

Firebase、Next.jsで制作！釣果管理アプリ

ホウセイ建設株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社マスナオ様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様の中途採用サイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様の新卒採用サイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様のコーポレートサイトのコーディング、CMS化を担当しました

弊社で使っているCMS用自作テンプレート

ゆきかぜ株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

コーチングサービス ONEサポ（ワンサポ）様のWEBサイトコーディングを担当しました

株式会社OKトラスト様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社仲伸様のコーポレートサイトのコーディングを担当いたしました。

株式会社クラシコ様のコーポレートサイトのコーディング、CMS化を担当しました

ホームページ制作なら
ブラキオにお任せください

WORKS制作実績

Firebase、Next.jsで制作！釣果管理アプリ

ホウセイ建設株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社マスナオ様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様の中途採用サイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様の新卒採用サイトのコーディング、CMS化を担当しました

株式会社サイバーバズ様のコーポレートサイトのコーディング、CMS化を担当しました

弊社で使っているCMS用自作テンプレート

ゆきかぜ株式会社様のコーポレートサイトのコーディング、CMS化を担当しました

コーチングサービス ONEサポ（ワンサポ）様のWEBサイトコーディングを担当しました

株式会社OKトラスト様のコーポレートサイトのコーディング、CMS化を担当しました

株式会社仲伸様のコーポレートサイトのコーディングを担当いたしました。

株式会社クラシコ様のコーポレートサイトのコーディング、CMS化を担当しました

ホームページ制作ならブラキオにお任せください

ホームページ制作なら
ブラキオにお任せください