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

相談できます

sora

24日前

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

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年
HTML 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などを駆使したシステムリプレースを実施

投稿

プラン

[Puppeteer] 5: スクレイピングサポート
3,000円  単発

対象者

  • あるサイトのデータをスクレイピングしたい人
  • Javascriptを少し触ったことがある人

わたしがあなたに提供すること

  • Puppeteer で、スクレイピングする方法
  • Puppeteer で、ブラウザ操作を自動化する方法

実施内容

  • Puppeteerの説明
  • Puppetterの使い方を解説
  • 任意のサイトをPuppeteerでスクレイピングする (希望するサイトをヒアリング)
  • 任意のサイトをブラウザ自動操作する
    • Click, Submit, Input, Goto, XPath, 並列化, 安定動作, etc

時間

  • 3時間程度

※ 要相談

その他

単発ではなく、月契約も承ります。

[Web] 15: 現役Webエンジニアの開発作業風景を見てみませんか?
3,000円  単発

対象者

  • Webエンジニアを目指している人
  • Webエンジニアで成長したい人
  • Webエンジニアじゃないけど、興味がある人

ゴール

  • 開発作業から何かしら学びがあること

わたしがあなたに提供すること

  • 開発時のコーディング方法
  • Google検索方法
  • エラーログの読み方

など...

実施内容

  1. 私が取り組んでいる開発内容を説明
  2. 画面共有しながら、開発スタート
  3. 何を考えているか話しながら 、開発コーディング

時間

2時間

手段

・ZoomやSkype等による画面共有

10: OSS入門 ~ はじめてのCommitサポート【コーディング一切不要】
3,000円  単発

対象者

  • OSS へ Commitしたことがない人
  • OSS へ Commitするのが不安だけど興味がる人
  • コーディングスキルに自信がない人

ゴール

  • OSSへCommitする抵抗感が和らぐこと

わたしがあなたに提供すること

  • OSSへCommitするまでのサポート

実施内容

  1. OSS とは何かを説明
  2. あなたが普段使う OSSをヒアリング
  3. 実際にOSSを使ってもらう
  4. OSSのREADME.mdの改善ポイントを見つける
  5. OSSへREADME.mdの改善 Issueを立てる (First Commit!)
  6. (可能なら) README.mdの改善プルリクエストを提出する

※ 環境構築が難しいOSSや、セットアップに何時間もかかるOSSは対象外

参考

私がはじめて OSSへCommitしたもの
https://github.com/oss-gate/workshop/issues/967
https://github.com/algolia/algoliasearch-client-javascript/issues/722

時間

3時間

手段

・ZoomやSkype等による画面共有

[Hugo, Gatsby] 7,9: オリジナルのポートフォリオを作りませんか?
3,000円  単発

対象者

  • ポートフォリオを持っていないエンジニア

ゴール

  • オリジナルのポートフォリオが作れること

わたしがあなたに提供すること

  • HugoやGatsbyなどの静的ページジェネレータの使い方
  • ポートフォリオの一般公開方法 (デプロイ)

実施内容

  1. どういったポートフォリオが作りたいかヒアリング
  2. HugoやGatsbyでできることを説明
  3. ポートフォリオを(仮)で開発
  4. ポートフォリオをデプロイ

時間

3時間

手段

・ZoomやSkype等による画面共有

その他

私のポートフォリオは、Hugoで作成しました。
https://silver-birder.github.io

[Javascript/Python/PHP] 18: ソフトウェア品質特性に基づいたコードレビューをします
3,000円  単発

対象者

  • コーディングしたが、品質に不安がある人
  • 自身のコーディングスキルに不安がある人

ゴール

  • 自身のコーディングにおける改善点が発見できること

わたしがあなたに提供すること

  • ソフトウェア品質特性に基づいた コードレビュー

ソフトウェア品質特性とは?

