inflearn logo
inflearn logo

ReactベヌスのGatsbyで技術ブログを開発する

Reactベヌスの静的サむト䜜成フレヌムワヌクであるGatsbyを介しお独自のブログを䜜成するクラスです。

難易床 䞭玚以䞊

受講期間 無制限

Blog
Blog
Gatsby
Gatsby
Blog
Blog
Gatsby
Gatsby
날개 달늰 동전

講座 を玹介しお、成長ず収益を埗たしょう

날개 달늰 동전

マヌケティングパヌトナヌズ

講座 を玹介しお、成長ず収益を埗たしょう

孊習した受講者のレビュヌ

孊習した受講者のレビュヌ

4.9

5.0

toa

100% 受講埌に䜜成

TypeScript を初めお䜿甚する人にずっおは、芋お孊習するのが良いようです。

5.0

sthgml

100% 受講埌に䜜成

文章だけで曞かれおいたにもかかわらず、理解しやすく、远いかけやすかったです!

5.0

최성혞

100% 受講埌に䜜成

良質の講矩が無料なので、本圓にありがずうございたす。 静的サむトが別にあるずも知らなかったですね。 思ったより gatsby で䜿えるようにプラグむンも倚いのですが、単に腹付ではなく、すべおのプラグむンを説明しおくださるので本圓に圹に立ちたした。 埌半に最適化䜜業の講矩もずおも良かったです。最高の最高ㅎ

受講埌に埗られるこず

  • Gatsbyフレヌムワヌクを扱う方法

  • タむプスクリプトでリアクトコンポヌネントを䜜成する方法

  • SEOずWebのアクセシビリティ向䞊察策

  • ブログ配信方法

このレッスンでは、ロヌンチ時点のバヌゞョンであるGatsby v3を䜿甚しおいたす。
そのため、新たに講矩を受講する方はバヌゞョンにご泚意ください
珟圚、新しいバヌゞョンを䜿った講矩を準備䞭であり、
そのため、もはやコミュニティの管理は行われたせんので、参考にしおください。


自分で䜜る独自の技術ブログ、
React Gatsbyで簡単で楜しいです🔧

開発胜力を高める
技術ブログの力。

開発者なら䞀床くらい聞いたこずでしょう。技術ブログが開発のスキル向䞊に圹立぀ずいうこずです。
私も実際に圹立぀ず思いたす。自分が孊んだ内容を敎理する過皋で知らない内容を発芋するこずもでき、たたこれを探しおみる過皋を通じお私の技術力を成長させるこずができるからです。


技術ブログ開発を取り巻く
数倚くの悩み

  • 開発スタックの遞択はどのように
  • 怜玢゚ンゞン最適化SEOはどのように解決したすか
  • どの開発プロセスを経るべきですか

䜕でも初めおが䞀番難しい法です。技術ブログも同様です。すでに倚くの開発者が技術ブログを運営しおいたすが、気にしなければならない芁玠が倚いので、少なくない方がどのようにブログの開発を始めるのか幕を閉じおいたす。

しかし、このすべおのコヌスに埓うように教えおくれるヘルパヌがあるずしたらどうでしょうか。より簡単で快適に技術ブログを開発できないでしょうかこの講矩はたさにこのような悩みから始たりたす。


最近、
リアクトギャツビヌで䜜る
簡単で迅速なブログ開発。

Gatsby.js

ギャツビヌは珟圚最も人気がありたす
フロント゚ンドラむブラリリアクトReactベヌスの
静的サむト生成フレヌムワヌクです。

このレッスンでは、最近フロント゚ンド垂堎で急速に成長しおいるJAM Stackベヌスのフレヌムワヌクの䞭で、静的サむト生成フレヌムワヌクであるGatsbyで技術ブログを開発しおみたす。

さらに、より倚くのフロント゚ンド開発者が䜿甚しおいるTypeScriptを䜿甚しおリアクトアプリケヌションを䜜成する方法を孊ぶこずができたす。


自分で䜜っおみおください、
独自の技術ブログ

この講矩で䜜っおみるブログをあらかじめ確認できたすよ。 ショヌトカット


この講矩を䜜った
知識共有者を玹介したす。

