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

2021/02/13(土)15:00 〜 16:30 開催
ブックマーク

イベント内容

イベント概要

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

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

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

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

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

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

司会進行

岩﨑一朗

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

開発実況

Yu-Sei

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

タイムスケジュール

イベント構成 90分

時間 内容
10分 はじめに
10分 静的サイトジェネレータとは(講義)
40分 ブログアプリ開発&デプロイ(実践)
10分 フィットネス
10分 まとめ
10分 質問・エラー解決

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

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

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

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

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

必要環境

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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。