サービス 1. メニュー #01
2020年05月19日に更新

【ココナラ】Rails、Nuxt.js周りの短期間・短時間メンターになります

どんなサービス?

Rails、Nuxt.js周りの短期間・短時間メンターになります。

ココナラの商品ページから「購入画面に進む」の緑のボタンをクリックしてお申し込みください。

(Railsのご相談もここからお願いします。)

Vue.js・Nuxt.jsあなたの質問に答えます

具体的には?

Rails、Nuxt.js周りの

  • プログラムに関する質問への回答
  • エラー解決のお手伝い
  • 作りたいサービスを実現するために具体的にどうすれば良いかを一緒に考えたりします。

どんな人が使うの?

周りにプログラミングについて質問できる人がいない、エラーの解決方法が分からず一人ぼっちで困っている方に向けたサービスとなります。

私自身が一人でプログラミングの勉強を始めた経緯もあり、真っ暗の中一人で頑張っている独学者の方の力になりたいと思い始めたサービスとなります。

そういった方が気軽にこのサービスを使ってくれれば私は嬉しいです。

どんな質問に答えてくれるの?

私の得意な技術は以下の通りです。

この技術のことでしたら、あたなのお力になれるかも知れません。

フレームワーク

  • Nuxt.js
  • Vue.js
  • Rails(API)
  • Vuetify

プログラミング言語

  • JavaScript
  • Ruby

サードパーティー

  • Contentful
  • Netlify
  • Heroku(ほんの少しの自信です)

今までの実績は?

過去にはこんな質問に答えてきました。

RailsアプリをHerokuにデプロイしたら本番環境で表示されなくなった

依頼者はRailsで個人開発に挑戦している方で、RailsアプリをHerokuにデプロイしたら本番環境で表示されなくなった、原因を一緒に探して欲しい。というご依頼でした。

変更以前は表示されていたようで、まずはデプロイする前にどのような変更があったのか差分の聞き取りをしました。どうやら環境変数を扱うコードを追加したようで、本番環境に変数そのものをセットしていないことが原因ということが分かりました。

Heroku側に環境変数をセットする方法をお伝えし、無事本番環境でもアプリが表示されるようになりました。

Nuxt.jsアプリで連動したドロップダウンリストを作りたい

依頼者はプログラマーの方で、Nuxt.js製のアプリに連動したドロップダウンリストを追加したい。というご依頼でした。「A」が選択されたらAの子である「A-1, A-2, A-3…」を次のドロップダウンリストで表示する機能の事ですね。

既に大部分が作り込まれたアプリの改修だったため、コードの読み解きに苦労しましたがVue.jsのwatchの機能を使って無事解決することができました。

プロの方でしたがNuxt.jsの理解が深まったと喜んでいただきました。

Vue.jsで作ったTODOアプリのコードが何をしているのか教えて欲しい

依頼者は転職活動のためVue.jsでポートフォリオを作成中の方で、自力でVue.jsのTODOアプリを作ったものの、コードが理解できていないので教えて欲しいとのことでした。

そこで頂いた質問に対して、変数やメソッド、Vue.jsのライフサイクルについて、一つ一つコードを参照しながら解説していきました。

質問が簡潔にまとまっていたため、答えるこちらもスムーズな対応を行うことができ、延長料金が発生することなく1時間でサービスを終了することができました。

RailsとNuxt.js間でaxiosの通信がうまくいかないので見て欲しい

今回の依頼はRailsとNuxt.js間でaxios通信をしてログイン機能を実装したがPOSTの通信がうまくいかないとのことでした。

まずはaxios通信自体が有効であるか?の検証のため、通信が一番単純なGETで通信してみることを提案しました。すると通信はできなかったものの、エラー内容が変わり、そのエラーメッセージが一つのヒントとなりました。

どうやらhttpとhttps間で通信していたことがエラーの原因で、対処するべきことが明確になりました。完全な解決まではサポートできませんでしたが、一歩進めたことに喜んでいただきました。

実際、依頼者と全く同じ開発環境を用意することは不可能なので、完全な解決までサポートすることが難しいケースもあります。それでもこの方は喜んで頂き、こちらが感謝する案件となりました。

FirebaseとNuxt.jsを使ってGoogleログイン機能を作りたい

依頼者は知見を広めたいという理由でNuxt.jsに挑戦中のデザイナーの方で、オリジナルアプリにGoogleログイン機能を追加したが、うまくログインできていないので見て欲しいというご相談でした。

まずはFirebaseにNuxt.jsをデプロイし、依頼者と同じ環境を構築するところから始めました。そして、自分の環境でもログインできるかを検証し、手順をお伝えしました。

それでもうまくいかなかったのでエラー内容を共有してもらうと、どうやらFirebaseのAPIkeyがうまく設定できていないとのこと。そこでkeyを設定しているenvファイルを確認し、訂正方法をお伝えしました。

結果、無事ログインすることができました。

Nuxt.jsとVuetifyを使ったアプリ開発の短期間メンターになって欲しい

依頼者はアイデア発表の場で発表するデモアプリを開発中の方で、アプリ完成までの間、都度質問に答えて欲しいというメンターのご依頼でした。

開発中に出てきたNuxt.jsとVuetifyの質問をSlackでお送りして頂き、24時間以内に返答するというサポーター的な内容です。

実際には2、3時間の間には返答することができましたが、なかなか即レスすることが難しいサービス形態でした。このことから、お互いの時間を合わせその時間に集中して質疑応答をするサービスを開始しました。

(あ、依頼者の方は恐ろしいスピード感で無事アプリを完成させることができたようです。)

サービス料金

4,000円(税込)/1時間

決済方法

ココナラ上で決済が完了します。

まずはココナラにログインして商品をご購入ください。

ココナラ ログイン

サービス提供方法

テキストチャット、ビデオチャットのお好きな方法をお選びください。

ご準備いただくもの

  • 必ずご準備して頂きたいもの

    該当プロジェクトのソースコードを共有して頂きます。

    Githubの共有リンクや、Zipファイルとしてお送りしてください。

  • あれば嬉しいもの

    エラー画面のスクリーンショットや、本番環境のURLなどを共有していただけると嬉しいです。

    また、Firebaseなどの外部サービスの共有も可能であればお願いしたいです。

    素材があればあるほど解決までの時間が早くなります。

私からのお願い

ご相談の概要や、私からご提案したソースコードについては、個人やプロジェクトが特定されない範囲で公開する場合があります。

予めご了承いただけると幸いです。

以上をご理解いただいた上で、下記リンクの「購入画面に進む」の緑のボタンをクリックしてお申し込みください。

(Railsのご相談もここからお願いします。)

Vue.js・Nuxt.jsあなたの質問に答えます

それでは、良きプロクラミングライフを!!

あなたの力になれること
私自身が独学でプログラミングを勉強してきたので、一人で学び続ける苦しみは痛いほど分かります。そこで、当時の私がこんなのあったら良いのにな、と思っていたサービスを立ち上げました。周りに質問できる人がいない、答えの調べ方が分からない、ここを聞きたいだけなのにスクールは高額すぎる...。そんな方に向けた単発・短期間メンターサービスを行っています。下のサービスへお進みください。
独学プログラマのサービス