「侍エンジニアのレッスンって、実際に何を聞けるんだろう」「こんな初歩的なことを聞いていいのかな」と迷っていませんか。
この記事を書いているゲンは、侍エンジニアの現役インストラクターです。講師という立場で、またこのブログは広告収入で運営していることも先にお伝えしておきます。そのうえで、レッスンで実際によく受ける質問と、講師としてどう答えているかをそのまま紹介します。
- レッスンでは、教材の内容・エラー・作りたいものの相談まで聞ける
- よく出るのは、paddingとmargin、relativeとabsolute、「CSSが効かない」など基本の質問
- 講師は画面を見ながら、その場でコードを直して見せることが多い
- 「やりたいこと」と「今のコード」をセットで持ってくると、レッスンの時間を有効に使える

ゲン|侍エンジニア現役インストラクター
侍エンジニアの現役インストラクターとして、主にフリーランスコースでWEB制作を教えています。会社員としてRuby on Railsでのソフトウェア開発に携わりながら、個人でもWEB制作・WEBアプリ開発の案件を受けています(ココナラ:プラチナランク・実績589件・評価4.9/2026年9月時点)。
未経験から転職・副業・フリーランスを目指す人に向けて、甘い話は盛らずに書いています。講師として実際に見聞きしたことと、公開情報をもとに書いたことは、記事の中で書き分けています。
何度も躓いて、同じエラーに悩まされ、「本当にこれでいいのか」と不安になる独学の日々。
プログラミングの独学には、見えない壁があります。ただのつまずきなのか、根本的な理解が足りないのか、判断すらできない孤独な戦い。
侍エンジニア塾では、現役エンジニアがあなたのコードを直接見てフィードバックします。
「なぜエラーが起きるのか」「どうすれば効率的に書けるのか」を実践的に学べる環境があります。
\ まずは無料カウンセリング! /
侍エンジニアのレッスンで聞けること
結論から言うと、学習に関わることなら、教材の中のことも外のことも聞けます。侍エンジニアは専属のマンツーマン指導で、基本的に一人の講師が卒業まで担当します(2026年10月時点の公式サイトより)。
| 聞けること | 例 |
|---|---|
| 教材の内容 | 説明の意味が分からない、書いてあるとおりに動かない |
| エラー・不具合 | CSSが効かない、画像が表示されない、レイアウトが崩れる |
| 作りたいものの相談 | 作品の作り方、使うツールの選び方 |
| 学び方の相談 | 時間が足りないときの優先順位の付け方 |
レッスンの時間以外に詰まったときは、学習中の質問用のQ&A掲示板もあります。また、講師とは別に学習コーチがつき、学習の進み方を見てもらえます(2026年10月時点の公式サイトより)。
こんな初歩的なこと、聞いたら恥ずかしくないですか?



