相談できます

sora

--

本人確認  秘密保持契約(NDA)
契約実績
41
評価
5.0
このプランをシェアしよう!
最終ログインから30日以上が経過しているメンターです。契約する前にメッセージを送ってみましょう!

JavaScript Webサービス Webエンジニア Webアプリ

[Node.js, Vue, GAS, Docker, Puppeteer, Portfolio, Git] Javascriptの学習をサポートします

できること

【連絡】
この度、私の諸事情により メンターサポートを停止させて頂くこととなりました。
したがって、プラン契約は結ばないようにお願い致します。


対象者

Javascript

✔️ Javascriptを学びたいけど、何ができるかわからない人
✔️ Javascriptだけで、Webフロントエンドやバックエンドについて開発したい人
✔️ Javascriptだけで、スクレイピングやGoogle Apps Script (GAS)を使いたい人
✔️ Javascriptのソースコードをレビューしてほしい人
✔️ Webアプリを作りたいけど、あんまりお金をかけたくない人

Javascript以外

✔️ Gitの使い方がわからない人
✔️ Portfolioを作りたい人
✔️ DockerやCI/CDの開発スタイルを学びたい人
✔️ 既に働いているエンジニアの作業風景が知りたい人

学べること

私が提供できることをリストアップしました。
基本的に Web, Javascript を中心として取り上げますが、その他の技術も取り上げています。
依頼があり次第、プランを構築していきますので、お気軽にメッセージ下さい。😊

1. 🌐 Web クライアントサイド コンポーネント開発

クライアントサイド(フロントエンド)の開発では、 再利用性が高いコンポーネント開発 が主流です。
Vue, React, Angularのどれかを使って、Webアプリを作って学びましょう。
Atomic Designに従って、コーディングを行います。

2. 🌐 Web サーバーサイド開発

Webのサーバーサイド(バックエンド)の開発では、様々な流派があります。
私が得意とするNode.js (Express)による 非同期処理サーバーサイド開発をして学びましょう。

Python、PHP、Golangにも対応できます。

3. 🤖 Google Apps Script 開発 (GAS)

GMailやGoogle Calendar、Google Spread Sheetなど G Suite製品とGASを組み合わせて、
様々な自動化を行ってみましょう。アイデアによって、いくらでも実現可能です。

ClaspというTypescriptによる開発も可能です。

4. 👨‍💻 テスト駆動開発

テストコードを書いていますでしょうか。
サービスのメンテナンスを中長期的に考えているのであれば、 必ずテストコードは必要 になってきます。
そこで、ユニットテストとインターフェースを組み合わせて、安全な開発体験を学べます。

5. 🤖 ブラウザオートメーション開発(スクレイピング)

Googleが開発した Headless Chromeを自動操作できる Puppeteerというツールがあります。
こちらを使えば、任意のサイトのデータをスクレピングできますし、自動操作も簡単にコーディングできます。
スクレイピングをしたい場合は、ぜひ試してみましょう。

※ ただし、スクレイピングはグレーゾーンなため、個人の範囲で利用しましょう。

6. 👨‍💻 SaaS コラボレーション開発

今、SaaSと呼ばれる様々なサービスが無料で提供されています。

  • 全文検索 Algolia
  • 画像管理 Cloudinary
  • 認証 Auth0

などなど。他には こちら から探してみて下さい。

これらを組み合わせて開発することで、短時間で高品質なサービス が作れます。
ご相談頂ければ、開発するまでのプロセスを一緒に検討しましょう。

7. ✍️ Portfolio制作

エンジニアであれば、 自身の成果物をアウトプットすべき です。
HugoやGatsbyなどの静的ページ生成ジェネレータを活用して、
あなたオリジナルのPortfolioを作ってみましょう。

8. 🚀 次世代 Web コンポーネント開発

Webの 標準技術 である Web Componentsを使えば、
VueやReact, Angularといったライブラリを使わずに、コンポーネント開発ができます。
Todoアプリを作って、Web Componentsを学びましょう。

※ 書籍を執筆しています。はじめてのWeb Components入門

9. 🚀 デプロイサービス 活用開発

現在、デプロイ(一般公開)する無料サービスが多数あります。

  • netlify
  • now.sh
  • heroku
  • fly.io
  • ngrok

など様々です。あなたが作ったサービスを 一般公開 しちゃいましょう!

10. 👨‍💻 OSS 入門

OSSを開発したことはありますか?
開発した人がないのであれば、一度体験しましょう!
コーディング一切不要のOSS開発 ができる方法があります。

ぜひ、一度 OSSへCommitしましょう!

11. 🤖 CIを活用した DevOps入門

DevOps (開発/運用) は、実際にサービスを開発する方や、運用する人向けです。
CIと呼ばれる技術を使って、『Git Push → ビルドやテスト』 を自動化してみましょう。

