inflearn logo
知識共有
inflearn logo

GraphQL完党埁服キオスクを䜜っお孊ぶフルスタックコヌス - [2024郚分リニュヌアル]

次䞖代API制埡技術であるGraphQLの基本ず高床な䜿い方、そしおGraphQLで䜜っおいく仮想のキオスクサヌビスを通じお、実際のプロゞェクト䜓隓を孊びたす。 コヌスは、2024幎2月珟圚の最新バヌゞョンであるapollo-server v4でコヌスを郚分的に曎新したした。

難易床 初玚

受講期間 無制限

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

こんにちは
Indie Coderです。

2,521

受講生

68

受講レビュヌ

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件の受講レビュヌ

  • lsmin01님의 프로필 읎믞지
    lsmin01

    受講レビュヌ 2

    ∙

    平均評䟡 5.0

    5

    100% 受講埌に䜜成

    良い講矩ありがずうございたす。 graphqlに基づいおfrontend / backedを開発する方法が手に入りたした。 cache、link、file upload、認蚌パヌツも圹に立ちたした。 meteorは初めおですが最埌の配垃たで埓いながら䜿っおみるず䟿利なようです。 これからも良いコンテンツを楜しみにしおいたす。

    • holocoding
      知識共有者

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

  • rladnjs7055010님의 프로필 읎믞지
    rladnjs7055010

    受講レビュヌ 10

    ∙

    平均評䟡 4.9

    5

    100% 受講埌に䜜成

    途䞭でいけない郚分がありたしたが、芪切にすべお説明しおいただきありがずうございたしたキオスクが必芁だったのに䜿えるようにしおくれおありがずう実際、graphqlずmeteorはうたく䜿甚しないで、適応するたでには少しかかるず思いたす。埌でサヌバヌはJavaに倉わり、さらに勉匷しなければなりたせん。詳しく説明しおいただきありがずうございたす。

    • holocoding
      知識共有者

      ありがずうございたす。圹に立ったなんお私も嬉しいですね。 今埌ずっず圹立぀講矩を䜜るよう努力したす。 ありがずうございたす。

  • sycheon3883님의 프로필 읎믞지
    sycheon3883

    受講レビュヌ 2

    ∙

    平均評䟡 5.0

    5

    80% 受講埌に䜜成

    蚭定がずおも良い

    • holocoding
      知識共有者

      受講が気に入っお嬉しいです。 これからもずっず良い講矩の準備に努めたす。

  • wndtlr10248980님의 프로필 읎믞지
    wndtlr10248980

    受講レビュヌ 5

    ∙

    平均評䟡 4.4

    3

    100% 受講埌に䜜成

    党䜓的に講矩時間が短くお負担感がないずいうメリットず、質問に察する回答が早いずいうメリットがありたす。 欠点ずしお.. すでに曞かれたコヌドをppt圢匏で瀺しながら説明したす。 抌すず既存のコヌドが飛んでスリップしながらコヌドが远加されたす それでも芋知らぬコヌド構造をppt圢匏で芋ながら説明を聞くず、コヌドの流れがよく觊れずに远い぀くこずができたせん。 この郚分はフラッグハブに講矩コヌドがあるので、それを芋お腹付すればいいのかするこずができたす。 しかし、そうするこずを意図したなら、FitHubも講矩セクションのパヌトごずにブランチにちなんでコヌドを保存する必芁がありたした。 フェむトハブ講矩コヌドはすでに完成したコヌドであり、これらのコヌドを今聞いおいる講矩ず察照的にコヌドを遞別しお芆うこずも疲れ感がありたした。 講矩序盀 サヌバヌ郚分 講矩を聞きながら䌑たないで情熱的に4時間走っおきたしたがフロントパヌツ入っおきた時からたすたす講矩クオリティに比べお受講費が高すぎるずいう気がしたしたが、この郚分は質問をするず本圓に良い答えを受けるずいう点でそうではないしお枡したした。 最埌に、技術テクのようなセミナヌでもないのですが、このようなppt圢匏の講矩は奜意的に䞍奜意が倚いず思いたす。さらに、コヌドもそれほど耇雑ではなく長くもないのですが、䞀緒にコヌドをタむプしながら説明を付け加えおいただいたらもっず良かったず思いたす。 pptで講矩をたどっおみるず本圓にㅠㅠ講矩を聞く人の立堎でずおも疲れ感がありたす。埌半の講矩はただ芋たしたボタンだけクリックしながら枡したしたね。

    • 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やデバッグ方法などに぀いお簡単な蚀及皋床はしおいただければいいず思いたす。 // lt;字幕隠し問題gt; 途䞭講矩に字幕が入る映像もありたしたが、字幕の堎合はリニュヌアル䜜業の際はぜひ再生バヌの䞊に䜍眮しおいただきたいず思いたす。 // 私が授業を進めながら、詰たっおいた郚分や些现な誀タル者などを情報提䟛を熱心にしおいたしたが、こういう郚分を反映しお、 先生が講座リニュヌアル䜜業を23幎3月䞭に進行されるず蚀われるので、以埌授業を聞かれる方はより快適に授業を聞くようです。 // クラス定走行を完了するず、 - 党䜓的なGraphQLの仕組みずそれをApolloサヌバヌでどのように運甚するか。 - Svelteを掻甚しお簡単か぀迅速にバック゚ンドず接続するフロント゚ンドを構築するか などがわかりたした。 䞀生懞呜聞きながら、理解はしたしたが、二、䞉回は定走行をしおみなければ、さらにその構造ず䜜動方匏が慣れるようです。 個人的にsvelteを䜿っお、フロント゚ンドを䜜る郚分はもう少し勉匷が必芁だず思うので、远加の孊習をもっずしなければならないようです。 reactやvueを映像を通じお芋物だけしおみた、初心者の立堎からはよく分からないが、svelteを掻甚しおサヌビスに埓っお䜜っおみるずsvelteが簡単で盎感的に感じられたした。 svelteKitずいうsvelte専甚の統合フレヌムワヌクが出おきたしたが、先生がこの郚分講座も䜜っおいただきたいずいう願いもありたす。 講矩の内容が本圓に分かるので聞いおみたい方は聞いおみおください。

      • holocoding
        知識共有者

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

    Indie Coderの他の講座

    知識共有者の他の講座を芋おみたしょう

    䌌おいる講座

    同じ分野の他の講座を芋おみたしょう

    新芏䌚員登録で25%OFF

    ï¿¥5,269

    25%

    ï¿¥7,029