Web Coding / JavaScript / Form

デザインの意図をくみ取り、細部まで丁寧にコーディング。
JavaScriptによる動きの実装から、スマートフォン対応まで、
使いやすいWebサイトを制作します。

藤村 大起 ／ Webコーダー

デザインを、
確かな技術で
カタチに。

実績を見る 相談する

Works

制作実績

  • 青牡丹工務店のトップページ

    学習用の架空案件制作期間 1週間 ／ 5ページ

    青牡丹工務店

    Figmaから5ページ。フォームは自動返信まで。

    • HTML
    • CSS
    • JavaScript
    • Google Apps Script

    デザインとのずれ0〜2px ／ モーダル ／ Googleフォーム連携

    サイトを見る
  • CareSendのトップページ

    デザイン支給制作期間 3日 ／ 1ページ

    CareSend

    介護派遣サービスの紹介ページ。

    • HTML
    • CSS
    • JavaScript
    • jQuery

    フォーム制御 ／ 流れ続けるロゴ ／ スクロール演出

    サイトを見る
  • 石井総合内科クリニックのトップページ

    学習用の架空案件制作期間 3日 ／ 1ページ

    石井総合内科クリニック

    JavaScriptなし。CSS1本で。

    • HTML
    • CSS

    縦書き ／ 4段階のレスポンシブ ／ clamp()

    サイトを見る

いずれもデザインを受け取り、コーディングから公開までを担当しました。

Service

依頼できること

コーディングだけ、1ページだけ、一部の修正だけ。
小さな範囲でも引き受けます。

  • デザインカンプからのコーディング

    Figma・XD・画像でいただいたデザインを、HTML / CSS で組みます。余白や文字サイズは1px単位で測り、デザインの画像を重ねて確認。PC／タブレット／スマホの切り替えも、あとから直しやすいBEMのクラス設計で書きます。

    関連：青牡丹工務店 ／ CareSend ／ 石井総合内科クリニック

  • JavaScriptの動き・UIの実装

    スライダー、モーダル、開閉メニュー、スクロールに合わせて要素が現れる演出、ローディング画面。jQueryでも素のJavaScriptでも書きます。キーボード操作やフォーカスの戻りなど、使いやすさの部分も含めて実装します。

    関連：青牡丹工務店 ／ CareSend

  • お問い合わせフォームとメール連携

    必須項目がそろうまで送信できない入力チェックから、送信後の「お問い合わせありがとうございます」の自動返信メール、サイトの持ち主への通知メールまで。Googleフォーム＋Google Apps Scriptで、サーバー側の費用をかけずに組みます。

    関連：青牡丹工務店

  • 既存サイトの修正・改修

    ページの追加、文言や画像の差し替え、スマホで崩れている箇所の修正。他の人が書いたコードを読み解いて、影響する範囲を確かめてから手を入れます。本業の保守の仕事で、毎日やっていることです。

    関連：金融機関のWebシステム保守（本業）

  • LINE公式アカウント・Lステップの構築

    LINE公式アカウントの開設・初期設定から、Lステップの導入まで。トーク画面下のリッチメニュー、友だち追加後に自動で届くステップ配信、タグや回答内容でのメッセージの出し分け、予約機能の設定、Webサイトやフォームから友だち追加につなげる導線づくりまで対応します。

    サイト制作とあわせて、LINEだけのご依頼も可

Flow

ご相談から納品まで

本業のかたわら、平日の夜と週末に進めます。
これまでの実績では、1ページを3日、5ページを1週間で仕上げています。お急ぎの場合はご相談ください。

  1. 01

    お問い合わせ

    返信：当日〜翌日

    XのDMからどうぞ。「こんなサイトを作りたい」くらいの、ざっくりした内容で大丈夫です。

  2. 02

    内容・仕様の確認

    1〜2日

    デザインデータの形式、ページ数、担当する範囲、希望の納期、フォームの有無を確認します。

  3. 03

    お見積もり・
    スケジュール

    1〜2日

    確認した内容をもとに、金額とスケジュールを出します。ご納得いただいてから着手します。

  4. 04

    制作・確認

    1ページ：3日〜
    5ページ：1週間〜

    途中で確認用のURLを共有し、実際の画面を見ながら進めます。気になる点は、その場で直します。

  5. 05

    納品

    最終確認の翌日まで

    修正を反映したら、ファイル一式のお渡しか、サーバーへの設置で納品します。公開後の小さな修正も対応します。

