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

対象者

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

わたしの目的

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