Web制作の勉強を始めてみたものの...
このようなお困り事は
ありませんか?
まず、何から手をつければいいのかわからない
専門用語が多すぎて、いまいち内容を理解できない
自分の学習方法が正しいかどうか分からない
学習でつまづいた時に相談できる人がいない
専門のスクールに通いたいけど費用が高額なので、中々踏み切れずにいる
実務で使えるレベルのスキルが身につくか不安
学習のモチベーションが中々上がらない

実際
ゼロから独学でWeb制作を学習するのは
結構大変 です
学習コンテンツこそ豊富なWeb制作ですが、独学では断片的な知識しか身につかず、多くの人が途中で挫折してしまいます。
初心者がWeb制作の学習で挫折する理由
-
REASON01
専門用語多発。
初歩の初歩から
「分からない」の連続。 -
REASON 02
「分からない」なりに
学習を進めてしまう。 -
REASON03
間違った学習方法で
間違った知識を得てしまう -
REASON04
間違いを指摘してくれる
人がいない -
REASON05
実用的なスキルが
身についていない
事に気付いてしまう
モチベーションを維持できず、
学習を辞めてしまう...
忍者CODEのWeb制作コースは
未経験者でも挫折させない仕組みがあります!
また実務レベルで現場で使えるスキルを
体系的に学ぶ事が可能
です!

Web制作の学習は、決して楽ではありませんが、
「正しい方法で」「コツコツ」と続ければ、必ずスキルアップすることが可能です。
Web制作コースでは、挫折せずに学習を継続するためのカリキュラム・サポート体制をご用意しています。
プロのアドバイザーが
お客様の疑問にお答えいたします
/カンタン30秒で入力完了\
ステップバイステップで
着実にスキルが身につくカリキュラム
STEP
01
初心者でも良く分かる!
Web制作基礎の基礎
- 知っておこうWeb制作に関する基本知識の話
- HTMLの書き方や役割を基礎から学ぶマークアップ入門
- CSSで挫折しない為の基礎学習【超重要プロパティ】
- HTMLコーディングをしてみよう(デザインから)
- 初心者向けHTMLコーディング完全解説(STEP1総まとめ)
- LPコーディングのコードレビューを見て制度を高めよう

STEP
02
真似して覚えるWeb制作(デザイン~プログラミングまで)
- 属性ってなに?などなどHTML,CSSの深堀り編
- デザイナーから直接学ぶ猫ちゃんサイトのデザイン解説
- 鎧模写-YOROIMOSYA
- JavaScriptで学ぶプログラミングの基本のきほん
- CSSを1行も書かないコーディング!Bootstrapを使ってみよう

STEP
03
動きを付けたり、効率化したり
脱初心者を目指すためのスキルを学ぼう
- jQueryの基本的な使い方から応用まで
【プラグイン解説あり】 - Web制作でCSSを簡単に書くためのSASS入門【小技あり】
- 現場で使うCSS設計の考え方 参考サイトを元に解説
- 生のJavaScriptだけで英単語アプリを作ろう
(音声読み上げ付き) - FTPツールを使ってサーバーへアップロードしよう
- 実務でモリモリ使うデバッグと検証方法を学ぼう

STEP
04
ここまで出来れば中級者!
ちょこっと応用編のWeb制作
- JavaScriptの屋敷鳳凰の間
- JavaScriptで作るLINE風チャットポット
- コマンドラインとアプリ操作を同時に学べるGit【15選】
- EJSを使いコーディング力を中級者まで引き上げる
- 鎧模写-YOROIMOSYA 銀の鎧

STEP
05
実務で必須の制作スキル
WordPressについて学ぶ
- PHPの基礎から学びたい人向け14項目から学ぶ
- PHPで簡易的な掲示板を作ってみよう
- 初心者からでも本当に分かるWordPress講座
- 甘えを吹き飛ばす!WordPress開発
- WordPressで¥400,000の案件を徹底解説!
- WordPress有料テーマSnow Monkeyの解体書
- WordPressをローカルからサーバーに構築しよう

随時更新中
その他特別講座や小技集等、
数多くのコンテンツをご用意しております
特別講座の一例



プロのアドバイザーが
お客様の疑問にお答えいたします
/カンタン30秒で入力完了\
分からない事は
チャットで
ガ
ン
ガ
ン
ご質問
ください
※学習後も無期限・無制限で半永久的に質問可能です!
実際のやり取りの様子
(ズームしてご覧ください)




