ユーザー登録で「300円クーポン」プレゼント!まずは無料登録から!

相談できます

Gita

24時間以内

本人確認 
スコア
28,889
実績
43
評価
(7)
料金
3,000円〜/月
メッセージで相談
まずは相談してみよう
このプランをシェアしよう!

#Photoshop #HTML CSS Javascript

【Web】実践的なWebデザイナー・コーダー養成プランで、未経験から転職・フリーランスを目指す!【GitaMENTA】

できること


◆現在の募集状況:新規募集中!
◆アロードさんのワンコインレビュー本をご購入の方は、募集締切中でも、特別にお申し込みいただけます!
◆【NEW!】JavaScript初級講座を新規開設


オリジナル教材と学習プランで、Web制作会社仕込みの現場の手法をお教えします。
実践的なカリキュラムで自信と実力をつけよう!

こんな方が対象です

✅ スクールに通ったけど、フリーランスとして独立できる自信がないので、プロの腕を身に付けたい。
✅ 独学中だけど、就職活動に自信を持って臨めるスキルにしたい。
✅ スクールよりも安く済ませたい。
✅ デザイナーだけど、ある程度コーディングもできるようになりたい!

スクールとどうちがうの?

Web系スクールや職業訓練校は基礎的な部分を丁寧に体系的に教えてくれます。しかし、実際に実務でどのように運用されているのかや応用的な技術は教えてくれないところがほとんどです。そのままでは転職もフリーランスとしての独立も難しいため、そのようなことでお困りの方に当プランをご用意いたしました。実務で通用する実践的な内容を、Web制作会社でみっちり教育された現役のWebデザイナー兼フロントエンドエンジニアが伝授いたします。

習得できること

コーダー養成プラン

Photoshopのデザインカンプ からコーディング
✅ メンテナンス性の高いCSS
✅ スライダーやスムーズスクロールの実装
Sass(SCSS)
メールフォーム設置
✅ レスポンシブ化
✅ FTPでアップロード、サーバーでサイトを公開
ローカルサーバーの環境構築
✅ headerやfooter等の共通パーツを一括管理
✅ GoogleFontsやFontawesomeの使用

HTML/CSSクイズを解いて、レベルチェックしてみよう!
クイズはこちら

Webデザイナー養成プラン

✅ Photoshopの効率的な使い方
✅ コーダーに意図が伝わるカンプデータ作成
✅ ユーザビリティ(UI)や内部SEO対策を考慮した設計
✅ 実務と同様の資料と情報を提供され、そこからデザインに起こす訓練
✅ デザインのフロー

JavaScript初級講座

✅ Webサイトの見た目を自分で動かせるようになる
(アコーディオン、スマホメニュー、サムネイル画像切り替え、タブ切り替え、ローディング画面、スクロールで見た目が変化するヘッダー、メールフォームの制御等)

教材の中身を少しだけ公開!こちらからご覧ください。

他にも色々、実務で必要な技術が学べます!

受講の流れ

STEP1 メッセージサービスにご招待

メッセージサービス(Slack/Zoom/Discord)にご招待いたしますので、登録をお願いします。

STEP2 課題の説明

Slackでオリジナル教材を送付し、Zoomで音声通話+画面共有をしながら課題の説明をいたします。きちんと方法を説明しながらステップバイステップで進めていきます。

STEP3 課題に取り組む

ご自身で課題に取り組んでいただきます。分からないことがあればSlackでご質問もいただけます。出来上がった課題のデータをSlackで提出していただきます。こちらからレビューの候補日時をお伝えしますので、お返事の上レビューの予約をしてください。

※課題の目的は完璧な作品をつくることではありません。一先ず手を動かすことと、レビューを通して現場の意見・ノウハウを習得することです。作品の完成度はあまり気にせず数をこなすことに重点をおき、気楽に進めてください。

STEP4 課題のレビュー

Zoomで音声通話+画面共有をしながら課題のレビューをします。1回のレビューの所要時間は約1時間です。最終課題までSTEP2〜4を繰り返します。

STEP5 Slackからの退会

課題がすべて完了すれば修了となります。修了した月が最終支払月となり、支払月末にSlackから退会処理をさせていただきます。Discordのオンラインもくもくグループはご希望であれば引き続きご利用いただけます。

これらの流れはコーダー養成プランとWebデザイナー養成プランに適用されます。その他のプランは異なりますのでご留意ください。

