강의

멘토링

커뮤니티

Programming

/

Database

GraphQL完全征服(キオスクを作って学ぶフルスタックコース) - [2024部分リニューアル]

次世代API制御技術であるGraphQLの基本と高度な使い方、そしてGraphQLで作っていく仮想のキオスクサービスを通じて、実際のプロジェクト体験を学びます。 コースは、2024年2月現在の最新バージョンであるapollo-server v4でコースを部分的に更新しました。

難易度 初級

受講期間 無制限

  • Indie Coder
GraphQL
GraphQL
Svelte
Svelte
MongoDB
MongoDB
Apollo
Apollo
GraphQL
GraphQL
Svelte
Svelte
MongoDB
MongoDB
Apollo
Apollo

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

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

4.5

5.0

천세영

80% 受講後に作成

設定がとても良い

5.0

lsmin01

100% 受講後に作成

良い講義ありがとうございます。 graphqlに基づいてfrontend / backedを開発する方法が手に入りました。 cache、link、file upload、認証パーツも役に立ちました。 meteorは初めてですが最後の配布まで従いながら使ってみると便利なようです。 これからも良いコンテンツを楽しみにしています。

5.0

JaeWon Kim

100% 受講後に作成

途中でいけない部分がありましたが、親切にすべて説明していただきありがとうございました!キオスクが必要だったのに使えるようにしてくれてありがとう!実際、graphqlとmeteorはうまく使用しないで、適応するまでには少しかかると思います。後でサーバーはJavaに変わり、さらに勉強しなければなりません。詳しく説明していただきありがとうございます。

受講後に得られること

  • Graphql

  • Apollo

  • MongoDB

  • Svelte

  • NodeJs

  • nodeJsファイルのアップロード

  • トークンベースの認証方法

  • フルスタック(ウェブバック&ウェブフロント&)

  • 仮想キオスクサービスの開発

フロントエンド、バックエンドとも実装可能!
GraphQLの実践を体験してください💪


自信の最高の秘訣は
何かを最初から最後まで作ってみることです。
Webの基礎を少しでも学んだら
今回の機会に様々な技術で一歩進んでみてください!

GraphQL完全征服👑

REST APIを補完、発展させて作られた次世代API制御技術GraphQL。 GraphQLの基礎から高級、完結したサービスまで!この講義では、バックエンド、フロントエンド、展開までのすべてのコースを学ぶことができます。一緒にスマートメニューを作ってみますか?

簡単に理解できるように準備した講座内容

#1.
GraphQLの
基本文法と高度な文法

GraphQLに必要な文法をすべて漸次学習することになります。講義の理論部分は、イメージ、アニメーションなどを活用し、できるだけ簡単に理解できるように準備しました。

#2.
実際のプロジェクト
(スマートメニュー)実装

基本的な使い方を学んだら、次は実際のプロジェクトの実装でしょうか?仮想のキオスクサービスであるスマートメニューをGraphQlを利用して作成します。バックエンドサーバーからフロントエンドまで、すべてGraphQLを中心に実装します。

#3.
様々な問題の
解決策

コードをたどりながらデータを読み書きすることを超えて、サービスを作成するときに発生する可能性のあるさまざまな問題と解決策を学びます。 Apolloキャッシュを使用する際に発生するデータ整合性の問題、NodeJSからファイルをアップロードする際の注意点、サービスに必要な認証などを学ぶことができます。

#4.
より効率的な
フロントエンド開発方法

最近ホットに浮かんでいるSvelteというフレームワークを利用して、より効率的にフロントエンド開発する方法もお知らせします。これにより、GraphQLの基礎知識はもちろん、1つのサービスのバックエンド、フロントエンド、デプロイまで体験できるようになります。


こんな方におすすめですよ🙋‍♀️

GraphQLに興味があり、入門を悩む方

Webバックエンド、フロントエンドフルスタックを体験したい方

Apollo、Svelteなど最新技術で作るウェブが気になる方

HTML、Javascriptの基礎を身につけた後に何か実装したい方


実装プロジェクトのプレビュー👀

無限スクロールで実装されたメニュー表示画面

ログイン画面

メニュー登録画面

ご注文後のアラーム画面

講義参考資料📍

  • 講義に使用されているパッケージやソースコードなどのリンクについては、「セクション2 GraphQL基本 - 講義資料の紹介」を参照してください。

