質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
AMP(Accelerated Mobile Pages)

AMP(Accelerated Mobile Pages)は、Google社を始め複数のプラットフォームが共同で参加しているプロジェクト。モバイルユーザーのUX向上を目的とし、モバイルページの表示速度の高速化を図っています。

SEO

SEO(Search Engine Optimization)は、検索エンジンでウェブページがランキング上位に上がるように工夫する様々なテクニックの事です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

1回答

2782閲覧

ReactのNext.jsでのSSRと、GatsbyでのSSR、PHPでの実装のどれが優れているでしょうか。

basicemkk

総合スコア30

AMP(Accelerated Mobile Pages)

AMP(Accelerated Mobile Pages)は、Google社を始め複数のプラットフォームが共同で参加しているプロジェクト。モバイルユーザーのUX向上を目的とし、モバイルページの表示速度の高速化を図っています。

SEO

SEO(Search Engine Optimization)は、検索エンジンでウェブページがランキング上位に上がるように工夫する様々なテクニックの事です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

1クリップ

投稿2019/04/30 04:44

タイトルがざっくりしすぎているので、以下で捕捉させていただきます。
##実現したいこと
・ECサイトを作りたい。
・商品数は10万まで。
・seoを考慮しつつ、ローディング時間を削ることに注力したい。
・スマホからの流入が多いと思われるため、なるべくampで作成したい。
・将来的には、一日に100万pvを取る可能性もあるが、恐らく10万程度で安定する。
・そこからは僕ではさばけないと思うので、外部で雇うのですが、その際にサイト設計を一からといのを避けたい。

商品ページを記事の投稿と捉えて何かしらのcmsで管理したいと考えています。
その中で従来のようにPHPで管理する手段と、Reactのような新しめのフロントエンドのどちらかを選ぶかで悩んでいます。
###PHPでの実装について
PHPで管理する場合、数が多いのでテーブルをカスタマイズしたWordPressで記事投稿を管理し、出力はWordPressのテーマを作成するつもりです。
この方法ですと、明るくはないですがセキュリティやローディングなどの高速化の技術に不安があります。
なお、自分はPHPでテーマやプラグインを作成したことがある程度でWordPress以外でサイトを作ったことが1度しかありません。
###Reactでの実装について
次にReactを使用した時の話ですが、SEOを考える上でNext.jsとGatsbyのどちらかの使用を考えています。
ユーザーの動作に起因したアクションはほとんど考えていないため、Gatsbyの方が要件に合致している気がしますが、以下の点が不安です。
「buildが一斉のため、10万ほどあるとbuildに時間が相当かかることが考えられる。」という点です。
これに関して、watchmanなどの差分buildができるとしたらgatsbyに決定なのですが、できないOR難しすぎるならば、Next.jsの使用も視野に入れています。
React Staticは興味があるものの使用したことがないため、そこがネックです。
ただNext.jsでは無駄に機能が多い気もして、総合的に一番必要十分な方法を考えているのですが、決心ができていません。

自作でSSRをするや、PHPで自作サイトをするですと、メモリ使用など細かいところまで考えてコーディングできる自信がなく、結果的に低速化になる可能性もある気がします。また、そこまでweb制作に時間が割けられないというのが実情です(アプリとの連携を視野にアプリ制作に注力しています)。

##伺いたいこと
煩雑になってしまい申し訳ございません。結論としましては、以上のもので悩んではいるものの、以上三点の中で最もローディング(UXの観点から)が速くSEO的に優れたものを採用したいのですが、どれが最も優れているでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/04/30 07:28 編集

SEOに強い、を言い換えるとどういう意味なのか、で考えれば答えが出るはず。ちゃんと質問者さんの言葉で表現していただかないと。
guest

回答1

0

比較対象にならないものを比較してもどうしようもない。
ECサイト作れるレベルではないので最初から外部に依頼したほうがいい。

投稿2019/04/30 07:18

kawax

総合スコア10377

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問