ご提案資料

コーディング代行
WEBページ・アプリのコーディング代行サービス

1要素あたり500円〜

最短24時間

自動テスト

低価格

短期間

高品質
株式会社ダラフ吳䒭⠓爡‫ؿٓت‬コーディング代行とは？
WEBページ・アプリのコーディング代行サービスです。

デザインファイルを、コーディングファイルにして納品します。
デザインファイルを入稿するだけコーディングファイルが納品されます。デザインファイルがない

本番プログラムに組み込みやすいサーバーサイドエンジニア、フロントエンドエンジニアが組み込み発注先の管理や検収のコスト最小限作業する範囲
レイアウト▪︎ マルチサイズ▪︎ スタイル調整

フロントエンド開発
インタラクティブ▪︎ ユーザーアクションの制御▪︎ アニメーション

通信場合は、『プロトタイプ開発』の資料参照。

やすい形で納品します。

高くつきがちな、検収コストを最小限になるよう自動化しています。

サーバーサイド開発

インフラ構築・運用

Ruby on Railsなどで実装

AWS・GPCなどの設定▪︎ API呼び出し▪︎ 認証、権限▪︎ ネットワーク設定▪︎ 状態管理▪︎ ビジネスロジックの実装▪︎ ドメイン・SSL設定▪︎ データバインディング▪︎ API設計▪︎ テスト、セキュリティ

誰かがやる必要があるが、「やる人がいない」「専念できない」などの方をサポートします！
Copyright h 2022 Daraf, Inc.

▪︎ WEB・APPサーバー構築▪︎ 監視ツールの導入

1こんなお客様にオススメ！
開発会社

デザイン会社

フリーランス

フロントエンドでCSSを書く人が足りない。

デザインはできるが、綺麗にWEBデザイン

プログラミングに集中したいが、スタイルする人がいない。

立ち上げの経緯
スタイルを書く人がいない(誰も書きたがらない)。
この課題を解決するために始めました。

テンプレートを使ったり、ドラッグドロップで作成したりもできるでしょう。
ただ、使い捨てではなく、継続的に運用することを考えるとなかなか難しい。
また、端末や OS ごとに表示サイズもバラバラで、それらの考慮も大変。

Copyright h 2022 Daraf, Inc.の調整作業に工数が取られる。

最近は、Figma, Sketch, Adobe XD などでデザインをします。
Design Spec も自動生成できます。
アニメーションも設定できます。
ただし、結局はだれかがコーディングし、スタイルを調整する必要があります。
これらは、誰かがやらなくてはいけない作業です。
「コーディング代行」は「誰か」に丸投げできるサービスです。

たとえ、社内にエンジニアやデザイナーがいたとしても活用できると思います。

2

注文シート

質問に答えていくことで注文書を作成できます。同意書、説明書の機能も付属されていますので、ご確認ください。

1
各項目の質問に回答する

3
各質問事項の説明とFAQ
2
注意事項を確認し同意する

依頼可能な案件

Copyright h 2022 Daraf, Inc.

CSS

HTML

その他

各種ツールに対応しています。

各種テンプレートエンジンおよびレスポンシブ対応、各種ブラウザテスト、

JSX, Slim, Nunjucks など個別に注文可能です。

Sass、CSS Modules など

JavaScript に対応しています。

アクセシビリティ、多言語対応 など

3

ご利用の流れ
1

2

3

4

テレビ電話

秘密保持契約

注文シート記入

データ入稿

初めてのお客様の場合、30分ほどテレ秘密保持契約 (NDA) を締結させていた

注文内容をご記入いただきます。

デザインファイルおよび各種データをビ電話をお願いしています。サービス

だきます。契約内容の雛形は用意して注文シートには、注文内容とともに同入稿していただきます。注文内容ごと内容、注意事項などを説明させていたおります。こちらで用意した契約書以意事項と説明書が付属されています。に入稿時の注意点がありますので、ごだきます。質疑応答も可能ですので、外をご希望の場合は、お問い合わせくご確認の上、注文内容を確定してくだ確認ください。入稿データに不備があ何なりとお申し付けください。

ださい。

さい。

