#49 Gatsby（ReactJS）を使ってPWAで爆速ブログを公開する手順をマスター

イベント概要

Reactベースで簡単にモダンなサイトを作成できるGatsbyJS（ギャツビージェーエス）というフレームワークを使用してアプリを一緒に作成しましょう。

フロントエンド開発を効率化する静的サイトジェネレータに触れておくのは良い経験になると思います。

GatsbyJSはブログだけでなく会社や個人のサイト、ご自身のポートフォリオサイトの作成などにも使えて非常に便利なライブラリです。モダンさと手軽さが受けて利用者が増えてきているので、まだ触れたことのない人は知っておく価値が高いでしょう。HTMLや簡単なJavaScriptしか知らない人、FTPソフトでしかサイトを公開したことがない人あたりはかなり学びになるかと思います。

技術のキャッチアップがてら参加するもよし、HTMLとCSSしか知らない初心者の方が人の開発風景を見てみたい！くらいの動機で参加するもよし、ということで。参加者に合わせますが、必要な場合はまったくの未経験でも理解できる言葉で解説します。お気軽にどうぞ。

ちなみに今回は作成したブログをNetlifyというホスティングサービスに公開するところまでやります。 なお、希望者のみ一緒に手を動かして作業する形のため、目と耳だけの参加でもOKです。

注意として、GatsbyJSをどんどんカスタマイズするハンズオンではなく、今回はあくまで初めて使う人向けに構成しています。すでにGatsbyを使ってサイトを公開した経験のある方は多くが既知の内容と思います。

司会進行

岩﨑一朗

フリーランスエンジニア・プロブロガーを経てウェブ制作会社を起業。
パーソナルトレーニングジムかたぎり塾CTOを兼務。 クロスプラットフォーム対応のスマホアプリ開発フレームワークであるReactNativeのエキスパートで、簡単なアプリなら１日で完成させることができる。趣味は筋トレ。筋トレしているアプリ開発者を増やすことを密かに生きがいとしている。

開発実況

Yu-Sei

個人で教育系事業の運営をしているウェブ/モバイルアプリ開発者。 複数の会社の技術顧問を務めながら非営利団体で子ども向けの教育ボランティアにも関わるなど「人に教えること」を軸に自ら仕事を組み立てて活動を展開。説明がわかりやすい。

タイムスケジュール

イベント構成 90分

頭だけ参加するならこんな人

• HTML/CSSがちょっとわかる
• JavaScriptがちょっとわかる
• 簡単なコマンドライン操作は知ってる
• Reactを使ったことがあるか、聞いたことがある
• 自分のパソコンでgitコマンド使えない
• GatsbyJSに興味ある
• プログラミング初心者

手も参加するならこんな人

• サイトかアプリを作成し公開したことがある
• 自分のパソコンでgitコマンド使える
• 最近開発でReact使っている
• コマンド操作はある程度慣れている
• プログラミング歴最低１年
• ちょうどポートフォリオサイト作ろうとしてた
• この機会にGatsbyJS使えるようになりたい

ぜひイベント時間内に公開までやりましょう！

必要環境

• モニター２画面受講
• 安定したネット回線
• gitコマンドが利用できるPC
• nodeバージョン10.19.0