Gatsby/Contentful/Netlifyで爆速ブログ環境を構築いたします

通信速度、セキュリティ面、すべてにおいてwordpressブログよりも快適なブログ環境構築をいたします。

爆速ブログ

業務内容

wordpressブログのパフォーマンスの低下が心配、もしくは現状お困りではありませんか?

wordpressがどんどん重くなっていく。乗り換えたくても乗り換えられない。wordpress沼に浸かる前に、ポータビリティとセキュリティ面で優れている【Jamstack】~ウェブサーバーを存在させずにサイトを運用する構成~といわれる技術を駆使したブログ、webサイト構成を提供致します!

  • Gatsby.js:React.jsベースの静的サイトジェネレータ(フロントエンド)
  • Contentful:ヘッドレスCMS(データベース・バックエンド)
  • Netlify:静的サイトホスティングサービス(デプロイ・サーバー)
  • Github:ソースコード管理

Wordpressと比較して、弊社のブログ構成が優れている点

  • パフォーマンスが高速であること

    Gatsby.jsによる非常に高速な読み込みパフォーマンスの実現

    Jamstack構成ではあらかじめページを全て生成しておくことで、ウェブサーバーに一切依存せずページを配信できるようになります。

  • 記事のメンテナンスとブログのメンテナンスを切り分けられること
    コンテンツ管理とフロントエンド開発を切り離して開発できるので、ソースコードの管理がシンプル

  • 執筆できる場所や環境を選ばないこと(執筆に集中したい)
    Contentfulによる柔軟で場所を選ばない執筆環境

  • できるだけコストをかけたくない
    最小限のコストから始められる

  • サーバーのメンテナンスに手間がかからないこと

    Netlifyによるデプロイの自動化

    Jamstackはウェブサーバー停止の影響を受けない

    Jamstackではウェブサーバーが存在していたとしても、使用するのは準備段階のみです。
    配信時にはウェブサーバーは必要なく、例え停止してしまったとしてもページの生成に失敗するのみです。(この場合は配置処理を行わないため既に配信しているサイトへの影響も一切ありません)
    これにより厳密なサーバー監視や停止時のダウンタイムといったことへの優先度を下げられる可能性もあるでしょう。
    また、従来はサーバーが処理を行うのはアクセスの度だったのに対しJamstackではページ生成処理を行う時のみです。
    これにより特にアクセス回数の多いサイトほどウェブサーバーの性能や台数を抑えることができ、サーバー運用コスト面で大きな利点が出てきます。
    事例としてはサーバー運用コストが従来に比べて数百分の1になるケースなども出てきています。

  • 必要な機能やデザインを自由に追加・編集できること
    プラグインでEmotionなど既存のCSSフレームワークの導入が容易

  • SEO対策ができる
    既存のSEOはwebサイト、ブログの読み込みスピードが最重要視されている。

wordpress環境を選択した場合のデメリット

−ウェブサーバー停止のリスク
既存のwordpressサイトで多く採用されている環境構築の場合、アクセスの度にウェブサーバーが毎回処理を行う必要があるため、仮にウェブサーバーが停止してしまうと利用者にページを提供できなくなってしまいます。
これによって厳密なウェブサーバーの運用が必要となり、サーバー監視やトラブル時の対応のための体制作りなど、守りのためのコストが多くかかってしまいます。

−大量のアクセスに対して対応を行う場合のコスト
大きく2つ、ひとつはサーバーの台数を増やす方法、もうひとつはサーバーのスペックを上げる方法があります。
これらによって大量のアクセス自体には対応できますが、サーバー運用のための費用がかなり高くなってしまう点や大量のアクセスを検知して対応を行う作業コストなどの課題が多いです。

−セキュリティへの懸念
ウェブの世界では脆弱性(ぜいじゃくせい)という言葉がよく使われます。
脆弱性とは不正なアクセスや利用方法によってシステムに損失を与えたり情報を漏洩させるなどの欠陥がある状態のことです。

