COCODE

chatwork

ChatWork

無料相談

long croud
short croud
long cloud
front side wide cloud
back side wide cloud
man on red airplane
man on white airplane
man on white airplane

WEBアプリのフロントエンド
コーディング代⾏なら

COCODE

COCODEは、React.jsを⽤いたフロントエンド開発に特化したコーディング代⾏サービスです。

About

COCODE(ココデ) とは?

COCODEとは、CO(共同の、協⼒する)+CODE(コード)を組み合わせた造語です。
Webアプリケーション開発を推し進める貴社の協⼒パートナーとして、
バックエンドライクなフロントエンド開発を心掛けます。

電球を持つ男性

COCODEならこんなお悩みを解決します!

サイトが古いので
リニューアルしたい

かっこいい
ホームページにしたい

スマホに対応させたい

ホームページで
他社と差別化したい

お問い合わせを
増やしたい

自社のイメージに
合ったデザインにしたい

Feature

COCODEが選ばれる3つの理由

WEBアプリ開発の経験多数!システム案件にも柔軟に対応!
01

WEBアプリ開発の経験多数!システム案件にも柔軟に対応!

運営会社がWebアプリケーションの受託開発を行なっているため、Webアプリケーション開発の経験を活かし、システム案件にも柔軟に対応いたします。

開発経験豊富なエンジニアが対応
02

開発経験豊富なエンジニアが対応

大手広告代理店様から、中小零細企業様まで、幅広いお客様の案件に対応して参りました。その経験を活かし、どんな規模の案件にも対応いたします。

喜ばれるデザイン・柔軟な制作対応力
03

喜ばれるデザイン・柔軟な制作対応力

お客様のご要望に合わせたデザインをご提案いたします。また、お客様のご要望に柔軟に対応いたしますので、安心してお任せください。

Quality

COCODEのコード品質

コアウェブバイタル対応

コアウェブバイタル対応

Web Vitalsを使って、ユーザーに最適な表現を提供します。

レスポンシブ対応

レスポンシブ対応

ソリッドレイアウトやリキッドレイアウトなど、ご要望に応じてレスポンシブ対応致します。PC版デザインデータのみでも、スマホ⽤にコーディングを⾏うことも可能です。

API連携可

API連携可

ソリッドレイアウトやリキッドレイアウトなど、ご要望に応じてレスポンシブ対応致します。PC版デザインデータのみでも、スマホ⽤にコーディングを⾏うことも可能です。

常時SSL化対応

常時SSL化対応

ソリッドレイアウトやリキッドレイアウトなど、ご要望に応じてレスポンシブ対応致します。PC版デザインデータのみでも、スマホ⽤にコーディングを⾏うことも可能です。

アニメーション対応

アニメーション対応

ソリッドレイアウトやリキッドレイアウトなど、ご要望に応じてレスポンシブ対応致します。PC版デザインデータのみでも、スマホ⽤にコーディングを⾏うことも可能です。

自動テスト対応

自動テスト対応

ReactTestingLibraryとJestを⽤いて、コンポーネント単位でのテストにも対応致します。

Git納品も可

Git納品も可

バックエンド開発チームとの連携におすすめです。

柔軟なCSS対応

柔軟なCSS対応

styled-components等のCSS in JSや、CSS Modules、MUIの利⽤など柔軟に対応いたします。

ガイドライン対応

ガイドライン対応

予めLinterルールをご指定頂いてコーディングを⾏うことも可能です。

Storybook対応

Storybook対応

Storybookを⽤いたUIコンポーネントの管理にも対応致します。

柔軟なステート管理

柔軟なステート管理

※ 現在、Reduxを⽤いた開発には対応しておりません。それ以外には対応可能です。

Price

料金プラン

料金は全て都度お⾒積もりをさせて頂きます。
開発開始後の修正に関してましては、要素の削除やテキストの変更などの軽微な修正は無料で修正対応させて頂きますが、デザインや構成など⼤きな変更の場合は新たにお⾒積りさせて頂きます。

Sample 01

Next.jsを用いたコーポレートサイトのコーディング


ディレクション費用

55,000円 / 税込


コーディング(PCレイアウト)

CSS Modulesを利用

165,000円 / 税込


コーディング(スマホレイアウト)