る場合、見積りが難しい場合がありますのでご注意ください。

5678

見積り契約

検収

追加開発

24時間以内に見積り書を作成しますの

注文シートおよび見積り内容をもとに指定期間以内に検収をお願いしていま

追加開発は原則新規注文として別途扱で、ご確認ください。見積り段階での契約書を生成します。電子契約、書類す。検収時に不備がある場合、迅速にわせていただきます。ただし、内容に注文内容の変更、入稿データの変更はの郵送をご希望の場合はお問い合わせ修正作業をさせていただきます。検収

よっては可能な場合もありますので、可能です。内容を変更した場合、再度ください。契約内容の変更をご希望の方法は、注文シートの説明書に記述がお問い合わせください。その場合は、見積りが発行されます。

場合は、お問い合わせください。

ありますので、ご確認ください。

請求書の金額のみ変更されます。

Copyright h 2022 Daraf, Inc.

4料金（お見積り方法）
独自の算出システムで、デザインファイルの各要素を計算してお見積りします。
例）top.html（COMMED）
section
nav
block
state
text
image
buttonform
widgetoutline1. ヘッダー
image
text

3

2

2. セクション1
image
text

1

1

3. セクション2
image
text

3

2

buttontext

85,000円

8,500円

12

合計金額：

Copyright h 2022 Daraf, Inc.

1,700円1

4. セクション3
image

3,300円

18,500円 (税込)

5代替手段との比較
作業者
社内の担当者

内製(WEBデザイナー・マークアップ
エンジニア・プログラマー)

ホームページビルダー系のWEBサービスを利用
フリーランス・クラウドソーシング

外注

社内にいるので柔軟器用な社員に兼務させて対応できる

個人なので安価

弱み
いつも仕事があるわけではない、最新技術に難がある場合がある

WEBサービスを開発している場合、そのまま組み込めるわけではない

受注者の品質のブレが大きく、発注段階で判断できない

HP制作会社

専門家、事例に詳しい

高価な場合が多い

デザインファーム

コンセプト・デザインの提案

通常デザインが専門分野

Sler・オフショア

プログラムに関わる部分も対応できる

通常プログラミングが専門分野

コーディング代行

Copyright h 2022 Daraf, Inc.

強み▪︎ 早い、安い、品質保証▪︎ テンプレートエンジンなど対応▪︎ デザイン通りに「しか」制作できない▪︎ アイデアや提案はしません▪︎ 発注後の変更はできません6

事例
株式会社コメッド

株式会社プロトスター

PCサイト

https://www.theprotostar.cohttps://com-med.co.jp

作成日：2019年10月

作成日：2020年02月

レスポンシブ

PCサイト

レスポンシブ起業LOG（https://kigyolog.com/）は、国内最大のスタートアップコミュニティ

COMMEDは、地域の人々と医療職をつなげることで、健康的な生活を送るサポート「StarBurst」の運営や、起業家・投資家のマッチングプラットフォーム「Startupを行います。一般的な医療知識の提供だけでなく、個別の状況に応じた適切なケアをList」の運営を行ってきたプロトスターの知見を元に、会社設立、資金調達やM&A構築できる仕組みを提供します。など、起業家・挑戦者に有益な情報を配信していくためのメディアです。
アイデアを形にするのに最適でした！
30代 プロダクトオーナー

PHPに組み込むだけで、サーバーサイドの実装に集中できました！
30代 PHPエンジニア

Copyright h 2022 Daraf, Inc.

XDで作成したスペックURLを渡すだけでデザインの通り完璧に仕上がりました！

20代 XDデザイナー

SlimとSassファイルでもらえるのでとても楽です！
テンプレートエンジンなので、修正も簡単です。

30代 Railsエンジニア

7会社概要
会社名

住所

Copyright h 2022 Daraf, Inc.

株式会社ダラフ（Daraf,Inc.）〒103-0006
東京都 中央区 日本橋富沢町９­４

代表者

斉脇一志 （ Hitoshi Saiwaki ）メールアドレス

saiwaki@daraf.co.jp（ 代表メールアドレス ）ホームページ

https://daraf.co.jp

設立日

2013年7月24日

8