名古屋・岐阜でコーディング外注を個人請負しています
みずのつくると申します。名古屋でWeb系フリーランスとして活動しています。掲題のとおり、コーディング案件を募集しています。個人事業主としてフレキシブルにご対応させていただければと思っておりますが、基本的なプランや方針を本ページにまとめましたので、ぜひ発注をご検討いただければ幸いです。
プロフィールもご覧ください。
こういった方々におすすめです
- WEB制作がメインではないデザイン事務所・個人デザイナーさま
- WEBに詳しいスタッフがいない広告代理店・印刷・看板会社さま
- 専業コーダーがいない(人員が欠けてしまった)少人数の制作会社さま
料金&サービスプラン
下記のプランは当方の制作実績として公開可能な場合に限り、表示価格より10,000円割引いたします。
ランディングページプラン|110,000円(税込)
1ページで完結する、イベント・キャンペーン用ランディングページや小規模事業者・店舗サイト向けの料金プランです。
ご利用形態
- ページデザイン案に基づく1ページのコーディング。
- 1件の問い合わせフォーム設置を含みます。
- WordPressテンプレートとして納品いたします。
WordPressウェブサイトプラン|170,000円(税込)
トップページ・5ページ前後の下層ページ・ブログ機能で構成される、中小事業者のサービスサイト向けの料金プランです。WordPressを導入して制作します。
ご利用形態
- ページデザイン案に基づく、ヘッダー・フッターデザインを各ページで共有したトップページ・固定ページ・投稿ページ等のWordPressテンプレートのコーディング。
- ページのデザインによって、WordPress上での更新可能な範囲が制限される場合がございます。詳しくはご相談ください。
- 1件の問い合わせフォーム設置を含みます。
- WordPressテンプレートとして納品いたします。
オーダープラン | 要お見積り
上記いずれのプランにも当てはまらない形(制作するページ数が多く見込まれる場合など)は、別途お見積りとなります。ご相談ください。
料金に含まれる内容
レスポンシブコーディング
PCサイズのデザインデータのみでスマートフォン表示に対応したレスポンシブなコーディングを行います。
スマートフォン向けのレイアウト調整は原則、当方にご一任いただきます。ご要望はお伺いできますが、必ずしもお応えできるとは限りませんのでご了承ください。
スマートフォンサイズのデザインのご指定がある場合、別途のお見積もりとなります。
画像の切り出し(Illustrator・Adobe XD)
IllustratorのaiデータまたはAdobe XDのXDデータをご支給いただければ、画像の切り出しは当方にて行います。Photoshop等、他のデザインツールを用いている場合はご相談ください。
画像データはJPG・PNG・SVG形式のいずれかで、用途に応じてファイルサイズが小さく収まる形で書き出します。
納品後、1ヶ月間の誤字・脱字・位置修正・画像差し替え・不具合修正
納品後、軽微に書き換え可能な範囲で修正が発生した場合は、原則として納品日より1ヶ月以内に限り対応いたします。レイアウトに大きな変更が生じる場合は別途作業費をお見積りいたします。
動作・表示確認(Mac/Win/iPhone/iPad/Android)
当方所有のデバイスで動作・表示確認いたします。ただし、あらゆる環境下での完全なレイアウトを保証するものではございませんのでご了承ください(一般的でない画面サイズのデバイスで表示した場合や、ユーザーの側で文字を拡大している場合など)。
Googleアナリティクス設置
埋め込みタグをご用意いただければ、Googleアナリティクスの設置が可能です。ただしイベント・コンバージョン計測等の設定が必要な場合は有料オプションとなりますのでご了承ください。
料金に含まれない内容
依頼者様ご指定のコーディングルールへの準拠
当方の習熟したコーディングルールに基づく作業効率化を前提として価格設定しております。コーディングルールのご指定がある場合、オーダープランとしてお見積りが必要です。
後述する『コーディングルール・考え方』の項もご覧ください。一定の規則に基づいた明瞭なコーディングを行いますので、納品後に運用者様自身でメンテナンスしたい場合、判読不能ということはないと考えております。
コーディング作業における他の作業者との連携
他の作業者とのコミュニケーションコストを省いた、当方単独での作業を前提にした価格設定となっております。共同コーディングが必要な場合はプロジェクトチームメンバーとして参画する形となり、オーダープランとしてお見積りが必要です。
CSS/Javascript/SVG/WebGLその他の技法を用いたアニメーション
スクロールと連動して要素を表示するアニメーションの実装指定などは別途有料オプションとなっており、実装ボリュームにより都度見積もりとなっております。当方判断でのサービスとして必要最低限のアニメーションを実装する場合もございますが、必ずしもお約束するものではありません。
スマートフォン表示時における、上部ドロップダウン以外でのメニュー表示
いわゆるハンバーガーメニューをタッチした際のメニューの表示動作として、原則、ヘッダーでのドロップダウンまたは全画面表示する形を採用しています。
横からスライドインする形など、その他のデザインのご希望がある場合は有料オプションでの対応となります。
Internet Explorer(IE11を含む)・レガシー版Edge対応
レガシー版Edgeは原則非対応となり、Chromium版Edgeでの動作確認となります。IE11に関しては有料オプションとしてご対応可能ですが、IE10以下は原則非対応となります。
PC・スマートフォンでの別ソース化
原則として、メディアクエリを用いた単一ソースでのコーディングです。個別にソースを作成する必要がある場合は有料オプションとなります。
支給デザインデータに含まれないデザインの作成
作業進行の途中で要素が追加された場合などに、「既にあるデザインの形状をそちらで変更して」といった作業指示は原則として承諾しかねます。必ずデザインデータをご支給ください。
コーディングルール・考え方
以下のようなフレームワークやルールに基づいてコーディングを行います。いずれも特殊な技術ではなく、Webサイトコーディングの知識を一定備えれば理解可能な、明瞭なコーディングを志向しています。
フレームワーク・Bootstrap4
レスポンシブサイトを効率的にコーディングするためのフレームワーク・Bootstrap4を原則として使用します。Web上にレファレンスが充実しておりますので、仕組みが理解できればどなたでもメンテナンスが可能です。
SassによるCSS設計・BEM記法
CSSはSass(SCSS構文)で設計し、クラス命名規則はBEM記法で行います。
メディアクエリによるレスポンシブコーディング
Bootstrapのブレイクポイントに基づいた、メディアクエリによる画面幅基準でのレスポンシブコーディングを行います。JavascriptやPHPによるデバイスの判定は行いません。
内部SEO対策
見出しタグの適切な利用を行い、クローラーが読み取りやすいマシンリーダブルな構造を心がけています。ある程度SEOは得意だと自負しておりますが、上位表示のお約束は致しかねます。SEOのランキング基準はコンテンツの質による部分が大きいため、最終的にはエンドクライアント様が作っていくコンテンツがSEOの結果を左右します。
フォントのサイズ・種類
フォントサイズは視認性の観点から、原則デフォルトを16pxとしています。デザイン上で細かくフォントサイズが分けられていて、ページ全体で多岐に渡るフォントサイズが使用されている場合、5段階程度に大きさを統一した上で近似のフォントサイズを設定することがあります。ご了承ください。
フォントのご指定がない場合は原則Google Fontsを用いて、ゴシック体はNoto Sans、明朝体はNoto Serifで表示します。Typekit等のフォントサブスクリプションはソースをご支給いただければ対応可能です。
有料対応オプション
それぞれ、都度お見積りとなります。詳しくはご相談ください。
サーバー管理・ドメイン取得
ご依頼主様にWeb制作・管理の機能がない場合、当方でサーバー等をご用意することも可能です。詳しくはお問い合わせください。
以下のような対応
- IE11対応
- アニメーション
- 上部ヘッダーではない形のナビゲーションメニュー
- PC版と別個のソースによるスマートフォン表示コーディング
- アナリティクスのクリックイベント等の計測タグ埋め込み
等
サービス提供地域
全国でリモート会議によるサービス提供が可能です。基本的に「顔の見える関係」を構築したいと考えています。当方の拠点のある名古屋市を中心とした以下のエリアには、原則無料で出張お打ち合わせが可能です(場所・回数によっては2回目以降の出張費をご請求する場合がございます)。
無料出張可能地域
愛知県
- 名古屋市内
- 尾張西部・東部
岐阜県
- 岐阜市域
- 中濃(郡上市あたりまで)
- 東濃(瑞浪市あたりまで)
上記以外地域でも無料出張が可能な場合もございます。お気軽にご相談ください。対面での打ち合わせができるに越したことはないと考えています。
制作実績
noteのマガジンに制作実績をまとめております。下記よりご覧ください。
ご連絡方法
いろいろ小難しく書きましたが、まずはご相談いただければ幸いです。個人事業主の機動性を活かし、ご予算や要件に応じてフレキシブルにご対応したいと考えております。
ご相談は下記のフォームよりご連絡ください。