参考講義📚


予想される質問 Q&A 💬

Q. GraphQLの理論講義ですか?

基本的な使い方から実際のプロジェクトに適用する方法のすべてを学びます。プロジェクトでは、バックエンドとフロントエンドの両方でGraphQLを実装する方法が用意されています。

Q.フロントエンドの場合、Svelteを事前に学習する必要がありますか?

講義の途中で簡単にSvelteの基本的な使い方を用意しました。準備した内容だけを知り、進んでいけば十分に最後まで学習可能だと思います。

Q.開発環境はどうなりますか?

Mac、Windows、LinuxなどのnodeJsをインストールできるどのPCでも、開発環境に必要なプログラムをインストールして進めることができます。


知識共有者の紹介✒️

2000年度半ばから本格的にウェブ開発を始め、現在までフリーランスの開発者として活動しています。約5年間、Amplix BIソリューションの実務者教育を進め、開発を支援し、新しい技術を効率的に伝えることに多くの経験と悩みを持ってきました。

現在は、開発業務とともに、開発者に役立つWeb関連分野の新技術を探し、講座や本を通じて共有しています。

  • 県)フリーランサー
  • 前)(株)ビーズプラグ戦略ソリューション事業部チーム長
  • 前) (株)ファーニーモンキースウィニストリーサービス開発チーム長

email: freeseamew@gmail.com

blog: https://medium.com/freeseamew

出版書


こんな方に
おすすめです

学習対象は
誰でしょう?

  • javascriptの基礎を学ぶ

  • Webサービスを最初から最後まで一度作りたい方

  • Webバックエンドエンジニア

  • Webフロントエンドエンジニア

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

  • html

  • javascript

こんにちは
です。

2,502

受講生

66

受講レビュー

87

回答

4.8

講座評価

5

講座

2000年代半ばから本格的にウェブ開発を始め、現在までフリーランスの開発者として活動しています。約5年間、Amplix BIソリューションの実務者教育を担当し、開発を支援しながら、新しい技術を効率的に伝えることについて多くの経験を積み、模索してきました。

現在は開発業務とともに、開発者の役に立つようなウェブ関連分野の新技術を探求し、講座や書籍を通じて共有しています。

 

現) フリーランス

元) (株)ビズプラグ 戦略ソリューション事業部 チーム長

元) 株式会社パニーモンキーズ WeenyStoryサービス開発チーム長

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

講座一覧

出版書籍

yes24教保文庫アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍:yes24、教保文庫、アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍:yes24、教保文庫、アラジン

エンドサーバー開発(Fastify & Prisma & TypeScriptによる)GraphQL完全攻略(仮想キオスクの実装を通じて学ぶフルスタックコース)出版書籍 yes24、教本文庫、Aladin

カリキュラム

全体

72件 ∙ (10時間 28分)

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

受講レビュー

全体

6件

4.5