ITパスポート試験 用語辞典 >ソフトウェア品質特性

  • 機能性(Functionality)
    • 目的から求められる必要な機能の実装の度合い
    • 副特性として合目的性,正確性,相互運用性,標準適合性,セキュリティが含まれる。
      • ex. 機能を満たすテストコード
  • 信頼性(Reliability)
    • 機能が正常動作し続ける度合い,障害の起こりにくさの度合い
    • 副特性として成熟性,障害許容性,回復性が含まれる。
      • ex. エラーハンドリング、ログ出力、ロバスト性
  • 使用性(Usability)
    • 分かりやすさ、使いやすさの度合い
    • 副特性として理解性,習得性,運用性が含まれる。
      • ex. KISS/DRY/YAGNI/PIE/SLAP/OCP/
  • 効率性(Efficiency)
    • 目的達成のために使用する時間や資源の度合い
    • 副特性として時間効率性,資源効率性が含まれる。
      • ex. 並行処理、メモリ解放、パフォーマンス
  • 保守性(Maintainability)
    • 保守作業に必要な労力の度合い
    • 副特性として解析性,変更性,安定性,試験性が含まれる。
      • ex. クラス/インターフェース設計、責任分離、結合度
  • 移植性(Portability)
    • 移植のしやすさ,別の環境へ移した際そのまま動作する度合い
    • 副特性として環境適用性,設置性,規格適合性,置換性が含まれる。
      • ex. 環境依存の分離、コンテナ化

実施内容

  1. レビューしてほしいソースコードを共有
  2. ソースコードの目的や、重点的にレビューしてほしい観点などをヒアリング
  3. コードレビュー

時間

3時間

※ 要相談

手段

・Slackによるチャット相談
・ZoomやSkype等による画面共有

[Github] 19: Git 入門
3,000円  単発

対象者

  • Gitの使い方が知りたい人

ゴール

  • Gitの基本的な使い方を知ること

わたしがあなたに提供すること

  • Gitの基本的な操作
    • add, commit, push, revert, merge, log, stash, status, reset

実施内容

  1. Gitの説明
  2. 実際にソースコードを使って Gitを学ぶ
    2.1. Add → Commit → Push → Merge
    2.2. Commit →Stash or Reset
    2.3. status, log

時間

約3時間

手段

・ZoomやSkype等による画面共有

ヒアリング
3,000円  単発

▽ 概要
契約前に、メンティー様へヒアリングを実施します。

▽ 目的
メンティー様が求めるものと、メンターが提供できるものの認識合わせ

▽ やること

・自己紹介 (メンティー、メンター)
・学習背景 (メンティー)
・学習目的 (メンティー)
・メンタープラン説明 (メンター)
・Q&A

[Google Apps Scripts] 3: 自由自在にGASを使おう
6,000円  単発

対象者

  • G Suiteを使って自動化したい人
    • Ex.
      • Google Spread Sheetに自動入力したい
      • GMailからGoogle Calendar に自動予定登録したい
      • Google Document からテキストを抽出したい

ゴール

  • GASの基本的な使い方、GSuite連携、自動化、定期実行を知ること

わたしがあなたに提供すること

  • GASの書く環境、コーディングの仕方
  • GASとGSuiteの連携方法
  • GASで定期実行する方法

実施内容

  1. GASの説明
  2. GASでしたいことをヒアリング
  3. GAS開発をペアプログラミング
    3.1 簡単なコーディング
    3.2 Guites連携
    3.3 定期実行

※ 他にも要望があれば組み込みます。

時間

5時間

※ 要相談

手段

・Slackによるチャット相談
・ZoomやSkype等による画面共有

その他

私は、GASを使ったライブラリを複数公開しています。

https://www.npmjs.com/package/@silverbirder/rminc
https://www.npmjs.com/package/@silverbirder/caat

[Node.js] 1,2,9: Webアプリをゼロから作って学ぼう [フロントエンドエンジニア向け]
5,000円/月

対象者

  • Javascriptについて基本的な構文を知っている人

ゴール

  • あなたがNode.jsを通して、Webアプリを作れること

Webアプリの定義

わたしがあなたに提供すること

Webアプリを作る手順

  1. クライアントサイド コーディング (必要がなければSkip)
    • Javascript (Vue, React, Angular)
  2. サーバーサイド コーディング
    • Node.js (Express, Typescript)
  3. Webアプリを公開 (デプロイ)
    • ex. now.sh, netlify, heroku

Deploy: Web上に公開すること。無料。
※ 必要あれば、Typescriptによる型開発、Jestによるテスト駆動開発も実施可。

