Over40 webclubver2

今話題のGatsbyで
ポートフォリオサイトをサクッとデプロイ
そんほんす　Son Hiroki Hong-su
OVER 40 WEB CLUB　勉強会ドリブン学習法
WordPressもいいけどGatsbyもね♥

OVER40WEBCLUB|GATSBYでポートフォリオ
⾃⼰紹介
そんほんす
孫弘樹　SON HIROKI HONG-SU
父方　韓国ルーツ　母方　長崎ルーツ
現在、小学校教員
１年後くらいにウェブ制作フリーランス
をめざして学習中

□　小６　MSX　ー＞　写経
□　Swift（書籍）ー＞　挫折
□　Prpgate　Web開発パス（Rails)
□　Railsチュートリアル
□　HTML，CSS模写　JavaScript　など
□　Over40WebClub
□　React,Gatsby　＜ー　今ココ
現在までの学習状況

本⽇の内容
１　今日作るサイトの紹介
２　WORDPRESSとGATSBYについてのお話
３　サイト構築のデモ
中川研究所|デザイン思考

１今⽇作るサイトの紹介
１　そんほんすのポートフォリオサイト

２WordPressとGatsbyのお話
２−１　WORDPRESSのお話
２−２　最近のWEBサイトにもとめられるもの
２−３　WORDPRESSのメリットとデメリット
２−４　静的サイトと動的サイト
２−５　GATSBYとは

WordPressのお話1
CMSとはなにか
CMS Content Maneagement System
ウェブ上で発信するコンテンツ（テキスト、画
像・・・）を管理するためのシステム。簡単な
ものから、少しややこしいものまでいろいろ。
WordPressもCMSの⼀つです。

WordPressのお話２
CMS市場シェア　世界68.2％　日本では？
Usage statistics of content management
systems　〜　W3Techs

WordPressのお話3
マイナビニュースの記事から

WordPressのお話４
WordPress⼀択でいいのか？

最近のWebサイトに
　　　　　　もとめられるもの
SEO：サーチエンジンの検索結果で上位に表⽰されるように対策するこ
と。主にというかほとんどGoogleの基準への対応。表⽰の速さとかサイ
トの情報（タイトルとか説明）がきちんと就いているかどうかなど。
スピード SEO 安全

WordPressのメリット
プラグイン：機能を拡張するためのソフトウェア。WordPressでは、セキュリティ対策
やバックアップなどいろいろな機能をプラグインで追加できます。
わかりやすいシェアが⾼い
わかりやすい⾃由無料

WordPressのデメリット
重い攻撃の対象に
なりやすい
運⽤コストが
⾼い

静的サイトと動的サイト
静的サイト
動的サイト
ユーザーサーバーデータベース
これをサクッと
作るのが静的サ
イトジェネレー
ター
〜とりあえずシンプルに説明すると
WordPressで作れるサ
イトはこっち

静的サイトジェネレーター
Gatsbyとは？
プラグインでいろいろ
な機能を実装
豊富なプラ
グイン JavaScript
htmlのように記述でき
るjsx
Reactベース
テーマ使用でサクッと
サイト構築
デプロイも簡単！
スターター

今のWebサイトに求められる要件を高度なレベルでクリア

では、サイト構築のようす
をご覧ください。

サイトのパフォーマンス測定
Lighthouse
Google公式ツールー＞公式
Chrome拡張機能または Devツール
Performance
ページ読み込み、描画、反応速度など
Accessibility
⾔語や⾊の設定、視覚障害者向け機能など
BestPractice
推奨技術使っているかなど
SEO
SEO対策できているか

・動的コンテンツが少ない
・頻繁に更新しない
静的サイトジェネレーター
Gatsbyでサイト構築！
本⽇の結論

Over40 webclubver2

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (16)

Over40 webclubver2