inflearn logo
知識共有
inflearn logo

VueでNodebird SNSを作成する

VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

難易度 中級以上

受講期間 無制限

Vue.js
Vue.js
Node.js
Node.js
AWS
AWS
MySQL
MySQL
Vuex
Vuex
Vue.js
Vue.js
Node.js
Node.js
AWS
AWS
MySQL
MySQL
Vuex
Vuex

学習した受講者のレビュー

4.8

5.0

서기현

83% 受講後に作成

率直に受講評を残します。 短所から申し上げれば精神がないのです。 1. チャットウィンドウ 2. 単純なタイプミスの後で編集なしで後で修正 3. 単にサーバーを開けなかったもの 2、3回はデバッグするときああ、このようなエラーが出たかと思いますが、集中度を落とすようです。 2,3番ではない構造の問題や、私が抜いたものを後で直すのはよかったです。 それにもかかわらず5つ星をつけたのは、実務とすごく関連が深いということです。 私はインフラでリアクト、vue講義だけ7~8個を聞きました。 その中には整理と編集はうまくいきましたが、今何をすべきですか?単純に学んだ内容だけでは私が望むビジネスモデルを作れない講義があり、フロントは製作できるほど理解したがバックエンドは?という講義もありました。 もちろん、先に他の講義を見てきて、そのことを理解するのは難しくありませんでした。 実務をすぐに投入しなければならない場合は、前にこの講義をお勧めします! 親切ではありませんが、ついてきて理解すれば実務投入が可能だと思います

5.0

sizz F

100% 受講後に作成

2年間中小企業でハードウェア、エンベデッド、ウェブ、アプリ、させていただくと、ますます異道じゃない人になっていくようで自信が底だったのに退社して偶然にチョ・ヒョンヨン様無料講義を見始めてここまで来ましたね。 今回イプロジェクトを作ってみて、また自信が生まれるようになりましたね。ありがとうございます! 講義内容は公式文書で確認可能な部分はすばやく進んで、本当に必要な部分を硬くつけて説明していただきました。私はやはり注射式の講義より必要な部分を直接探しながら調べるようにする点がよりよく近づいてきたようです。そんな部分が開発者にとって必須な部分でもあります。 頑張ってチョ・ヒョンヨン様のような開発者になろう! * 中古新入で入社してから一年ぶりに年俸67%引き上げに成功しました。ありがとうございます! 2022-05-01

5.0

김시훈

52% 受講後に作成

完全に良いです!ここで学ぶ内容の大部分は実務で応用できて助けて本当にたくさんなりました。良い講義ありがとうございます!これからも良い講義をお願いします〜個人的にgraphql講義を楽しみにしています!

受講後に得られること

  • Vue

  • Nuxt

  • Vuex

  • Vuetify

  • Vue Router

  • SSR+SEO

  • Node.js + MySQL

  • AWSデプロイ

ゼロ秒のVueにする
フルスタックSNS講座!

Twitterに似ている(と書いてコーナーと呼ばれる)ゼロ秒のシグネチャプロジェクトNodeBird SNSを作成し、Vue + Vuex + Nuxt.js(SSR)+ Vuetify + Node + Express + Sequelize(MySQL)を学びます。
検索エンジン最適化とAWSデプロイ(簡単にEC2 + Lambda + S3 + Route53を使用)はボーナス!

実践を通して自分で作る
学ぶことができます!

ログイン、投稿、画像アップロード、いいね、コメント、リツイート

インフィニットスクロール、フォロー、アンフォロー

ハッシュタグ検索、ユーザープロファイル


#1
ソースコード
提供します。

https://github.com/zerocho/vue-nodebird (ショートカット)

そのレッスンのソースコードをすべて提供します。

#2
質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう!


注意事項


関連講座

[リニューアル] Node.js教科書 - 基本からプロジェクト実習まで
ノードのコアコンセプトを学んだ後、
実践例では、実務に飛び込む準備を整えます。
Node.js教科書を最初に受講すると、バックエンドの理解に役立ちます。

