Vue.js TypeScript React.js Jamstack フロントエンド
モダンフロントエンド(Next.js/Nuxt.js/Typescript/JAMStack)を理解、実装するために基礎からメンターします
できること
概要
以下のようなモダンフロントエンド技術全般について、基礎知識から順番にメンターします。
- Next.js
- Nuxt.js
- Vue3で導入されたcomposition-api
- Next.jsで話題のIncremental Static Regeneration
- Firebase
メンティーさんの必要に応じて、以下のような基礎知識から順番に教えていきます。
- JavaScriptの基礎(クロージャの考え方、第一級関数の考え方、Promiseの扱い方)
- SPAの基礎(ルーティング、仮想DOMの考え方)
- Node.jsの基礎(npm/yarnの扱い方、package.jsonの書き方)
- 自動テスト(jestの設定方法、記述方法)
- Vue/Reactの基礎
- HTTP通信の基礎(XMLHttpRequest、各種ヘッダ)
フロントエンドを学びたいけど躓いている方は、だいたいバックエンドの知識が前提にあるけど、フロントエンド特有の知識をスキップしていきなり実装しようとして躓いているように見えます。
JavaScriptは関数が主体となっている言語仕様で、バックエンドでよく見るPHPとは書き味が異なりますし、どんどんライブラリを入れていいバックエンドに対してバンドルを通してパフォーマンスへの影響を削減しなければいけないフロントエンドという点でも勝手が異なります。
CSSのような全く賢くない言語がデファクトになっており、BEMといった独特な設計手法が推奨されているところも敬遠されがちだと思います。
これらの差異に対して、あくまで基礎知識の習得を重視して、適宜参考図書等もレコメンドしながら進めたいです。
特に得意な分野
特に得意なのはVue.jsなので、特に希望なければNuxtやcomposition-apiについて解説し、なんらかのアプリケーションを開発しながら進められたらと思います。
対象者
私のイメージでは、バックエンドエンジニアになって数年ほど経ってフロントエンドを触ってみたい方、といったイメージです。
とはいえ、どのような方でもお気軽にメッセージください。最低でも、プログラミングそのものの経験は、スクールでもいいのである方がいいです。
私について
2016年からWebエンジニアを務めています。
現在は教育ベンチャーのCTOをしています。
フロントエンドが好きですが、新卒からずっとフルスタックエンジニアを務めてきているので、AWSやLaravel、DDD、Dockerなどの扱いもそこそこできます。
以下の発表資料や記事を見ていただければ、フロントエンドのテーマでもよく発表等していることがわかると思います。
Qiita
https://qiita.com/mejileben
SpeakerDeck
https://speakerdeck.com/texmeijin
2019年からCTOを務めているマナリンクでは、オンライン家庭教師サービスにおいて、認証機構、先生の登録機能、一覧検索機能、指導依頼機能、指導開始後のチャット等の個別連絡機能、クレジットカード課金、先生の売上管理機能、社内管理画面、React Nativeアプリのバックエンドなどを開発してきました。
幅広い分野を抑えていますので、フロントエンドからスタートしても、その後、開発したアプリケーションをあえてAWSにデプロイしたい!といった要望も受け付けます。
扱わないテーマ
以下のテーマは扱わない予定です。
- webpackやbabelの細かいチューニング
- パフォーマンスチューニング(個人検証レベルのサービスでスコア100点叩き出しても意味がなく、チーム開発しつつ次々要件を満たしていくために複雑化していくアプリケーションでこそ価値のあることなので)
メンタープロフィール
レビュー
ありがとうございました!
非常に詳しく解説していただけました!
ありがとうございました!