165,000円 / 税込


バックエンド

フォーム送信(React Hook Form, recaptcha-v3, SendGridを利用)

55,000円 / 税込


アニメーション

SVGアニメーション

44,000円 / 税込


単体テスト

Jest, React-Testing-Library利用

44,000円 / 税込


E2Eテスト(フォーム部分)

Cypress利用

22,000円 / 税込


合計 550,000円 / 税込

支払い方法

現在は銀行振込のみ対応しております。順次クレジットカード⽀払いにも対応して参ります。 クレジットカード⽀払い(Visa, Master, JCB, AMEX)に対応しております。

background
long croud
long croud
small cloud
small cloud
long croud
梯子に乗った人

お見積り・疑問点など
お気軽にご相談ください!

営業時間 平⽇ 09:00〜17:00

|

よくあるご質問

依頼内容が定まっていない⽅、開発実績を⾒てみたい⽅など、
ChatWorkでお気軽にご質問くださいませ。

chatworkChatWorkで無料相談
front side wide cloud
back side wide cloud

Flow

納品までの流れ

paper airplane white
paper airplane white

Step 01

お問い合わせ

無料相談フォーム、もしくはChatWorkからお問い合わせください。

arrow

Step 02

オンライン
MTG

Web会議ツールを用いてサービス詳細及び、
ご契約から業務開始までの流れについてご説明させて頂きます。

arrow

Step 03

ご契約・
お支払

無料相談フォームからお問い合わせください。

arrow

Step 04

キックオフ

キックオフ

arrow

Step 05

業務開始

弊社のテスト環境での構築完了後、請求書を発⾏させて頂きます。
ご⼊⾦を確認しましたら、ご希望の形式で納品させて頂きます。

FAQ

よくある質問

Q1

サービスの範囲を教えてください。

弊社にはマークアップエンジニア・フロントエンドエンジニア・バックエンドエンジニアが在籍しており、WEBページの追加や修正やWEBアプリの機能追加などを得意としています。それ以外にデータ入力や簡単なデザインファイル修正も承ることは可能ですが、凝ったデザインの作成は不得意であるため、新規ページ作成の場合は可能であれば予めデザインファイルをご用意頂くことを推奨します。

Q2

対応可能な言語を教えてください。

弊社では現在、マークアップ言語及びスタイルシート言語に加え、JavaScript, TypeScript, Python, Ruby, PHP, node.js, C++を取り扱っております。

Q3

対応デザインデータについて知りたいです

「Adobe XD」「Adobe Photoshop CC」「Adobe Illustrator CC」に対応しています。

Q4

PC版デザインしかありませんが、スマホ対応してもらえますか?

可能です。スマホ幅でのデザイン変更は余白・フォントサイズ調整やカラム数調整等の基本的なものとなります。

Q5

急ぎで対応してもらえますか?

可能です。特急料金が発生しますが、一度ご相談ください。

Q6

制作は外注していますか?

再委託・下請負(いわゆる外注)は行わず、全て弊社のスタッフが対応いたします。

Q7

営業時間を教えてください

営業時間は平日の10:00~17:00です。土日祝日、GW、年末年始、弊社休業日は対応できません。

Q8

納品方法について教えてください

本番サーバへアップロードする方法の他に、ZIPファイルにてご納品、もしくはGitでプルリクを送信する形にも対応可能です。

background
long cloud
small cloud
small cloud
small cloud
long cloud
small cloud
気球

News

COCODEの最新情報

2022.12.1

ニュース

2022年12月29日(木)から2023年1月4日(水)まで冬季休業いたします。

2022.8.5

ニュース

2022年8月6日(土)から8月14日(日)まで夏季休業いたします。

2022.8.1

ニュース

COCODEをリリースしました。

2022.4.27

ニュース

【商工会議所】第7回持続化補助金事業に採択されました

Contact

ご相談フォーム

以下のフォームに必要事項をご⼊⼒の上、ご登録ください。

必須
必須
必須
個⼈情報保護方針に同意したものとします。

COCODE

COCODE(ココデ)  By 株式会社WEBRAL

〒101-0025
東京都千代⽥区神⽥佐久間町1-8-4
アルテール秋葉原708

©︎ WEBRAL, inc. All Rights Reserved.