無料登録で300円クーポンプレゼント!

相談できます

sora

--

本人確認  秘密保持契約(NDA)
スコア
5,224
評価
(10)
料金
3,000円〜
まずは相談してみよう
このプランをシェアしよう!
最終ログインから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

わたしの目的

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

月額プラン(2件)

単発プラン(8件)

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

プロフィール

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

-----
はじめまして、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などを駆使したシステムリプレースを実施

投稿

相談できます

sora

--

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

レビュー

TT

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

tak001

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

佐藤

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

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

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

佐藤さん

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

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