6件の受講レビュー

  • viewee님의 프로필 이미지
    viewee

    受講レビュー 3

    平均評価 3.7

    4

    100% 受講後に作成

    受講を完了しました。 Javascript、html、cssの基礎を磨いた状態で、 フルスタックサービスを作ってみたくて、受講しました。 reactやvueもありますが、svelteが簡単でホットなので、 このライブラリで選択しました。 このレッスンは私からスマートメニューサービスを作るまですべてのプロセスが溶け込んでいました。 説明もじっくりよくしていただき、理解が上手になりました。 //// 残念だった点は、授業を進行する際、途中中断されていましたが、私がコードを書く際に誤字を出したこともありますが、講義映像に重要な誤字がたくさんあったので、講義映像だけを見て追いつくと問題が発生しました。 例コードでも誤字が簡潔にあり、サーバーを実行してテストするたびに、私が間違っているのか、講義内容に誤字があるのか​​混乱することが多かったです。 (受講評を書かれた他の方々は掲示板に質問なしにどのように授業を進められたのか。 授業で進行される環境はMacOSであり、私はwindows環境だったので、授業と違ってサーバ実行命令がmeteorではなくmeteor.batとか。 あるいは、授業と今の meteor バージョンが違って違うように進行する問題などがありました。 それでも、このような問題をコミュニティ掲示板に質問をしたら、先生が答えを1日2日以内によくしてくれて、ずっと授業を続けることができました。 // SMART MENUを作成するセクション4からは、最初は大丈夫でしたが、ますますコードが膨大になり、バグが発生したとき、以前のコードとの違いを比較することが非常に重要でした。 バージョン管理の必要性を感じて、別にgitを勉強して適用していきました。 各セクションのコードがバグなしで終わるたびにブランチを作ってくれ、セクションの中の小さなチャプターが終わるたびにコミットをしてくれて授業を聞くので、セクション12、13以降に行ってバグが発生しても素早く対処できました。 私のような初心者はgitを別々に勉強して授業に活用することをお勧めします。 また、授業でデバッグ関連して、バックエンドは terminal ウィンドウ、フロントエンドは console ウィンドウを確認する部分がもう少しあったら、私のような初心者はもっと良かったのではないかと思います。 。 しかし、授業でgitやデバッグ方法などについて簡単な言及程度はしていただければいいと思います。 // <字幕隠し問題> 途中講義に字幕が入る映像もありましたが、字幕の場合はリニューアル作業の際はぜひ再生バーの上に位置していただきたいと思います。 // 私が授業を進めながら、詰まっていた部分や些細な誤タル者などを情報提供を熱心にしていましたが、こういう部分を反映して、 先生が講座リニューアル作業を23年3月中に進行されると言われるので、以後授業を聞かれる方はより快適に授業を聞くようです。 // クラス定走行を完了すると、 - 全体的なGraphQLの仕組みとそれをApolloサーバーでどのように運用するか。 - Svelteを活用して簡単かつ迅速にバックエンドと接続するフロントエンドを構築するか などがわかりました。 一生懸命聞きながら、理解はしましたが、二、三回は定走行をしてみなければ、さらにその構造と作動方式が慣れるようです。 個人的にsvelteを使って、フロントエンドを作る部分はもう少し勉強が必要だと思うので、追加の学習をもっとしなければならないようです。 reactやvueを映像を通じて見物だけしてみた、初心者の立場からはよく分からないが、svelteを活用してサービスに従って作ってみるとsvelteが簡単で直感的に感じられました。 svelteKitというsvelte専用の統合フレームワークが出てきましたが、先生がこの部分講座も作っていただきたいという願いもあります。 講義の内容が本当に分かるので聞いてみたい方は聞いてみてください。

    • holocoding
      知識共有者

      講義無事に終わって嬉しいです。 オタナ問題ある部分は、一度映像にコメントする方法で優先改善しました。 この部分の指摘ありがとうございます。 そしてsveltekit関連しても、できるだけ早く一度作ってみましょう。 もう一度おめでとうございます。 ありがとうございます。

  • sycheon3883님의 프로필 이미지
    sycheon3883

    受講レビュー 2

    平均評価 5.0

    5

    80% 受講後に作成

    設定がとても良い

    • holocoding
      知識共有者

      受講が気に入って嬉しいです。 これからもずっと良い講義の準備に努めます。

  • lsmin01님의 프로필 이미지
    lsmin01

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    良い講義ありがとうございます。 graphqlに基づいてfrontend / backedを開発する方法が手に入りました。 cache、link、file upload、認証パーツも役に立ちました。 meteorは初めてですが最後の配布まで従いながら使ってみると便利なようです。 これからも良いコンテンツを楽しみにしています。

    • holocoding
      知識共有者

      受講評いただきありがとうございます。

  • leaguematter7718님의 프로필 이미지
    leaguematter7718

    受講レビュー 5

    平均評価 4.6

    5

    31% 受講後に作成

    • rladnjs7055010님의 프로필 이미지
      rladnjs7055010

      受講レビュー 10

      平均評価 4.9

      5

      100% 受講後に作成

      途中でいけない部分がありましたが、親切にすべて説明していただきありがとうございました!キオスクが必要だったのに使えるようにしてくれてありがとう!実際、graphqlとmeteorはうまく使用しないで、適応するまでには少しかかると思います。後でサーバーはJavaに変わり、さらに勉強しなければなりません。詳しく説明していただきありがとうございます。

      • holocoding
        知識共有者

        ありがとうございます。役に立ったなんて私も嬉しいですね。 今後ずっと役立つ講義を作るよう努力します。 ありがとうございます。

    ¥6,801

    Indie Coderの他の講座

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

    似ている講座

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