カリキュラムを通して、
多種多様なスキルを
身に付ける事ができます

Webデザイン
設計の仕方等の事前準備から画像加工や配置の方法、フォントの選び方等、 実際にデザイン作成を行う際のテクニックを伝授します。

プログラミング
デザインしたものをWeb上で公開するために必要な、HTML・CSSをはじめ、
JavaScriptやjQuery、PHPを用いた
WordPressの構築方法を伝授します。

案件獲得のコツ等
スキルだけ身に付けても仕事に繋がらなければ意味がない!
実際に講師が転職成功や案件を獲得するまでのリアルな手順をお伝えします。
例えば、次のような事が
できるようになります

WordPress
オリジナルテーマ開発

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

HTML,CSS,レスポンシブ
コーディング

CSS設計を考慮した
サイト構築【BEM】

JavaScript/jQuery
フロントECサイト制作

JavaScriptだけで
英単語学習アプリ開発

PHPを使った簡易掲示板
(コーディングあり)

Figmaを使用した
Webデザイン
プロのアドバイザーが
お客様の疑問にお答えいたします
/カンタン30秒で入力完了\
Web制作コース
が選ばれる
4つの理由

学習動画数400件超え
圧倒的なコンテンツボリューム

Web制作コースでは、初心者がゼロからWeb制作スキルをに身につけられるよう、
基礎中の基礎からカリキュラムを動画にてお届けしています。
また、Web制作の技術は常に進化を続けており、最新のテクニックを皆様にお届けできるよう、随時コンテンツを拡充しています。
その結果、今では400件以上の学習動画を閲覧可能となっております。
初心者を脱した後も、長期に渡って学習を続けていただけます。

面白いから無理なく続けられる
笑いを取り入れた掛け合い解説

世の中には、数多くの学習コンテンツが溢れています。
しかし、内容は良いけど正直
・つまらない
・眠くなる
・飽きてしまう
という事はありませんか?
Web制作コースのカリキュラムは、淡々と講義を行うのではなく、
講師2人の「笑いを取り入れた掛け合い解説」が大きな特徴となっております。
そのため、「次はどんな内容だろう...」と楽しみながら学習を進めて行く事ができます。

ほぼ24時間、直接質問可能
1対1のチャットサポート

しっかり、着実に、コツコツ
これを実現させる為に1対1のチャットサポートを導入しました。
いつでも気軽にほぼ24時間、直接質問ができます。
正直グループチャットにして受講者同士で問題解決してもらえば運営のコストは下がりますし、そうしているスクールも沢山あると思います。
ですがWeb制作コースでは出来る限り私たちの言葉で受講者様の問題解決に向き合いたいと考えているので1対1のチャットサポートを用意しております。

業界最安クラスの受講費用
追加費用一切無し

Web制作コースでは、学習意欲はあるけど費用面での不安を抱えている方のために、
出来る限り受講の費用をお安く設定しています。
※費用についての詳細はこちら
また、完全に買い切り型のサービスとなっていますので、追加費用を頂くことは一切ありません。
勿論、新しく追加されたコンテンツも視聴可能となっています。
実
際
に
Web制作コース
で
公開している動画
を
ほんの少し
だけ
お見せいたします
※ボタンをクリックすると動画が再生されます
プロのアドバイザーが
お客様の疑問にお答えいたします
/カンタン30秒で入力完了\
未来を変えた受講生の声
VOICE
01
Web制作に特化した
コンテンツ内容でコスパ最強

リュージ さん
Web制作コースで学習して良かったと思う点は沢山ありますが主に次の3つです
①一対一のチャットで親切に応えてもらえるのでありがたい。
②動画での解説がわかりやすくモチベーションUPに繋がる。
③HTMLからWordpressまで網羅しており、かつ随時コンテンツが追加されるのでコスパ最強。
Web制作に特化したコンテンツ内容なので一気通貫しやすい。
Web制作コースでしっかりと学習をしていけば必ずや目標達成の力がつくと信じています。
VOICE
02
ママとしての時間を増やしたかったので、 子供が寝てる間にできるお仕事 がないか考えてたどりつきました