料金表

プラン名 受講期間の目安※ 受講料
コーダー養成プランver.3 4ヶ月 30,000円/月
Webデザイナー養成プラン 4ヶ月 18,800円/月
JavaScript初級講座 9時間 7,500円/単発

※週10〜15時間の学習時間がとれ、毎週2〜3回課題を提出していただいた場合を想定(JavaScript初級講座を除く)。

※目安であり学習期間を保証するものではありません。
※コーダー養成プランver.3とWebデザイナー養成プランにおいて、どちらか一方のプランをご受講済みの場合、もう一方の受講期間を少し短縮できます。(内容が一部重複するので、その単元はスキップするため)

プロフィール

フルタイムでWeb制作会社に勤め、みっちり教育されたWebデザイナー兼フロントエンドエンジニア。
現場で培われた知識と技術で、チーム制作に強い!
英語力を生かしWeb的表現に強い翻訳業もしております。
また、海外サイトからWebに関する新情報や技術収集もできて便利。

▼メインで教えられます
- HTML5/CSS3 / Sass(SCSS)
- Photoshop / Illustrator / Xd

▼ある程度ご質問にお答えできます
- Git/GitHub
- jQuery / JavaScript
- WordPress

投稿

プラン

Webデザイン&コードレビュー
3,000円  単発

Webデザインやコードをレビューいたします。
1回のみ。1時間3,000円です。
ご契約前に事前にご相談ください。

JavaScript初級講座【動画+マンツーマン】
7,500円  単発

オリジナル動画見放題!JavaScriptがかけるようになる!楽しくなる!
Webサイトの見た目を動かすことに特化した学習教材!

教材の中身を少しだけ公開!こちらからご覧ください。

いろいろなJavaScriptの教材を試してきたもののよく分からず、結局自分ではコードを書けない…とお悩みの方を対象に本講座を作成しました。

Webサイトの見た目を少し動かすという点においては、実はあまり深くJavaScriptを理解できていなくても実装が可能です。
数種類ある記述パターンさえ覚えてしまえば、あとはそれの組み合わせで動かせてしまうのです。
ですので、本講座では数少ない記述パターンを何度も繰り返し、自然と身につくような構成となっています。

より複雑な動き・制御をしようとすると、もちろん言語へのさらなる理解が必要になってきますが、一先ず簡単なものは自分でコードを書け、動かせるようになり、JavaScriptが楽しい!と思ってもらえるような内容を目指しています。
楽しくさえなれば学習というものは捗りますので、あとは自発的に市販の教材等で学習し、スキルアップしていっていただけると思います。

本講座が、JavaScriptが楽しいと思える、最初の足がかりになれば幸いです。

こういったものが実装できるようになります

✅アコーディオン
✅スマホメニュー
✅サムネイル画像クリックでメイン画像切替え
✅タブ切替え
✅ローディング画面
✅スクロールで見た目が変化するヘッダー
✅メールフォームの制御

受講対象(※1)

✅JavaScript ES5の基礎知識
✅JavaScript ES6の基礎知識
✅HTML5/CSS3が問題なくかける中級レベルのスキル

本講座の目的(※2)

✅Webサイトに動きをつける
✅フォームを制御する

カリキュラム

✅基本のおさらい
✅クリックイベントと、クラスのつけ外し
✅スクロールイベントと、クラスのつけ外し
✅リサイズとロードイベントと、テキストの書き換え
✅値の取得
✅複数要素の取り扱い
✅さまざな要素の取得方法
✅フォームの制御
✅IIFEとブロック
✅アコーディオンの実装
✅IEへの対応

講座の進め方

🔴(他のプランと違い)基本的に動画学習となります。単発・買い切りですので、ご自身のペースで進めていただけます。
🔴一度MENTAからご購入いただいたら、動画は期限なく何度でもずっと(※3)ご視聴いただけます。
🔴マンツーマン(音声通話+画面共有)での質疑応答も可能です。1回1時間、全3回まで(※4)
🔴Slackでのご質問は回数制限なくご自由にしていただけます。(※4)

使用する言語・ツール

VSCode(※5)/HTML5&CSS3/JavaScript(ES6)

学習期間の目安

9時間
動画学習約7時間 + 課題2時間の想定です。

その他

