Breakpoint | Web制作を学んだ人のための実務シミュレーション

Code & Design Review

「独学」を実務基準へ。
なんとなく」を卒業する。

なんとなく動くコード、感覚的なデザインを
「実務で通用する品質」へ。

なぜ、技術添削が必要なのか

「案件を受注できた」「ポートフォリオが通った」としても、実務に入った瞬間に技術力不足で苦労するケースは少なくありません。

保守性の低いコード、再利用性のないデザインコンポーネント、SEOを無視したマークアップ。これらは独学では気づきにくいポイントです。Breakpointの技術添削は、あなたの技術の癖や不十分な点を示します。

01

コード添削

HTML/CSS/JSの命名規則、アクセシビリティ、パフォーマンス改善。

02

デザイン添削

余白、配色、フォント選定から、制作データの整理術まで。

Review Points

どこまで見ているか

「動いているか」だけでは終わりません。
実務で困らないために、再現性と保守性まで含めてチェックします。

コード品質

  • ・命名規則は整理されているか
  • ・HTML構造が素直か
  • ・CSSの責務が散らかっていないか
  • ・JavaScriptが場当たり的になっていないか

実務性

  • ・他人が触っても理解しやすいか
  • ・修正しやすい設計になっているか
  • ・再利用できる作りになっているか
  • ・納品後の運用を想定できているか

デザイン品質

  • ・余白や整列に違和感がないか
  • ・配色やタイポに一貫性があるか
  • ・情報の優先順位が伝わるか
  • ・「なんとなく」になっていないか

見落としやすい観点

  • ・アクセシビリティへの配慮
  • ・SEOを意識したマークアップ
  • ・表示速度や画像最適化
  • ・Figmaやデータ整理の作法

Breakpointの添削は、「正解を押しつける」ためのものではありません。
なぜその作り方だと困るのか、どう直すと実務で扱いやすくなるのかまで含めてお伝えします。

お申込みの流れ

お申込み

申し込みフォームから必要事項を入力して送信してください。
この時点では契約完了となりませんのでいつでもキャンセル可能です。

ご依頼プランの確認

メールにてプランや必要データの確認をさせていただきます。
柔軟に対応いたしますので、まずはお気軽にお申込みください。

入金・申し込み完了

指定の口座への入金が確認できれば契約完了となります。
オンラインセッションの日取りを決めます。

セッション実行

プランごとの添削をおこないます。
スタンダード添削の場合、事前に作品をじっくり読みこみますので、少々お時間をいただきます。

添削の流れ

資料送付

メールにて添削するデータをお送りください。
WEB上で見られるものはURLをご提示ください。

事前添削作業(※スタンダード添削の場合のみ)

デザイン・コードを拝見させていただき、添削いたします。
早くて即日、遅くとも一週間以内には完了します。

オンラインセッション(60分)

日程調整をした日時に60分前後のオンラインセッションをおこない、添削内容のフィードバックをいたします。
時間が余る場合はその他の相談なども可能です。

追加セッション(60分)(※ダブル添削セットのみ)

後日、修正された内容を確認する添削内容のフィードバックをいたします。
時間が余る場合はその他の相談なども可能です。

Is This For You?

こんな人に向いています

技術添削は、誰にでも同じ価値があるわけではありません。
相性の良い方・そうでない方を先に書いておきます。

向いている人

  • 独学で作れるようにはなったが、実務品質に自信がない人
  • なんとなく動くコード・なんとなく整って見えるデザインから抜け出したい人
  • 命名規則、保守性、余白、再利用性などを一段深く学びたい人
  • 自分の癖や見落としを客観的に知りたい人

あまり向いていない人

  • まだHTML/CSSの基礎がほとんど分からず、何を質問すればいいかも定まっていない人
  • 「動けばOK」「見た目がそれっぽければOK」と考えている人
  • 細かい指摘を受けるより、とにかく肯定だけしてほしい人
  • 短時間で一気に上級者になれることを期待している人

この添削は、今ある力を否定するためではなく、実務で困るポイントを早めに潰すためのものです。

Technical Mentor

竹内 直人(Take)

Capybara Design / Web Creator

夫婦で企業のWeb領域をサポートするデザインユニット「Capybara Design」として活動。
20年以上にわたりWebサイト制作・運用に携わる。