ayuco さん
他のコンテンツも使って学習していたのですが、そちらに関する質問にも
お答えいただけたのは本当にびっくりしました。学習中、実案件で
もたびたびお世話になってます!
学習から数ヶ月経ったころ、インデントやクラス名の付け方など、色んな
考え方やこだわり(?)を目にし過ぎたせいか、何が正解かわからなくなっ
てしまった時期がありました。
模範コードを見て「なーんだ!そういうことかー!」とすごく納得
した経験があります。
学習でつまずいたところは特に無く、
いつも楽しく学習していた記憶しかないです。
追伸。。
直近の案件で、画像加工のコンテンツもめちゃくちゃ参考になりました!
VOICE
03
今まで学習してきたもので、
断トツで分かりやすいです

さたか さん
色々な本や動画などを購入しましたが、Word Press(php)に手こずってました。
年末の割引時に無料問題集でお世話になってる忍者codeさんのWeb制作コースを購入しました。
Word Press編の動画は何度も反復を促してくれるコンテンツとなってるので、動画をみつつ、手を動かせば自然と覚えられます。
加えて親切かつ丁寧な解説つきなので、今まで苦手意識があったWord Press学習に抵抗なく学習をすすめる事が出来てます!
さらに現役のエンジニアさんからの発信なので、とても実践的で今後の案件に丸々活かせそうな内容がたくさんあります。
今まで学習してきたもので、断トツで分かりやすいです。
Word Pressでつまづいてる方がいましたら、Web制作コースのWord Press編を強くオススメします!
VOICE
04
ボットかと思うくらい
返答が早いです。

アラタ さん
元々プログラミングに興味がありました。コロナ渦で自分を作れる様になった事をきっかけに、人生やりたいものは全部やろうと思い学習を開始しました。
一通り基礎を学び、模写なども行いましたが、案件獲得のイメージがつかず、軽く挫折。。躓いてる時に忍者CODEの無料問題集や無料動画に出会い、無料でこのクオリティーならWeb制作コースはもっと凄いはず!と思い2021年8月〜Web制作コースを購入しました。
一番良いところは、質問に対していつも迅速かつ丁寧な返信をいただける事です。
ボットかと思うくらい返答が早いです。
ほとんどどんな質問も可能なので、案件をとる段階になってからも、たくさん質問をさせて頂いております。このバックアップがあるおかげで、不安なく実務に入れました。
VOICE
05
Web制作の知識0からでも
参加できる

いっち さん
忍者CODEWeb制作コースで学習して良かったと思う感想↓
・slackでどんな些細な質問でもちゃんと答えてくれる。
・生徒の立場から見るとお二人の人柄がとても良いのでこちらも質問しやすいし、こちらが悩んでる事に対してレベルを合わせて真摯に向き合ってくれる。
・メンタリング有りで入会すると挫折しそうになってもお二人に直接相談出来るという安心感があるので常に前を向ける。
・コンテンツのレパートリーが豊富で同じ言語の学習でも一向に飽きな
い。コンテンツの内容は初学者からすると凄く難しいものが多いが、裏を返せば実践的な内容の証明なので頑張れる。
VOICE
06
お二方の優しさ
そしてレスポンスの速さに
幾度も助けられました。

いと さん
カリキュラムとして使用されている動画は、掛け合い形式で飽きない軽妙な会話と分かりやすい解説が絶妙です。
何より疑問点があった時、カリキュラム外の内容でも一緒に悩んでくださるお二方の優しさ。そしてレスポンスの速さに幾度も助けられました。
わたしの実装したい機能について、そもそも必要なのか、という視点も含めてアドバイスいただいたこともあります。
一家に一台ならぬ、一人になんちゃらです。多分。
いつもありがとうございます。
VOICE
07
気持ち的に
挫折しにくい環境
となっている

Tomoko さん
学習して良かったと感じる点↓
・学習者との一体感!
40代の方が多く、アラフィフの私には同世代の方が多く在籍しているのはやっぱり嬉しい。
・動画も分かりやすく、模範解答もしっかり掲載されているので、分からなくなって手が止まることはない。
・また質問が即レスでくるので、どんどんカリュキュラムが進められるので気持ち的に挫折しにくい環境となっている。その質問も、公の場ではなく、DMで人目を気にせずに質問できるのは本当に超初心者には安心できた
・お二人の軽快なトークで進む動画は見ていて、ほっこりする。
・このお値段で、この内容!しかもDMで質問ができる。
しかも、新しく追加されたカリュキュラムも追加料金なしで取組める!
VOICE
08
本当に 購入して行動して良かった と感じております

