teto tech blog

<p>ある程度フロントエンドの勉強をすると、ブログを始めてみたくなると思います。</p>
<p>話題のJamstackなブログをつくってみたいけど...</p>
<ul>
<li>1から作ると時間がかかる🤔</li>
<li>今更Wordpressでブログを始めるのはちょっと🤔</li>
<li>続くかわからないのにお金をかけたくない🤔</li>
</ul>
<p>とにかく早く記事を書き始めたい...という方は『Newt』というサービスを活用してみてはいかがでしょうか。フロントエンドを勉強している方なら、すぐに始められると思います。</p>
<p>実はこのブログもNewtを活用し、実質1日もかからずに初回の記事まで投稿し、ウェブに公開することができました！<br>
<br></p>
<h2>Newtは国産のヘッドレスCMSサービスです。</h2>
<p><img src="https://storage.googleapis.com/p_632e7d258834f719d0fd6276/112c2781-0566-4ba5-ab50-a9e674a40a9b%2Fnewt1.jpg" alt="newt1.jpg"></p>
<p>簡単にまとめるとヘッドレスCMSはブラウザ上で記事を書き、APIとして吐き出させるシステムです。</p>
<p>今回オススメしたいNewtは国産ということもあり、誰でも直感的にが可能です。しかも無料プランで十分なところもポイントです。</p>
<p><a href="https://www.newt.so/">新しいコンテンツ管理の体験 ヘッドレスCMS「Newt」</a></p>
<br>
<h2>Newtがおすすめな理由</h2>
<p><img src="https://storage.googleapis.com/p_632e7d258834f719d0fd6276/1d417c7b-7f75-44a2-9642-acbffa412375%2Fnewt2.jpg" alt="newt2.jpg"></p>
<p>他のヘッドレスCMSとは違い、NewtにはAppテンプレートとスターターが用意されており、爆速でWebサイトの立ち上げが可能です。スターターはMITライセンスの範囲であれば自由に改変が可能ですので、技術さえあれば好きなようにカスタマイズできます。</p>
<p>先程から述べているJamstackなWebサイトとは下記を満たすものです。</p>
<ul>
<li>JavaScriptベースでブログを作る</li>
<li>APIを叩いて情報を取得する</li>
<li>Markアップ言語で記事を書く</li>
<li>Statc（static-静的）なホームページ</li>
</ul>
<p>Newtのスターターを利用することで、上記の上から3つまでを満たすことができます。</p>
<p>4つめはNetlifyやVercelなどの静的コンテンツのホスティングサービスにデプロイするだけです。</p>
<p>webの公開までなんと無料です。1円もお金がかかっていません。</p>
<p>私の場合はgoogleアドセンス申請やその他のメリットのためドメインを追加で契約していますが、それでも年間数百円程度です。<br>
<br></p>
<h2>立ち上げの速さならWordPressでもいいのでは？</h2>
<p><img src="https://storage.googleapis.com/p_632e7d258834f719d0fd6276/6249fd85-c65a-44d2-93f7-40f99955981c%2Fwordpress.jpg" alt="wordpress.jpg"><br>
はい。ブログを始めるだけならWordPressでも構わないと思います。しかしJamstackなWebサイトに興味を持っている方であれば、JavaScriptに興味がある・勉強してる方やすでにフロントエンドエンジニアの方だと思います。</p>
<p>ネットに情報が溢れているとはいえ、WordPressに拒否反応が出る方も多いかと思います。そのような方ならJamstackなサイトでブログを運営するのはピッタリです。</p>
<p>もちろん、WordPressにもメリットがあり以下のような理由から、利用が減ることはないと断言ができます。</p>
<ul>
<li>圧倒的な使用シェア率で、ネットや書籍の情報の成熟度が段違い。</li>
<li>プログラミング等の専門知識がないライト層でも扱うことができる。</li>
<li>そもそもWordPressをJamstackサイトに組み込める。<br>
<br></li>
</ul>
<h2>WordPressと比べたJamstackのメリット・デメリット</h2>
<p><img src="https://storage.googleapis.com/p_632e7d258834f719d0fd6276/e497088e-d444-4fde-b2fb-89cd591d4213%2FJamstack.jpg" alt="Jamstack.jpg"></p>
<p>正確にはWordPressとJamstackを純粋に比べることはできませんので『ブログを立ち上げて、記事を書き、運営する。』という点に絞り、メリットとデメリットを挙げたいと思います。</p>
<p><strong>◎ メリット</strong></p>
<ul>
<li>サイト自体のパフォーマンスが高く、スピードが速いため、Googleの評価が上がる=SEOに有効</li>
<li>自由なデザインでサイトを構築することができる。</li>
<li>WordPressよりセキュリティが高い（WordPressのサイトはURLの末に/wp-adminを足すと管理のログイン画面に行けてしまう・WordPressほど攻撃の標的にならない など）</li>
<li>コンテンツ（記事）を残したまま、ブログの移管やアップグレード・機能追加が簡単にできる ⇒ 規模を小さく始めることができる。</li>
<li>別途サーバーを契約する必要がないため、コストがかからない。</li>
<li>WordPress独自のお作法に時間を取られない。</li>
</ul>
<p><strong>✕ デメリット</strong></p>
<ul>
<li>プログラミング（JavaScript）の知識が必須。⇒ Newtのスターターを使うことで本当に最低限でOK</li>
<li>WordPressと比べ情報が少ない。<br>
<br></li>
</ul>
<h2>Newt + スターターを使用したJAMstackなサイトの立ち上げ</h2>
<p>想定より長くなってしまいましたので、具体的なNewtのスターターを使用したブログの立ち上げについては、次回に持ち越します。ここまでご覧いただきありがとうございました。<br>
<br></p>
<p><a href="https://teto-tech.com/article/newt-blog2">次回 &gt;&gt; 【Newt】スターターを活用したツラくないJamstackブログ開設</a><br>
<a href="https://teto-tech.com/article/newt-blog2"><img src="https://storage.googleapis.com/p_632e7d258834f719d0fd6276/7d877e38-0a05-45b6-ab51-e315041e3de5%2Fnewt-eyecatch2.jpg" alt="newt-eyecatch2.jpg"></a></p>


【Newt】たった1日で書き初め！実質無料でJamstackブログ開設

2022年の投稿

【Newt】たった1日で書き初め！実質無料でJamstackブログ開設

【運営方針】React / Next.js の開発の初心者が、役に立ったことを発信します。