まったく恥ずかしくないです。
むしろ初歩的なところほど、早めに聞いてもらったほうが後で楽になります。基礎があいまいなまま進むと、あとで同じところで何度も止まるからです。
よく聞かれる質問① CSSの「似ているもの」の違い
HTMLとCSSを学び始めた人から一番多いのは、名前や役割が似ているものの違いです。言葉で覚えるより、イメージで覚えたほうが定着しやすいので、レッスンでは例えを使って説明しています。
paddingとmarginの違いは?
paddingは枠の内側の余白、marginは枠の外側の余白です。レッスンでは、人の体に例えて説明することが多いです。
| CSS | 体に例えると |
|---|---|
| 中身(content) | 自分自身 |
| padding | 皮膚の内側の脂肪 |
| border | 皮膚 |
| margin | 着ている服(まわりの人との距離) |
背景色はpaddingの部分まで塗られ、marginの部分には塗られません。「ボタンの文字のまわりを広げたい」ならpadding、「ボタン同士の間をあけたい」ならmargin、と使い分けると覚えやすいです。
position: relativeとabsoluteの違いは?
absoluteは「どこを基準に位置を決めるか」がポイントです。親にrelativeを付けると、その親が「基準の箱」になる、と説明しています。
.card {
position: relative; /* この箱が基準になる */
}
.card .label {
position: absolute; /* .cardの右上に置かれる */
top: 0;
right: 0;
}
親にrelativeを付け忘れると、absoluteの要素はもっと外側の箱を基準にしてしまい、「思っていない場所に飛んでいく」ことになります。この質問はとても多いです。
IDとclassはどう使い分ける?
見た目を付けるのはclassが基本です。classは同じページで何度でも使えますが、IDは1ページに1つだけです。IDは「ページ内のこの場所に飛ぶ」リンクの目印など、1つしかないものに使う、と覚えておけば迷いません。
よく聞かれる質問② 「CSSが効かない」ときはどこを見る?
「書いたはずなのに見た目が変わらない」は、学習中に必ず一度は通る道です。原因の多くは単純なところにあるので、次の順で確認するように伝えています。
- 「;」(セミコロン)が抜けていないか:1つ抜けると、その次の指定まで効かなくなることがある
- エディターに赤い波線が出ていないか:書き間違いの場所を教えてくれている
- ブラウザの検証ツールで、実際に当たっている指定を見る:線が引かれて打ち消されていれば、別の指定に負けている
答えをすぐに教えることもできますが、レッスンではなるべくこの確認の順番そのものを身につけてもらうようにしています。卒業後に一人で作業するとき、一番役に立つのは「どこから調べればいいか」が分かっていることだからです。
教材の外のことも聞いていい
レッスンは教材の質問だけの時間ではありません。自分で何かを作り始めたときの相談も、よく受けます。
たとえば「最初の作品はHTMLで作るか、WordPressやStudioで作るか」という相談です。HTMLとCSSだけではお問い合わせフォームは動かないこと、WordPressならプラグインでフォームを付けられること、Studioはフォームが標準で付いていることなど、作りたいものに合わせて選び方を一緒に考えます。



教材を進めるだけだと「分かった気」になりやすいんです。
実際に自分で作り始めて、詰まって、調べ直したときにいちばん身につきます。その詰まったところを持ってきてもらえると、レッスンがぐっと実践的になります。
レッスンでどんなことを相談したいか、申し込む前に整理しておきたい人は、無料カウンセリングで聞いてみるのも一つの方法です。
侍エンジニアには、Claude Codeを使ったアプリ開発・業務自動化のコースをはじめ、
生成AI系のコースが複数用意されています。
全27コースあるので、どれが自分に合うかは無料カウンセリングで相談しながら決められます。
- その場で申し込む必要はなく、情報収集だけでもOK
- 受講した場合の費用や、分割払いの目安がわかる
- 自分が給付金(最大70〜80%)の対象になるか確認できる
- 優待プログラム(小中高生/障がい者/50歳以上/女性)の適用可否も相談できる
所要時間は40分〜。オンライン(Google Meet)で完結します。
「いきなりスクールは高い」と感じる方は、月定額2,980円〜の侍テラコヤから試す方法もあります。
講師はどうやって教えている?
私の場合、受講生さんの画面を見ながら、その場でコードを書き換えて見せることが多いです。「ここを1行変えると、こう変わる」を目の前で見てもらうと、説明を何度読むより早く伝わります。
独学で止まりやすいのは、原因がどこにあるのかを切り分けるところです。ファイル名の1文字違いで画像が出ない、見えない要素が上に重なってクリックできない、といった問題は、画面を一緒に見ればすぐに見つかることがよくあります。
なお、講師との相性が合わないと感じた場合は、運営に相談すれば担当変更の提案をもらえます。講師がどんな人たちなのかは、こちらの記事で詳しく書いています。
レッスンを活かすための質問のしかた
同じレッスンの時間でも、質問の持ってき方で得られるものが変わります。ポイントは「やりたいこと」と「今の状態」をセットで伝えることです。
- やりたいこと:「画像とテキストを横に並べたい」など、最終的にどうしたいか
- 今のコード:該当する部分のHTMLとCSS
- 今の見た目:スクリーンショット1枚で十分
- 試したこと:「flexを付けたけど並ばなかった」など
この4つがそろっていると、講師は原因の見当をすぐに付けられます。ちなみにこの伝え方は、AIに質問するときにもそのまま使えます。仕事でも、人やAIに相談する場面は多いので、学習中に身につけておくと後々まで役立ちます。
うまく説明できないときは、どうすれば?