可能であれば、『Git Push → ビルドやテスト → デプロイ』まで CI/CD を実現しましょう。

12. 🐳 Docker 入門

Dockerと呼ばれる仮想化ソフトウェアを使って、
環境依存のない開発 を体験しましょう。
『Windowsだから動かない』なんてことは、もうおさらばです。

Dockerfileの書き方から、Dockerの使い方を説明します。
(また、Dockerのイメージサイズを減らす手段もお伝えします)

13. 👨‍💻 Google Chrome 拡張機能開発

Google Chromeユーザー限定ですが、Chrome拡張機能(Extension)がJavascriptで作れます。
あなたオリジナルの拡張機能を作って、ブラウジング効率をアップしましょう!

14. ✍️ 書籍執筆 入門

書籍を出版するのって、実は簡単にできるんです。
Re: VIEWというツールを使って、良い感じに本が作れます。
一緒に執筆活動しましょう!

実際に執筆した経験を通して、色々とアドバイスできると思います。

15. ☕️ 開発 作業風景 共有

人の開発しているデスクトップを見るのって、学びや気付きが多い のではと思っています。
そこで、私が実際に開発しているデスクトップを画面共有し、実際に作業風景を見てみませんか?

コーヒー片手に気軽に見てもらえると良いです。

16. 👨‍💻 RESTful API開発

APIは、例えば 天気情報やニュースをURLを指定することで、データを取得できます。
一般に公開されているAPIでは、物足りないという人向けです。

あなた独自のAPIを開発することで、そこから更にBotやWeb、IoTなどに組み合わせると実現できることは無限大です。

17. 👨‍💻 クリーンアーキテクチャ開発

正しく設計をしていないと、ソースコード同士が密結合になってしまいます。
結果、変更に弱いアプリケーションができてしまいます。

そこで、クリーンアーキテクチャと呼ばれるレイアリング手法を導入することで、
疎結合なアーキテクチャ を実現できます。
Dependency injectionを活用した開発を学びましょう。

18. 🔍 コードレビュー

JavascriptやPythonの言語に限定しますが、コードレビューを行います。
私が培ったリバースエンジニアリング力によって、ソフトウェア品質観点でレビューします。

  • 一貫性
  • 保守性
  • 簡潔性
  • 完全性
  • 堅牢性
  • 効率性

などです。
ソフトウェア品質

19. 👨‍💻 Git 入門

今や、バージョン管理システムであるGitはエンジニアであれば必ず使えなければいけません。
そこで、基本的な使い方から、ブランチ戦略 (Gitflow) までを学んでいきましょう。

20. 🤖Bot開発

Botは、SiriやCortanaのように、ユーザーを様々な面でサポートしてくれます。(robot → bot)
LineBotやSlackBotなどを開発してみませんか?これらと連携するために、Javascriptが使えます。

オリジナルのBotを使って、日常生活を便利にしてみませんか?

受講の流れ

  1. mentaのメッセージやコメントより、メンティー様のリクエストをヒアリング
  2. (必要あれば) 音声/ビデオ通話により、メンティー様のリクエストを再ヒアリング
  3. メンティー様に合う専用プランを準備 or 通常プランを提供 (単発,月契約 どちらでも可能👌)
  4. メンティー様から合意頂ければ、契約開始 (→ Slack招待リンクを送ります)

作業ツール

特段の指定がなければ、次のツールを使用します。

チャット

Slackを使います。privateチャンネルを設けますので、そちらで情報共有します。

音声/ビデオ

Zoomを使います。画面共有を使用し、画面操作のフォローをします。

Editor

特に指定はありません。

ソース管理

特段の理由がない限りはGithubでやりとりを行います。
メンティー様側で、Privateリポジトリの作成をお願いします。

メンター活動時間

平日: 19:00 ~ 21:00
土日祝: 09:00 ~ 12:00, 19:00 ~ 21:00

私のカレンダーは公開しています。Google Calendar

わたしの目的

  • わたしがあなたへ伝えることで、私の理解を深めること
  • あなたが取り組もうとする内容を理解し、私の視野を広げること
  • お小遣い程度の収益をあげること

プロフィール

【連絡】
この度、私の諸事情により メンターサポートを停止させて頂くこととなりました。
したがって、プラン契約は結ばないようにお願い致します。

-----
はじめまして、Webアプリが大好きなエンジニアです。
趣味がWebアプリ個人開発だと言い切るぐらいです(笑)

▽ なぜWebアプリが好きなのか

大学時代にはじめてWebアプリを構築しました。
そのときに、次の経験から、ドハマリしていきました。

・最後まで作りきった達成感
・使ってもらえたときの喜び
・不便さを解消したときの楽しさ

▽ 得意分野

言語は、node.js、PHP、Python、Golang等での経験があります。
特に node.js、javascriptが得意です。