※パソコン(Window or Mac)や使用するソフトはご自身でご用意ください。
※ご契約日から8日間は動画・教材の一部のみご利用可能です。9日以降に残りの教材をお渡しします。(MENTAのシステムにより、契約日から8日間はキャンセルし全額返金も可能な状態です。全ての動画・教材を最初にお渡ししてからのキャンセルとなるとトラブルになりますので、ご理解のほどお願いいたします。)

※1 アプリ制作はできません。Webサイトの見た目を自分で動かせるようになりたいという方向けです。
※2 本講座ご受講前に事前学習されることをおすすめいたします。市販のおすすめ教材がありますので、興味のある方は遠慮なくお問い合わせください。
※3 予告なく、削除・内容を変更する場合がございますので予めご了承ください。視聴期間はご契約から半年を保障しております。
※4 マンツーマン及びSlackでの質疑応答可能期間はご契約から半年を保障しております。
※5 テキストエディタは動画ではVSCodeを使用していますが、他のエディタでもかまいません。

Webデザイナー養成プラン
18,800円/月

オリジナル教材と実践的な学習プランで、現場で即戦力になるコーダーを養成します。
ご購入の前に、ご不明の点・ご質問・ご相談等ございましたら、まずはお気軽にご相談ください。

受講対象

✅PhotoshopCC、IllustratorCCを持っている
✅Photoshop、Illustratorの基本操作ができる
✅PhotoshopでWebデザインカンプを作成したことがある
✅↑または、IllustratorでWebデザインカンプを作成したことがあり、Photoshopへの乗り換えを検討している

カリキュラム

✅Webデザイナー向けPhotoshop操作方法(オリジナル動画で学習)
✅Illustratorでの画像書き出し
✅初心者向け シングルページのコーディング(PC)
✅見本のデザインデータを模写し、カンプの作り方を学ぶ
✅実務と同様の資料からデザインを起こす実践トレーニング
※実際にデザインをしていただき、その作品に対してのレビューの際に、実務でのフロー、考慮すべきポイント、改善点等をお伝えいたします。
※当プランの目的は、実践的なWebデザイン手法を学ぶことであり、おしゃれなデザインやセンスを磨くものではありません。

使用する言語・ツール

PhotoshopCC/IllustratorCC/VSCode/HTML5/CSS3
※PhotoshopCCは2019がのぞましい。
※テキストエディタはVSCodeを使用します。

学習期間の目安

4ヶ月
※週15時間の学習時間がとれ、毎週2つ課題を提出していただいた場合を想定。

※目安であり学習期間を保証するものではありません。
※コーダー養成プランご受講済みの場合、当プランの受講期間が少し短縮できます。(内容が一部重複するので、その単元はスキップするため)

その他

※パソコン(Window or Mac)や使用するソフトはご自身でご用意ください。
※PhotoshopとIllustratorはCC必須です。CCをお持ちでない方はご受講いただけません。

(サービス終了)コーダー養成プラン
18,800円/月

募集締め切りました。ありがとうございました。

現在、新規お申し込みを受け付けておりません。申し訳ございません。

(サービス終了)コーダー養成プランver.2
25,000円/月

募集締め切りました。ありがとうございました。

現在、新規お申し込みを受け付けておりません。申し訳ございません。

コーダー養成プランver.3
30,000円/月

教材が大幅にパワーアップ✨

↗️ 配布資料が詳細になりました!
↗️ 【卒業者特典】もっとコーディングの練習をしたい方のために、デザインカンプを新たに作成!差し上げます!


オリジナル教材と実践的な学習プランで、現場で即戦力になるコーダーを養成します。
ご購入の前に、ご不明の点・ご質問・ご相談等ございましたら、まずはお気軽にご相談ください。

HTML/CSSクイズを解いて、レベルチェックしてみよう!
クイズはこちら

受講対象

✅PhotoshopCCを持っている。
✅Photoshopの超基本的操作ができる。
✅テキストエディタを利用してコーディングHTMLタグやCSSを書いたことがある。
✅以下、いずれかのサービスで一通りHTML5/CSS3を学び、知識がある。
  Progate/Codeprep/ドットインストール/他 類似コーディング学習サービス
✅↑または、Web系スクールでコーディングを専攻し、修了・卒業している
※HTML/CSSの基礎やPhotoshopの基本操作は解説いたしませんので、あらかじめご了承ください。

カリキュラム