著書『これだけで基本がしっかり身につく HTML/CSS & Webデザイン1冊目の本』(翔泳社)は、Amazon等でベストセラーを記録。難しい技術を「誰にでもわかる言葉」で届けることを大事にしています。

講師としてこれまで200人以上の初学者と向き合ってきた経験から、独学では気づけない「現場の作法」と、仕事にするための「出口戦略」を徹底的に伝授する。

実務歴 20年以上

デザイン添削について

  • 1

    デザイン添削についてはデザイナーのRumiが担当いたします。

  • 2

    Rumiが添削した内容をTakeがフィードバックいたします。

SELECT YOUR PLAN

技術の解像度を、一段階上げる。

ライブ相談

とにかく早く意見が聞きたい方

¥10,000/ 60分
  • オンライン対面解説(60分)
  • 画面共有による即時フィードバック
  • 気になる部分のピンポイント解説
  • 時間内ならコードもデザインも両方OK
  • ※後日のレビュー資料納品なし

このプランを申し込む

Recommended

スタンダード添削

時間をかけて徹底添削

¥15,000/ 1 Project
  • デザインもしくはコードの添削
  • テキストによる添削資料
  • オンライン対面解説(60分)
  • 実務での困りごと相談可能
  • ※5ページ以内程度

申し込みフォームへ

ダブル添削セット

デザインとコード両方見て欲しい方

¥27,000/ Set
  • スタンダード添削の内容すべて
  • デザインとコードの両方を添削
  • ※個別依頼より3,000円お得!

このプランを申し込む

Frequently Asked Questions

よくある質問

ご不安な点はお気軽に、お問い合わせください。

Q. コードだけ、またはデザインだけでも依頼できますか?
A. はい、可能です。HTML/CSS/JavaScriptなどのコードだけでも、デザインデータだけでも対応できます。両方まとめて見てほしい場合も大丈夫です。
Q. どのくらいのレベルの人向けですか?
A. 完全な未経験というよりは、「一応作れるけど、これで実務に出て大丈夫か不安」という方に向いています。独学経験者や、スクール卒業後の方、実務に入りたての方と相性が良いです。
Q. まだ完成していない制作物でも見てもらえますか?
A. はい、可能です。完成後にまとめて直すより、途中段階で方向修正した方が効率的なことも多いです。どの段階で見てもらうのが良いか迷う場合は、事前にご相談ください。
Q. どのくらい細かく見てもらえますか?
A. 見た目の印象だけでなく、命名規則、保守性、余白、配色、アクセシビリティ、再利用性など、実務であとから効いてくる部分まで見ます。「動いているからOK」「なんとなく整っているからOK」では終わらせません。
Q. 添削は厳しいですか?
A. 甘めの感想会ではありません。気になる点は率直にお伝えします。ただし、「ダメ出しして終わり」ではなく、なぜ問題なのか、どう直すと良くなるのかまで含めてお話しします。
Q. Figmaやデザインカンプだけでも依頼できますか?
A. はい、可能です。実装前のカンプやFigmaデータでも見られます。配色、余白、情報設計、コンポーネントの整理など、デザイン段階で直した方がよい点を中心にフィードバックします。
Q. WordPressやJavaScriptも見てもらえますか?
A. 基本はHTML/CSSを中心に、JavaScriptやWordPressまわりも内容によっては対応可能です。ただし、規模や内容によっては別サービスの方が向いている場合もあるため、事前にご相談ください。
Q. 添削を受ければ、すぐに実務レベルになりますか?
A. 一度で一気に上級者になるものではありません。ただ、自分では気づきにくい癖や弱点を早めに把握できるので、遠回りはかなり減ります。実務で困るポイントを先に知る、という価値が大きいです。
Q. 添削後に修正したものをもう一度見てもらえますか?
A. はい。修正確認まで行いたい場合は、追加セッション付きのプランをご利用ください。1回目で指摘を受けて終わりにするより、修正後の状態まで見た方が理解が深まります。
Q. どのプランを選べばいいかわかりません
A. まず軽く見てほしい場合はライブ添削、事前にじっくり読み込んだ上で具体的な指摘がほしい場合はスタンダード添削がおすすめです。修正後の確認までしたい場合は追加セッション付きのプランが向いています。