そのままで大丈夫です。
「何が分からないのか分からない」状態から一緒に整理するのも、レッスンの役目です。
よくある質問
- 教材と関係ない質問をしてもいいですか?
-
学習や作りたいものに関わることなら大丈夫です。作品のツール選びや、学習の優先順位の相談などもよく受けます。
- 初歩的な質問でも聞いていいですか?
-
はい。基礎があいまいなまま進むと後で何度も止まるので、初歩的なところほど早めに聞いてもらうほうがおすすめです。
- レッスン以外の時間に詰まったらどうすればいいですか?
-
学習中の質問用のQ&A掲示板があります。講師とは別に学習コーチもつきます(2026年10月時点の公式サイトより)。
- 講師と合わなかったらどうなりますか?
-
運営に相談すれば、担当変更の提案をもらえます。詳しくは講師の実態の記事で書いています。
- 申し込む前にレッスンの雰囲気を知る方法はありますか?
-
無料カウンセリングで、学習の進め方や相談したいことを聞いてみるのがおすすめです。当日の流れは無料カウンセリングの流れにまとめています。
- まずは安くレッスンを受けてみたいです。
-
月額制の侍テラコヤには、月に決まった回数のレッスンが付くプランがあります。違いは侍テラコヤの評判・料金で比べています。
まとめ
侍エンジニアのレッスンで聞けることと、よくある質問を紹介しました。
- レッスンでは、教材の内容・エラー・作りたいものの相談まで聞ける
- paddingとmargin、relativeとabsolute、IDとclassなど「似ているものの違い」はよく出る質問
- 「CSSが効かない」ときは、セミコロン → 赤い波線 → 検証ツールの順に見る
- 講師は画面を見ながら、その場でコードを直して見せることが多い
- 「やりたいこと・今のコード・今の見た目・試したこと」をそろえると、レッスンを有効に使える
一人で調べても分からないところで止まっている時間は、学習のなかで一番もったいない時間です。その時間を短くしたい人には、聞ける相手がいる環境が向いています。まずは無料カウンセリングで、自分の目的に合うか確かめてみてください。


あなたのペースで、あなただけの道を。
侍エンジニアは2013年の創業以来、「完全マンツーマン指導」にこだわり続けてきたプログラミングスクールです。
なぜマンツーマンなのか?プログラミング学習の最大の敵は「挫折」
一人ひとりの理解度や目標に合わせたカリキュラムだからこそ、自分のペースで、つまずいたところをその都度解消しながら学べます。
2026年時点ではClaudeCode(WEBアプリ・業務自動化)コースをはじめ、生成AIを実務で使うためのコースも充実しています。
| 運営会社 | 株式会社オープンアップITエンジニア |
|---|---|
| 学習形式 | 完全マンツーマン/オンライン完結 |
| 対応時間 | 8時〜22時 |
| コース数 | 全27コース(2026年9月時点) |
| 注目コース | ClaudeCode(WEBアプリ・業務自動化)コース 8週間プラン ¥449,000 12週間プラン ¥569,000 16週間プラン ¥659,000 ※給付金利用時は8週間プランで実質¥163,273 |
| 主なコース (目的別) | 転職:Webエンジニア転職/クラウドエンジニア転職/Webデザイナー転職/キャリアデザイン転職 生成AI:ClaudeCode/生成AI基礎実践/生成AI業務自動化/生成AI×WEB副業/業務改善AI活用 副業・フリーランス:副業スタート/副業実践/フリーランス 資格:LPIC対策/Java対策 その他:オーダーメイド/教養 |
| 料金の目安 | ¥173,000(教養コース4週間)〜 ※入学金¥99,000を含む合計金額(税込) |
| 給付金 | コースにより受講料の最大70%または80%が支給対象 |
| 優待プログラム | 小中高生/障がい者/50歳以上/女性 |
| 低価格な選択肢 | 侍テラコヤ(サブスク型・月定額2,980円〜) |
| 無料で試せる | 無料カウンセリング(オンライン) |
\ 給付金の対象コースなら受講料の最大70〜80%が支給 /
※支給率・対象コース・雇用保険の加入期間などの条件があります。詳細は無料カウンセリングで確認できます
その場で申し込む必要はありません。どのコースが合うかの相談だけでも利用できます。