✅コーダーのためのPhotoshop操作方法
✅初心者向け シングルページのコーディング(PC)
✅Sassの環境構築・使い方/共通パーツの一括管理
✅初心者向け 1サイトコーディング(レスポンシブ)
✅レンタルサーバへのアップロード
✅中級者向け 1サイトコーディング(レスポンシブ)
✅メールフォームの設置
✅CSSによる装飾とアニメーション

使用する言語・ツール

PhotoshopCC/VSCode/DesktopServer/MAMP/HTML5/CSS3/jQuery/JavaScript/Sass(SCSS)
※PhotoshopCCは2020がのぞましい。
※テキストエディタはVSCodeを使用します。それ以外はサポート外です。

学習期間の目安

4ヶ月
※週10時間の学習時間がとれ、毎週2〜3回課題を提出していただいた場合を想定。

※目安であり学習期間を保証するものではありません。
※Webデザイナー養成プランご受講済みの場合、当プランの受講期間が少し短縮できます。(内容が一部重複するので、その単元はスキップするため)

その他

※パソコン(Window or Mac)や使用するソフトはご自身でご用意ください。
※PhotoshopはCC必須です。CCをお持ちでない方はご受講いただけません。

メンターに教えてほしいことを相談してみましょう!

相談できます

Gita

24時間以内

本人確認 
スコア
28,889
実績
43
評価
(7)
料金
3,000円〜/月
メッセージで相談
まずは相談してみよう
このプランをシェアしよう!

レビュー(7) 5.0

いく
メンタープラン

2020/6/05

コーダー養成プランが終了しました。
ネットや本には書いていないことが学べる実践的な内容です。
こちらのペースに合わせながら一つ一つ理解していることを確認しながら進めてくれるので、着実に身についていきます。

何年も勉強してきて身につかなかったことが、数ヶ月でできるようになりました!!
仕事を受注していける突破口が開いたような気がします。
受講してよかったです。ありがとうございました。

辻本 圭介
メンタープラン

2020/5/20

【コーダー養成プラン】を受講していて
いつも楽しくレッスンを受けさせていただいております。

受講開始してから、1ケ月経ちました。
Zoomを利用して、画面共有をしていただきながら
毎回とても丁寧に解説やアドバイスをしていただき
ご指導していただいております。

基礎のところはもちろんのこと、現場で実際に使われていることなど
独学では学べていなかったことを
Gitaさんの講座では学ばせていただいております。
いつもありがとうございます。

しゅう
メンタープラン

2019/8/30

授業はZOOMを使ってやりながら、細かく教えていただけるのでとても分かりやすいです。
独学だと、中々気づかない実務で使うような事を教えてもらえるのがとても良いです。
デザイン、コーディングの事など相談にものっていただけるので、すごく勉強になります。
お値段以上です!!

sea@webデザイナーになりたいマン
メンタープラン

2019/8/13

positionもdisplayもちゃんと理解していない状態で申し込みましたが、課題は難易度が低いところから開始し、段階的に理解していくことができました。
終始質問しやすい雰囲気です。レビューも理解しやすく、自分が知らなかったツールやサービス、コードを書く上でのルールなどをしっかりと理由付きで教えていただけます。
課題の内容も段々と濃厚になっていきますが、その分達成することができると自信をつけることができます。
大きく成長させていただき、本当に感謝です。
また利用させていただきます。

にゃっつ
メンタープラン

2019/8/07

現在受講中ですが、とても親切丁寧に教えてくださる先生です。一人で勉強を進めていくのが不安だった中、実際実務でも使われる内容を教えてくださるので、自信が持てるようになります。講座の内容以外のことでも相談に乗ってくれるのでとても心強く安心して受講できています。

宙ぶら りん(Webデザイン勉強中)
メンタープラン

2019/7/15

いつも丁寧に教えてくださりとても勉強になりました! 独学でやってるとなかなか自信が持てなかったのですが実務で使われているやり方を教わることで軸ができて自信がつきました。課題の量もちょうど良く、できなかったところはレビューの時に教えていただけるので中々提出できず進まないということもなくよかったです。レッスンが楽しみで生活にメリハリがつきました!とてもオススメの先生です。

こま
メンタープラン

2019/6/22

オリジナル動画教材があり、カリキュラムも理論整然としていて大変わかりやすいです。
画面共有・音声通話で質問できるため、理解も深く、大変有意義です。
質問・スケジュールなどに柔軟に対応していただき、大変満足です。