Reactでも作ってみますか?

ReactでNodebird SNSを作成する
Reactで学ぶ20時間(お母さん)
フルスタック講座!

TypeScriptで作ってみましょうか?

Node.jsにTypeScriptを適用する(feat. NodeBird)
NodeBird(Twitterによる作成)コースの例
タイプスクリプトに切り替えます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Vueでウェブサイトを作りたい方

  • SSRで検索エンジンを最適化したい人

  • フルスタック講座をご希望の方

前提知識、
必要でしょうか?

  • Vue基本文法(無料講座を見る)

こんにちは
zerochoです。

67,836

受講生

1,755

受講レビュー

9,765

回答

4.8

講座評価

25

講座

私の講義の強みはQ&Aです(Inflearn回答王を2回受賞)。24時間以内にできる限りお答えします!一緒に悩んでいるという気持ちで回答させていただきます!

私の講座の大きな強みはQ&Aサポートです。(インフラーンQ&A王賞を2回受賞)24時間以内にご質問にお答えし、最善を尽くしてサポートいたします!問題を一緒に解決している感覚を味わっていただけるでしょう。

👉ZeroCho Lectures
ZeroCho(ゼロチョ)講義の全ロードマップ。私の全コースの完全なロードマップはこちらでご確認いただけます。

– 『Node.js教科書』、『コーディング自律学習 ZeroChoのJavaScript』、『Let's Get IT JavaScript』、『TypeScript教科書』著者
ZeroCho.com 運営者
– 現) YouTubeにてZeroCho TVで開発関連の放送中
– 元) Smoretalk CTO
– 元) 今日のピックアップ CTO(カカオモビリティにエグジット後、カカオモビリティ最年少開発パート長)

  • Node.js教科書ZeroChoの独学JavaScriptLet's Get IT JavaScriptTypeScript教科書の著者

  • ZeroCho.comの運営者

  • 現在、開発関連のトピックを扱うYouTubeチャンネルZeroCho TVを運営中

  • SmoreTalk CTO

  • Today Pickup CTO(カカオモビリティに買収、最年少リード開発者として合流)

もっと見る

カリキュラム

全体

