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

相談できます

kame

https://clover.blue/

24時間以内

本人確認  秘密保持契約(NDA)
スコア
1,693
評価
(3)
料金
3,000円〜
まずは相談してみよう
このプランをシェアしよう!

HTML CSS Node.js React.js NuxtJS/NextJS

専門学校でフロントエンドの講師をしています。その経験を生かしてサポートします!

できること

HTML

文書構造を意識したシンプルなHTMLを学べるようにサポートします。

※ 近年ReactやVueなどのフレームワークが使われるようになり、企業のサイトなどでも
文書構造を意識したHTMLを書いているケースが少なくなっています。

HTMLを正しく理解することで、CSSのシンプルな理解に繋がります。
また就職にもアピールできるポイントになるかと思います。

  • 文書構造を意識したHTML
  • 見た目と構造を分けたHTMLの考え方

CSS

文書構造を理解したHTMLを書くことで、分かりやすくCSSを理解できるようにサポートします。

  • flexboxを使ったレイアウト
  • コンポーネント単位で作る考え方(React,Vueを意識した作り)
  • AltCSSについて「最近良く使われているSassやPostcssなどの使い方」

Javascript, Node

現在Javascriptを使って様々なことができるようになりました。
Javascriptの基礎からフレームワークを使ったwebサービス、Nodeをつかったサーバーまでサポートします

  • Javascriptの基礎
  • jQueryについて(あまり最近は使われなくなりましたがその理由についてなども合わせて)
  • フレームワーク(React, Vue, Nuxt, Next)を用いたシングルページアプリケーションの構築
  • Nodeを使ったサーバー側の実装

実際の学習、専門学校で教えていること

1. HTMLとCSSをしっかりと覚える

フロントエンドエンジニアへになるには

https://www.mindmeister.com/1918186629?t=Xw005HtJ2g

HTMLについて

https://clover.blue/tags/HTML,CSS%E8%AC%9B%E5%BA%A7

  • それを知識をもとにして、いくつか実際にあるサイトを模写

2. Javascriptの知識をつける

Javascript 講座

https://clover.blue/tags/Javascript%E8%AC%9B%E5%BA%A7

Javascript 問題

https://clover.blue/tags/Javascript%E5%95%8F%E9%A1%8C

  • VueやReactを使ったフレームワークなどを使ってポートフォリオの作成
  • スクール時にcss変えることによる、パララックス効果などの動くサイトの作成

デザイン

Photoshop・Figmaを使ったサイトデザインのサポート。

下記参考

プロフィール

web制作会社で、デザイナー、マークアップエンジニア、フロントエンドエンジニアなどの経験を積んで
フリーとして活動をしています。

週に1日7時間、専門学校の講師として、
Photoshop / Illustrator / Figma / HTML / CSS / Javascript /
React / Vue / Nuxt / Next フレームワークなどのweb制作を教えています。

教えるのはとても好きで、2021年現在講師の仕事は7年目になりました。
生徒には学校や学校外でも就職の相談にのったり
協力してサービスを作ったり様々なサポートをしています。

また、講師以外の4日は業務委託としてプロジェクトに参加して、
フロントエンドエンジニアとしてwebサービスを作っています。

[作品]

■ ブログ
https://clover.blue/

■ 生徒の課題でスクロールで動くサイト
https://fullbloom.herokuapp.com/

スキル

HTML 5年〜
Node.js 5年〜
JavaScript 5年〜
Vue.js 〜3年
TypeScript 〜5年
Photoshop 5年〜
React.js 5年〜
figma 〜1年

経歴・実績

2006 年4月 〜 2008 年7月
日本アート印刷 / デザイン、マークアップ
2009 年4月 〜 2013 年3月
株式会社スパイス / デザイン、フロントエンドエンジニア
2013 年4月 〜 2020 年12月
東京工学院専門学校 講師
2013 年5月 〜 2015 年9月
株式会社サイバーエージェント / フロントエンドエンジニア
2015 年9月 〜 2021 年
株式会社AbemaTV / フロントエンドエンジニア

