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

相談できます

名人@マナリンク CTO

https://qiita.com/mejileben

2日前

本人確認 
スコア
2,497
評価
- (2)
料金
10,000円〜
まずは相談してみよう
このプランをシェアしよう!

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

Zenn
https://zenn.dev/meijin

SpeakerDeck
https://speakerdeck.com/texmeijin

2019年からCTOを務めているマナリンクでは、オンライン家庭教師サービスにおいて、認証機構、先生の登録機能、一覧検索機能、指導依頼機能、指導開始後のチャット等の個別連絡機能、クレジットカード課金、先生の売上管理機能、社内管理画面、React Nativeアプリのバックエンドなどを開発してきました。
幅広い分野を抑えていますので、フロントエンドからスタートしても、その後、開発したアプリケーションをあえてAWSにデプロイしたい!といった要望も受け付けます。


扱わないテーマ

以下のテーマは扱わない予定です。

  • webpackやbabelの細かいチューニング
  • パフォーマンスチューニング(個人検証レベルのサービスでスコア100点叩き出しても意味がなく、チーム開発しつつ次々要件を満たしていくために複雑化していくアプリケーションでこそ価値のあることなので)

プロフィール

株式会社NoSchoolでCTO(最高技術責任者)を務めています。
オンライン家庭教師マナリンクというサービスの開発、運用業務全般を担当しています。

■性格
好奇心旺盛、アイデア出しが好き。
ストレングスファインダーの1位が着想です。

■スキル
Webフルスタックです。
運営しているオンライン家庭教師マナリンクでは、認証機構、先生の登録機能、一覧検索機能、指導依頼機能、指導開始後のチャット等の個別連絡機能、クレジットカード課金、先生の売上管理機能、社内管理画面、React Nativeアプリのバックエンド開発をすべて基本1名で担当し開発してきました。
最低限のSEO対策、UIデザインもできます。
ただ開発するだけではなく、SPA×APIで切り分けて開発し、テストコードも書き、インフラはDockerで構築するなど、モダンな構成にするように努めています。
大規模サービス開発の経験は薄いものの、一般的なWebアプリケーションで求められる要件は一通りこなせます。
特に好んでいるのはフロントエンドで、スピード優先で開発しLighthouseスコア5点まで下落した自社サービスに対して、継続的にこまめな改善を施して55点まで上昇させることができました。

■何をやってきたのか
2016年に高専を卒業後、株式会社LIFULLで3年間エンジニアと新規事業責任者を務めました。

2017年12月に新規事業コンテスト「SWITCH」で入賞してからは、1年以上に渡って事業責任者として本業と並行して事業開発を進めていました。
外注費を節約するために自らプロトタイプを作って、戦略立案して、社長のところに持っていって、突き返されて、法人営業して、イベントを30回開いて、と職種関係なしに事業化に向けててんてこ舞いの日々を送りました。

新規事業真っ只中の2018年6月に、TwitterのDMを通してNoSchoolの社長である徃西からオファーを受け、土日だけの副業メンバーとしてジョインしました。
僕の事業はマネタイズできずピボットを繰り返す中、NoSchoolは同年12月に数千万円の資金調達をしてシードラウンドを終えました。

CTOとしてフルタイムで入らないかとのオファーを受け、HOME’Sのエンジニアか、新規事業責任者か、教育ベンチャーのCTOかという究極の3択で悩んだ末、最も挑戦的なベンチャーCTOへの道を選び、今に至ります。

■なぜやってきたのか
高専生で初めてプログラミングを覚えた頃、ずっとゲームばかり作っていました。先生を倒すゲーム、単位を取得しないと留年するゲームなどなど。
ある時、「模擬テストを自分で作成できるソフトウェア」を思いつき、半年かけて制作しました。そのソフトウェアをクラスメイトに配布し、テスト勉強で活用してもらったとき、「勉強やってたら意識高いって馬鹿にされるけど、ITを上手く使えばそのハードルを下げられるのではないか、勉強を面白くできるのではないか」と感じました。

その原体験がきっかけとなり、CTOとして教育ベンチャーにコミットすることで、自分のキャリアデザインを実現しようとしています。

■ブログ
note
https://note.mu/meijin_garden/

Qiita
https://qiita.com/mejileben

スキル

PHP 〜5年
Laravel 〜3年
AWS 〜5年
Ruby 〜3年
HTML 〜5年
Firebase 〜3年
Vue.js 〜3年
TypeScript 〜3年
機械学習 〜1年
Nuxt.js 〜3年
React.js 〜1年
CSS(SCSS) 〜5年
Deep Learning 〜1年
next.js 半年未満

経歴・実績

2016 年4月 〜 2019 年3月
株式会社LIFULLに新卒入社
PHP(Symfony)、Ruby(Sinatra)、jQuery環境で丸3年開発。
最後の1年は社内新規事業でVue.js+Firebaseのサイトを開発、事業運営も行った。

■リリース実績
不動産情報サイトの機能追加、改善
AWS Hadoopを用いた大規模集計バッチの挙動分析とパフォーマンス改善
Vue+Firebaseでの新規事業プロダクトのプロトタイピング
2019 年3月
株式会社NoSchool CTO
設立2年目のベンチャーでフルタイムのWebエンジニア1名の体制で開発。

■リリース実績
WordPressで構築されたプロトタイプのAWS移行
以後、1年半掛けて徐々にSPAに対応。フロントエンドを全てNuxt×TypeScriptに移行
iOSアプリのバックエンドAPIを認証基盤含め構築
Pay.jpを用いて、サブスクリプション課金機能と単発課金機能を実装
AWS EC2をベースに構成したインフラをサービスのリニューアルに合わせてECSに全て移行
オンライン家庭教師サービスにおいて、認証機構、先生の登録機能、一覧検索機能、指導依頼機能、指導開始後のチャット等の個別連絡機能、クレジットカード課金、先生の売上管理機能、社内管理画面、React Nativeアプリのバックエンド開発をすべて基本1名で担当し開発

プラン

Slackでなんでも質問プラン
10,000円/月

指導スタイル

フロントエンドを学習するにあたって、わからないことや素朴な疑問をなんでもSlackに投げていただくプランです。

原則、翌日中までに返信をします。

もちろん、フロントエンド以外の分野でも大丈夫です。


※質問の回数がある程度以上になり、割に合わないと判断した場合は金額の変更をご提案させて頂く可能性があります。

月2回ビデオ通話指導+宿題+Slack質問プラン
30,000円/月

指導スタイル

最大月2回、1回1時間のビデオ通話指導と、あとはSlackでチャット等で質問を受け付ける形式で指導します。

大まかな流れとしては、

  1. ビデオ通話をして、不明点や理解したい技術をヒアリング
  2. 基礎的な部分を解説
  3. 宿題を作成

以後、次回のビデオ通話までに宿題を達成してきてもらう。都度不明点があればSlackする。といった感じです。

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

相談できます

名人@マナリンク CTO

https://qiita.com/mejileben

2日前

本人確認 
スコア
2,497
評価
- (2)
料金
10,000円〜
まずは相談してみよう
このプランをシェアしよう!

レビュー - -

akihiro2526

ありがとうございました!
非常に詳しく解説していただけました!

Shun0304

ありがとうございました!