ゞュヒョンド

より良い開発者になるために努力するゞュニア開発者です。

  • 韓囜デゞタルメディア高校卒業
  • ゜りル垂立倧孊数孊科圚孊䞭
  • スタヌトアップ「クナル開発」りェブフロント゚ンド開発者2019
  • ゜りル垂立倧孊のおしゃれなラむオンのような講矩者2019
  • スタヌトアップ「ハむプロトコル」Webフロント゚ンド開発者2022〜

順番に孊習しおみおください

セクション0 - Gatsbyの孊習ず開発環境の蚭定
Gatsbyフレヌムワヌクずは䜕かを調べお、ブログ開発環境を敎理したしょう。

セクション 1 - 簡単にペヌゞを衚瀺する
Gatsbyで䜜成したプロゞェクトを実行しおWebサむトを衚瀺したしょう。

セクション2 - 投皿リストを衚瀺するメむンペヌゞの実装
ブログコンテンツのリストが衚瀺されるメむンペヌゞの枠組みを蚭定したしょう。

セクション3 - メむンペヌゞに実際のデヌタを衚瀺する
GraphQLでむンポヌトしたデヌタをメむンペヌゞに衚瀺したしょう。

セクション4 - ポストアむテムリンクを䜜成しお適切な投皿ペヌゞにリンクする
メむンペヌゞに衚瀺されるコンテンツをクリックするず、ペヌゞが移動するようにリンクをリンクしたしょう。

セクション5 - 投皿ペヌゞの実装
実際のブログコンテンツが衚瀺されるペヌゞを敎理したしょう。

セクション6 - 404゚ラヌペヌゞの実装
非垞に重芁な芁玠ですが、簡単に通過できる郚分である404ペヌゞを远加したしょう。

セクション7 - 怜玢゚ンゞンの最適化ずWebアクセシビリティの向䞊察策
誰でも利甚できるようにWebアクセシビリティ暙準を合わせおみお、怜玢結果の䞊に浮かぶようにSEO䜜業を進めおみたしょう。

セクション 8 - サむトのデプロむずりェブマスタヌ ツヌルにサむトを登録する
開発したブログを配垃し、怜玢゚ンゞンが怜玢できるようにりェブマスタヌツヌルにブログを登録しおみたしょう。

受講前にご確認ください

  • 本講矩はテキスト圢匏の講矩で、別途映像を提䟛したせん😀

こんな方に
おすすめです

孊習察象は
誰でしょう

  • Reactでブログを開発したい人

  • TypeScriptでReactアプリを開発したい人

前提知識、
必芁でしょうか

  • JavaScript

  • CSS

  • React

こんにちは
ji5485です。

3,052

受講生

121

受講レビュヌ

94

回答

4.9

講座評䟡

2

講座

カリキュラム

党䜓

37ä»¶

講座掲茉日: 
最終曎新日: 

受講レビュヌ

党䜓

115ä»¶

4.9

115件の受講レビュヌ

  • toawebdev9674님의 프로필 읎믞지
    toawebdev9674

    受講レビュヌ 1

    ∙

    平均評䟡 5.0

    5

    100% 受講埌に䜜成

    TypeScript を初めお䜿甚する人にずっおは、芋お孊習するのが良いようです。

    • lgs4002님의 프로필 읎믞지
      lgs4002

      受講レビュヌ 16

      ∙

      平均評䟡 4.4

      4

      68% 受講埌に䜜成

      • sthgml4052님의 프로필 읎믞지
        sthgml4052

        受講レビュヌ 3

        ∙

        平均評䟡 5.0

        5

        100% 受講埌に䜜成

        文章だけで曞かれおいたにもかかわらず、理解しやすく、远いかけやすかったです!

        • jihuny850796님의 프로필 읎믞지
          jihuny850796

          受講レビュヌ 1

          ∙

          平均評䟡 5.0

          5

          32% 受講埌に䜜成

          • yhc5091님의 프로필 읎믞지
            yhc5091

            受講レビュヌ 14

            ∙

            平均評䟡 5.0

            5

            100% 受講埌に䜜成

            䌌おいる講座

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

            無料