脆弱性を露見させるための一つの方法としてウェブサーバーが行う処理の穴をつく必要があります。
従来の方式の場合、利用者からウェブサーバーに直接アクセスしているため、攻撃者視点では処理の穴を突くための窓口がそのまま晒されていることになります。

脆弱性への高度な対応というのは非常に重要かつコストがかかります。
ウェブサーバーが見えるところに配置されている従来の方式ではこうした対応が常に必須かつ最優先と考えるべきでしょう。

Webサイトの種類
ブログサイト構築
プラットフォーム・ツール
WordPress

基本料金

プラン
30,000

ベーシック

ContentfulとGatsbyjsとNetlifyを使用したブログ構築
-コンテンツアップロードサポート
-レスポンシブデザイン
-ソースコード提供
30,000

スタンダード

ContentfulとGatsbyjsとNetlifyを使用したブログ構築
-コンテンツアップロードサポート
-レスポンシブデザイン
-ソースコード提供
50,000

プレミアム

【スタンダードプランを3日でお届け最速プレミアムプラン】
納期
7 日
7 日
3 日
合計
30,000円
30,000円
50,000円

出品者

爆速ブログ
爆速ブログ (trmonchi)

ブログ構築 ECサイト構築 LP制作 Reactjs/JavaScript/CSS/HTML

  • 0 満足
    0 残念
  • 本人確認
  • 個人
  • グルジア

ブログやwebサイトの表示スピードが気になる性格なので、その周りの技術屋さんになろうと決めました。受注は主にCMS構築、フロントエンド周りが中心です。(なかなかNextjs/vercelまで技術領域を広げられない...)
最近は趣味でC++, Rust, Go を使用した速度重視の競技プログラミング参加にハマっています。

▼受注可能な業務
JAMstack ブログの構築 (Gatsbyjs/Contentful/Netlify)
HTML/CSS/JavaScriptを使用した個人/法人様のランディングページ作成

* Jamstackブログとは?

Jamstackではページを表示するためのHTMLファイル(マークアップ)を事前に生成しておき、ユーザからのリクエストが来たらそれを表示します。 これが静的な特徴です。 一方で動的な機能もJavascriptやAPIを使うことによって実現することができます。


【個人制作プロジェクト】

・Crypto Tracker
CoinGeckoAPI/SwiftUIを使用したリアルタイムでCryptoCurrencyの価格を追跡することができるiOSアプリケーション。MVVMモデルアーキテクチャで構成。暗号資産リアルタイム情報および詳細を検索することができる。
・Monchify
iOSの音楽プレーヤーのオリジナルデザインの3スクリーンサンプル。Spotify社のWebAPIと連携した音楽プレイヤー。MVCモデルのアーキテクチャで構成。

注文時のお願い

Gatsbyjs/Netlify/Contentful の技術をメインでブログ構築いたしますが、他の技術利用のブログ構築の相談も承ります。
Wordpressからのサイト乗り換えも承ります。
お気軽にお問い合わせください。
  • 30,000

    ContentfulとGatsbyjsとNetlifyを使用したブログ構築
    -コンテンツアップロードサポート
    -レスポンシブデザイン
    -ソースコード提供

    納期 7日

    今相談すれば最短1営業日以内で依頼できます

    受付休止中

    ※金額・依頼内容の調整も相談できます

  • 30,000

    ContentfulとGatsbyjsとNetlifyを使用したブログ構築
    -コンテンツアップロードサポート
    -レスポンシブデザイン
    -ソースコード提供

    納期 7日

    今相談すれば最短1営業日以内で依頼できます

    受付休止中

    ※金額・依頼内容の調整も相談できます

  • 50,000

    【スタンダードプランを3日でお届け最速プレミアムプラン】

    納期 3日

    今相談すれば最短1営業日以内で依頼できます

    受付休止中

    ※金額・依頼内容の調整も相談できます

  • カスタマイズ

    プランが決まってない方はまず相談しましょう

    まずは相談する(無料)