71件 ∙ (15時間 11分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

49件

4.8

49件の受講レビュー

  • ssasun941205님의 프로필 이미지
    ssasun941205

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    2年間中小企業でハードウェア、エンベデッド、ウェブ、アプリ、させていただくと、ますます異道じゃない人になっていくようで自信が底だったのに退社して偶然にチョ・ヒョンヨン様無料講義を見始めてここまで来ましたね。 今回イプロジェクトを作ってみて、また自信が生まれるようになりましたね。ありがとうございます! 講義内容は公式文書で確認可能な部分はすばやく進んで、本当に必要な部分を硬くつけて説明していただきました。私はやはり注射式の講義より必要な部分を直接探しながら調べるようにする点がよりよく近づいてきたようです。そんな部分が開発者にとって必須な部分でもあります。 頑張ってチョ・ヒョンヨン様のような開発者になろう! * 中古新入で入社してから一年ぶりに年俸67%引き上げに成功しました。ありがとうございます! 2022-05-01

    • 就職も成功しました本当にありがとうございます~~~

  • mannahoffnung2395님의 프로필 이미지
    mannahoffnung2395

    受講レビュー 2

    平均評価 5.0

    5

    52% 受講後に作成

    完全に良いです!ここで学ぶ内容の大部分は実務で応用できて助けて本当にたくさんなりました。良い講義ありがとうございます!これからも良い講義をお願いします〜個人的にgraphql講義を楽しみにしています!

    • pedrail380603님의 프로필 이미지
      pedrail380603

      受講レビュー 5

      平均評価 5.0

      5

      83% 受講後に作成

      率直に受講評を残します。 短所から申し上げれば精神がないのです。 1. チャットウィンドウ 2. 単純なタイプミスの後で編集なしで後で修正 3. 単にサーバーを開けなかったもの 2、3回はデバッグするときああ、このようなエラーが出たかと思いますが、集中度を落とすようです。 2,3番ではない構造の問題や、私が抜いたものを後で直すのはよかったです。 それにもかかわらず5つ星をつけたのは、実務とすごく関連が深いということです。 私はインフラでリアクト、vue講義だけ7~8個を聞きました。 その中には整理と編集はうまくいきましたが、今何をすべきですか?単純に学んだ内容だけでは私が望むビジネスモデルを作れない講義があり、フロントは製作できるほど理解したがバックエンドは?という講義もありました。 もちろん、先に他の講義を見てきて、そのことを理解するのは難しくありませんでした。 実務をすぐに投入しなければならない場合は、前にこの講義をお勧めします! 親切ではありませんが、ついてきて理解すれば実務投入が可能だと思います

      • tominam20697님의 프로필 이미지
        tominam20697

        受講レビュー 1

        平均評価 1.0

        1

        87% 受講後に作成

        何かを教えようとする講義を作ったのではなく 自分が勉強したことをまとめたレベルです。 値段も高いのでとても残念です。 デモサイトであるnodebirdサイトを見ると少し苦しくなります。 1.最初にVuetifyをこのように使用しない場合は、なぜ選択したのかわかりません。まさか川の広報用ですか? 2. 講義の途中で出てくるカトクやお知らせ音は少し取り除いて上げなければなりません。気になります。 3. フロントとバッグを完全にはずして内容のつながりができません。実務ではビャクダンを想像してコーディングしません。 4. 教えてくれる複雑なことも大変でしょうが、説明をしなければなりません。概念説明はできなくても講義に書かれたコードだけはこれをなぜ使うのか説明をしてくれなかったでしょうか。 5. 無限スクロール(infinite scroll)が一番悪かったです。要塞はeventのあちこちに貼って作っていません。 Intersection Observerを利用します。この部分を講義するとき、あまりにも誠意がありませんでした。 Vueは長かったが、Nuxtは初めてであり、韓国にNuxt講義がなく、外国講義と資料だけを見て身につけた後、開発をしてきたこの講義を偶然知ることになりました。正直なところ、他の人はnuxtでどう作るのか気になってこの授業を聞きました。それでもかなり頑張ったと思います。 慎重な結論ですが、私の個人的な考えではこのように講義してはいけないと思います。 初級者が身につける親切さもなく、中級者が身につけるノウハウもなく、おそらく自分でも認めるでしょうがnuxtだけの長所や特徴を活かした部分もありません。 何よりも講義の誠意があまりありませんでした。 YouTubeの無料講義ではありません。 aws、vuetify、seo、mysqlのような素晴らしいブランドで講義を宣伝しましたが、率直に言って...あまりにも上記だけに重視されていませんか? 悪評を書いてすみません。私の個人的な考えでした。

        • zerocho
          知識共有者

          1. 必要なデザインはすべてVuetifyとしたが、何をすべきか分からない。 2. この部分はもっと気にするようにします。 3. フルスタック開発者でない以上にはフロントとバッグが分離して開発されるのが一般的です。フロント開発者が不在中の状況でもバックエンド開発はしなければならず、逆も同様ですから。この部分は私の講座が実務的なようですね。 4.私は何を説明していませんか? 5. Intersection Observerは講座制作時点では過度に最新の技術でした(まだ正式仕様ではありません)。次の講座を準備する際は導入いたします。 私の講座はVueを入門し、今や文法を外した方に最も簡単にウェブサイトを全体開発する方法を教えてくれる講座です。アンアン様の実力が中級以上であり、この講座が恥ずかしく感じられるようですね。

      • juwon76님의 프로필 이미지
        juwon76

        受講レビュー 27

        平均評価 4.8

        4

        100% 受講後に作成

        精神なく頑強まで来ましたね。

        zerochoの他の講座

        知識共有者の他の講座を見てみましょう!

        似ている講座

        同じ分野の他の講座を見てみましょう!

        新規会員登録で25%OFF

        ¥6,372

        25%

        ¥8,492