プラン

webサービスについて通話や画面共有での相談(初回限定)
3,000円  単発

相談について

  • webのフロントエンドについての相談
  • ポートフォリオ作成についての相談
  • 画面が崩れてしまって解決したい
  • エラーがでてしまって解決できない
  • どういう仕組みなのか理解できないから知りたい

などなど、気軽にご連絡ください。チャットやzoomでの相談を素早く返答します。

相談方法

Slack, Skype, メール , zoom など

時間

目安1時間

契約する
webサービスについて通話や画面共有での相談
3,500円  単発

相談について

  • webのフロントエンドについての相談
  • ポートフォリオ作成についての相談
  • 画面が崩れてしまって解決したい
  • エラーがでてしまって解決できない
  • どういう仕組みなのか理解できないから知りたい

などなど、気軽にご連絡ください。チャットやzoomでの相談を素早く返答します。

相談方法

Slack, Skype, Zoom など

時間

目安1時間

契約する
webサービスについて1ヶ月サポート!(初月限定・お試し)
5,000円  単発

始めたばかりなので、お得プランを用意しました。

相談について

  • webのフロントエンドについての相談
  • ポートフォリオ作成についての相談
  • 画面が崩れてしまって解決したい
  • エラーがでてしまって解決できない
  • どういう仕組みなのか理解できないから知りたい

などなど、気軽にご連絡ください。チャットやzoomでの相談を素早く返答します。

相談方法

Slack, Skype, メール , zoom など

時間

目安 週に1時間 程度

金額

5,000 (初月サービス価格)

契約する
webサービスについてチャットで継続サポート!
8,500円/月

相談について

  • webのフロントエンドについての相談
  • ポートフォリオ作成についての相談
  • 画面が崩れてしまって解決したい
  • エラーがでてしまって解決できない
  • どういう仕組みなのか理解できないから知りたい

などなど、気軽にご連絡ください。チャットで相談を素早く返答します。

相談方法

Slack, Skype, メール など + どうしてもわからない時の数分の通話画面共有など

時間

目安 週に1時間 程度

値段や時間については個別の状況に合わせて
相談可能ですので、ご相談ください。

契約する
webサービスについて継続したサポートを!
13,000円/月

相談について

  • webのフロントエンドについての相談
  • ポートフォリオ作成についての相談
  • 画面が崩れてしまって解決したい
  • エラーがでてしまって解決できない
  • どういう仕組みなのか理解できないから知りたい

などなど、気軽にご連絡ください。チャットやzoomでの相談を素早く返答します。

相談方法

Slack, Skype, メール , zoom など

時間

目安 週に1時間 程度

金額

3500 * 4週 - 1000(継続割引) = 13,000

値段や時間については個別の状況に合わせて
相談可能ですので、ご相談ください。

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

相談できます

kame

https://clover.blue/

24時間以内

本人確認  秘密保持契約(NDA)
スコア
1,693
評価
(3)
料金
3,000円〜
まずは相談してみよう
このプランをシェアしよう!

レビュー 5.0

島岡 / 1番優しいデザイナー

私自身のスキルがかなり乏しく、すぐつまずいてしまうのですが、なぜ?一つずつ解説してくださり、とてもいい学びをくださって助かっております。

kameさんがまとめられているサイトがあり、最新の情報を一気通貫で学べるのもすごく利点です。

なか☆けん

レスポンスもよくおすすめの方だとおもいます☆

小島章義

フロントエンドの事をメインに優しく丁寧に教えて下さってありがとうございます!
エンジニアとして長く続けて行くコツ等も教えて下さってとても助かりました!

ありがとうございました。
これからもつまづくこともあると思いますが、継続していれば力がついてくると思います!
引き続き困ったことなどありましたらお声かけください!