1ページのLP
制作 3日〜実績：CareSend・石井総合内科クリニックを各3日で
5ページ前後のサイト
制作 1週間〜実績：青牡丹工務店（5ページ・フォーム付き）を1週間で
既存サイトの修正
内容により 数日〜1週間影響範囲を確認してから着手します
藤村大起。山の上の岩に座って景色を眺めている
休みの日は、山へ

About

わたしについて

藤村 大起Fujimura Daiki — Web Coder

Webコーダーの藤村大起です。専門学校でWebを学び、いまは金融機関のWebシステムの保守・運用を本業にしています。業務ではJavaでの機能追加と、HTML / CSS の修正・改修を担当しています。

保守の仕事は、他の人が書いたコードを読み解くところから始まります。どこを直すと、どこに影響が出るのか。それを確かめてから手を入れる習慣が身につきました。同じ慎重さで、サイト制作も進めています。

デザインを1pxまで合わせて、そのとおりに動くものを作るのが好きです。フォームや自動返信メールのような、見た目の後ろで動く仕組みまで自分で組んで、ひとつのサイトとして完成させます。

休みの日は山や川へ出かけます。家ではベニコンゴウインコと暮らしていて、このサイトの横を飛んでいるのが、そのインコです。

Skills

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Google Apps Script
  • Java
  • Figma
  • Git
  • LINE公式アカウント
  • Lステップ

FAQ

よくある質問

どこまでお願いできますか？
デザインカンプからのコーディング、JavaScriptでの動きの実装、お問い合わせフォームの設置、既存サイトの修正、LINE公式アカウント・Lステップの構築まで対応しています。「1ページだけ」「この部分だけ」といった小さなご依頼も歓迎です。掲載していない内容も、まずはご相談ください。
デザインがまだ決まっていなくても相談できますか？
はい、大丈夫です。参考にしたいサイトやイメージ、手書きのメモなどを共有いただければ、対応できる範囲と進め方をご提案します。
依頼するときに、何を用意すればいいですか？
内容に合わせて、次のものをご用意ください。
  • デザインデータ（Figma・XD・画像など）
  • 掲載する文章・原稿
  • 使用したい写真・イラスト・ロゴ
  • 公開まで依頼される場合は、サーバー・ドメインの情報
  • LINE構築の場合は、LINE公式アカウント・Lステップの管理画面に入れる権限
※写真やイラストは、著作権・利用規約をご確認のうえご用意をお願いします。
料金はいくらくらいですか？
ページ数や動きの量、フォームの有無などで変わるため、内容を伺ってからお見積もりをお出しします。ご予算が決まっている場合は、その範囲でできることをご提案します。
納期はどれくらいですか？
制作内容やボリュームによって変わります。ご希望の公開日や締め切りがある場合は、最初にお知らせください。スケジュールを逆算してご提案します。
修正は何回までできますか？
制作中は、確認していただきながら修正を進めます。さらに、納品後1ヶ月以内であれば、不具合や軽い修正は無料で対応します。大きな仕様変更やページの追加は、別途ご相談ください。
お支払い方法を教えてください。
銀行振込でお願いしています。お支払いのタイミングは「着手金＋納品後」「先払い」など、ご相談のうえ柔軟に決められます。ココナラ経由でのご依頼・お支払いにも対応しています。
キャンセルはできますか？
制作に着手したあとのキャンセルにつきましては、返金いたしかねます。あらかじめご了承ください。
LINE公式アカウントやLステップだけの依頼もできますか？
はい、LINEだけのご依頼も承ります。初期設定・リッチメニューの作成・ステップ配信やタグでの出し分け・予約機能・Webサイトからの導線づくりまで、必要なところだけお任せいただけます。
本業があるとのことですが、連絡はとれますか？
はい。平日は本業があるため、制作は平日の夜と土日に進めています。メッセージは毎日確認していますので、お気軽にご連絡ください。

Contact

お気軽にご相談ください

内容やスケジュールが決まっていなくても大丈夫です。
まず話を聞いて、できることをお伝えします。

ご相談の種類

いただいた情報は、ご相談への返信にのみ使用します。

フォーム以外でも受け付けています

Mailfujilab.toiawase@gmail.com XDMで相談する