実施内容

  1. あなたの目的や動機をヒアリング
  2. あなたと相談し、クライアントサイドとサーバーサイドの技術フレームワークや構成(API, DB)を検討
  3. Webアプリのお題を検討&決定
    3.1. ペアプログラミング開始 (必要があれば)
    3.2. コーディング&レビュー
    3.3. 一般公開

頻度

・土日祝 週一回 (1~2時間) 程度
※ 要相談

手段

・Slackによるチャット相談
・ZoomやSkype等による画面共有

[Slackbot, Linebot] 20: Bot開発
7,000円/月

対象者

  • Javascriptについて基本的な構文を知っている人

ゴール

  • Bot開発ができるようになること

わたしがあなたに提供すること

Bot開発するための技術

実施内容

  1. Botと連携するサーバーの選択 (Google Apps Script, Heroku, etc...)
  2. Botに任せたいタスクの認識合わせ
  3. Bot開発のサポート

手段

・ZoomやSkype等による画面共有
・Slackによる質問回答

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

相談できます

sora

24日前

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

レビュー 5.0

TT

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

tak001

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

佐藤

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

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

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

佐藤さん

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

色々ためになる考え方を教示いただきとても参考になっています!ありがとうございます!

コウ@React勉強中

この度はお世話になりました!
初回のオンラインの面談ではこちらの要望を詳細に掘り下げていただき、動機の掘り下げまでも
親身になってご相談に乗っていただきました!
何を作ればいいかわからないという悩みがメインだったのですが、
目的から市場調査まで事細かなご説明、ご助言をいただきました!

プログラミング初心者の方ほどこの方から御指南頂くことをお勧めいたします。

こちらの就業が決まったために卒業してしまい残念ですが、
短い期間大変お世話になりました!
またご機会があれば宜しくお願いいたします!

この度は、フロントエンドエンジニアへの就職おめでとうございます!🎊🎉

そんなにサポートさせて貰った事が少なく申し訳ないですが、コウさんが吸収して頂いて助かりました。

頑張って下さいね!
きよみず

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

Ganponfx

ありがとうございました。
いろいろ丁寧に解説していただきました。
私情により、継続できなくなりましたが、またの機会に何卒よろしくお願い申し上げます。

こちらこそ、ありがとうございました。少しでもお役に立てたら幸いです。
この度は、誠に残念ですが、またよろしくお願いします。
taka

主にWebアプリの開発手順、アーキテクチャー設計、App Script周りについての細かな開発方法について非常に深い知見をお持ちで、勉強になりました。ありがとうございました!また時期を改めてお願いしたいと思います。

返信遅くなりました。(レビュー返信をどこでやれば良いのか分からず...)

takaさん自身も、試行錯誤されて色々と学んで頂けて、何よりです。
ありがとうございました!
ken

silverbirderさんのコードレビューと豊富な知識をご共有いただけたことによって
希望通りのアプリケーション制作を達成することができました。

この度の契約で得られた学びは多く、料金以上の知識を得られたと思っております。
業務の都合上解約することになってしまいましたが、
また機会があったらお申込させていただきたいです。

この度はご対応いただきありがとうございました。

迷っているあなたは、まずご相談してみてください!

この度は、ご卒業おめでとうございます。
業務都合ではありましたが、目的の一つであるスクレイピングが達成されましたのは、kenさんの努力があったからこそだと思います。

これからのご活躍を期待しています😊
nabe11234

専用の単発プランを契約させていただきました。

私の初めてのメンターさんです!

経験豊富で、人柄も良く、とてもお勧めできるメンターさんでした。

以下良かった点を挙げておきますので、これから契約を考えてる方の参考になれば。
対比で気になった点も挙げようと思ったのですが、特になかったですw 素晴らしいメンターさんでした。

【良かった点】
・経験豊富で色んな話が聞ける
・人柄が良く接しやすいので、とても質問しやすい
・個人でも色々作られている方なので、個人開発をしてみたい方は貴重な話を聞けると思う
・返信がスピーディー
・今時点で最新記事のリサーチもしっかりされてる方なので、最新情報のお話も聞けるかも
・今回、結構わがままな要望をしてしまいましたが、とても丁寧に対応していただけました

今後も機会がありましたら、ぜひ契約させていただければと思いました!

大変恐縮です 🙇‍♂️

natech12さんの"作業風景を見る"というアイデアには、素晴らしいと思います。私も参考にさせて頂きます!
今後とも、よろしくお願いします。