▽ 最後に

今の時代、機械学習が輝くし感じる人が多いと思いますが、
Webの進化もまだまだ発展し続けています。Webについて
勉強したい人、Webアプリを作ってみたい人と、一緒にお仕事をしたいと思います。

スキル

PHP 〜3年
AWS 〜1年
Python 〜5年
GoogleAppsScript 〜5年
Node.js 〜5年
JavaScript 5年〜
Docker 〜5年
git 〜5年
Linux 〜3年
GCP 〜1年
linebot 〜3年
Golang 〜3年
コードレビュー 〜5年
Kubernetes 半年未満
terraform 〜1年
ansible 〜3年
Nginx 〜3年
ShellScript 〜3年

経歴・実績

2016 年4月 〜 2018 年8月
システムインテグレータ システム開発部門に新卒入社

WebApplicationによる業務支援システムを構築
新卒1年目から10人ほど部下を管理
設計から検証までの工程を広く担当
2018 年8月
自社サービス Webアプリケーションシステム開発部門に中途入社

システム保守運用を担当
AtomicDesignやcleanArchitectureなどを駆使したシステムリプレースを実施
あなたにおすすめの人気メンター
【実績多数】クラス設計(Clean,DDD)教えますor技術サポート(バックエンド,インフラ)
4.6 (26)
【Rails】完全未経験からのエンジニア転職者が毎月出ています🔥オリジナルのロードマップを作成し、エンジニア転職にむけた学習と就職サポートをします🔥
4.7 (324)
スクール型
【未経験OK】🔰はじめてのWeb制作副業|HTML学習〜案件獲得までフルコミット❗️
4.9 (43)
スクール型
【PC初心者OK】初月50%オフ❗️実務経験付き&最高週6メンタリング🖥共有でPG99人以上輩出❗️面白さを引出しプログラミング最短でキャリアチェンジ❗️
4.7 (373)
スクール型
【初心者歓迎】フリーランスを目指す!webデザイン制作副業サポートメンター
4.7 (370)
スクール型
【RubyonRails】ポートフォリオに特化!学習を徹底サポート致します。
4.7 (240)
現役プロが副業 / 転職までの専用ロードマップを作成【基礎重視 / 相談無制限】
5.0 (26)
スクール型
個人開発でサービスをつくろう!0からリリースまで徹底サポート【30個の個人開発、M&A売却経験あり】
4.8 (80)
【未経験歓迎】累計100以上のエンジニアを輩出❗️オリジナルのロードマップを作成し、1on1で案件獲得や就職までをサポート
4.4 (904)
スクール型
【iOSエンジニア養成】未経験からのiOSエンジニア転職、案件獲得【Swift】
4.7 (19)
スクール型
【契約実績200件超!】未経験〜現役デザイナーさんまでスキルアップお手伝いします
4.3 (176)
【Webエンジニア/PHP】未経験から即戦力に!基礎ロジックの養成/現場基準のコードレビューでWebエンジニアとして働くために必要なスキルを徹底サポート!
4.8 (203)
スクール型
【初学者さま・中級者さま向け】デザインクオリティ向上メンタリング
5.0 (47)
未経験から中級者まで現場で培ったことを軸にサポートいたします【Laravel,Nuxt】
5.0 (56)
【初学者・副業勢歓迎】WordPress案件受注・納品までをサポートします!
4.8 (62)
【案件獲得者続出🔥】Web制作でフリーランスを目指す方、副業にしたい方へ学習から納品までサポート!
4.5 (168)
【未経験者OK】コーディングやPHP(Laravel)教えます
5.0 (15)
スクール型
【転職志望の初学者OK】PHP・Laravel・Vue・React 現役Web系エンジニアのサポート
4.9 (90)
ペアプロプラン実装プラン
5.0 (12)
スクール型
【内定/案件獲得100件超🔥】未経験・3ヶ月でエンジニア内定/Web制作案件獲得JavaScriptReact.jsVue.jsWordPressPython
4.7 (735)
スクール型

投稿

相談できます

sora

--

本人確認  秘密保持契約(NDA)
契約実績
41
評価
5.0
このプランをシェアしよう!

レビュー

TT

素敵な方でした!
引き続きお願いしたいと思います。

tak001

有難うございました。
何卒宜しくお願いいたします。

佐藤

phpを使用したポートフォリオサイトの作成をお手伝いいただきました。

とても丁寧に分かりやすく教えていただき、どんな質問にも真剣に向き合ってくれる素晴らしいメンターさんです!

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

佐藤さん

ポートフォリオ作成、お疲れさまでした!
AWS + MySQL + PHP で構築するのは、色々難しいところがあったと思います。
色々と学ばさせてもらいました、こちらこそありがとうございました!

会員登録後、全てのレビューをご覧いただけます。