ナカウラ さん
Web制作コースをして良かったことは、HTML・CSSは勿論のこと基礎的な部分も勉強できる上に、環境構築の事を理解できることです。
特に初心者には苦手と感じる環境構築は動画の丁寧な解説、迅速なチャットの返事があります。
私自身もWordPressの環境構築、管理画面などたくさん躓くことがあってもお二人のサポートがあるからことクリアできました。
購入する際、自分も本当に悩みました。
何をやったらいいか迷っている方は、是非「Web制作コース」を試してみてはいかがでしょうか。
本当に購入して行動して良かったと感じております。
VOICE
09
サポートの手厚さが一番です

りょーま さん
2021年の7月から受講を開始しました。
Web制作コースは本当にサポートの手厚さが一番です。圧倒的にここです。
正直サポート目的で購入しましたが、学習コンテンツもよかったです。
また、学習していて「退屈しないデザイン」というのもかなり大きいです。
銅や銀・鳳凰をみて難しそうって思いながらもそれを上回る面白そうー!
このデザイン再現できたら絶対楽しいと思ってやれたことです。
VOICE
10
笑いを交えたトーク形式での解説が最高です

ろっこ さん
仕事でIllustratorやPhotoshop、少しだけhtmlを触ることがあったので、もっと勉強して副業にできたらいいなと思ったことがきっかけで学習を始めました。
内容が濃くなるWordPress開発では、解説を見ながら進めるので今は精一杯でしたので、PHPの勉強をもっとしてから再挑戦したいと思いました。
Web制作コースの学習で良かった点としては、
・笑いを交えたトーク形式での解説が最高です。躓いて辛くなりそうな時も励まされます。
・お二人の知識、経験が素晴らしく、安心して学べること。
・チャット形式で質問させてもらえること!!孤独な作業がメインな中で、とても心強いです。
・偏らず幅広いコンテンツがあり、初心者にも始めやすい内容から、レベルの高い内容までカバーされています。
動画だけでなく解答コードもあるので見比べながら進められます。
Web制作コースの内容を
他社と比較
Web制作コース | A社 | B社 | C社 | |
---|---|---|---|---|
料金 |
98,000
(税込) 円 |
120,000
(税込) 円 |
175,000
(税込) 円 |
657,800
(税込) 円 |
解説動画数 | 約400本 | 60本 | 150本 | 200本 |
学習時間 |
500
(目安) 時間 |
不明 |
500
(目安) 時間 |
300
(目安) 時間 |


よくある質問
Q
プログラミング全く未経験ですが大丈夫でしょうか?
A
全く問題ございません。大半の方が未経験から学ばれています。
Q
どのようなスキルが学べますか?
A
Web制作に必要なスキルを網羅的に学んでいただきます。
マークアップのコツ, HTML, CSS, Sass,
JavaScript, jQuery, CSS設計, Git,
WordPress, PHP, Webデザイン,などなど
が学べます。
今後学べるスキルは随時追加されていきます。
Q
閲覧期間などはありますか?
A
期限は設けておりません。半永久的にお使いできます。
Q
Windowsでも受講できますか?
A
パソコンの種類に制限はございません。WindowsでもMacでも閲覧することも可能です。
また、スマホからでも動画解説を見ることができます。
Q
画像素材や完成版のコードの提供はございますか?
A
はい。もちろんです。
完成版のダウロードができます。
また、出来上がったものはご自身のポートフォリオとしてお使い頂くのもOKです。
Q
返金対応は可能でしょうか?
A
返金対応は行なっておりませんが、お使いの環境では解説動画がどうしても見れない場合のみご相談対応いたします。
Q
メンターはどのような方が教えていますか?
A
忍者CODEを運営しております現役エンジニアである
「はやて丸」「翔丸」でメンターさせていただきます。
Q
40代ですが受講可能ですか?
A
案件を獲得できるスキルを身につければ年齢は関係ございません。ご安心ください。
Q
学習コンテンツ内で追加金等は発生しますか?
A
受講後の請求はございません。
Q
質問可能時間は決まっていますか?
A
24時間可能です。就寝している間以外は即レスにて対応いたします。
Q
講義の質問はどこでやればいいですか?
A
slackに招待させて頂きますのでそちらで解答させていただきます。