Web制作・ブログ運営で利用しているサービスまとめ

Web制作やブログ運営を始めると、コードを書くためのツールだけではなく、Webサイトを公開するためのサービスや、アクセスを確認するためのサービスなど、さまざまなものを使うようになります。

私もWeb制作を勉強する中で、少しずつ使うツールやサービスが増えてきました。

Webサイトを作るための環境、ブログを運営するための環境、アクセスを確認するための環境、そしてブログを収益化するためのサービス。

それぞれに役割があり、最初は「どれを使えばいいんだろう？」と迷うこともあります。

そこで今回は、Noah LabのWeb制作やブログ運営で利用しているサービスを、用途ごとにまとめて紹介します。

これからWeb制作やブログを始めたい方が、自分に必要なサービスを考えるときの参考になれば嬉しいです。

Web制作・ブログ運営ではいろいろなサービスを使う

Web制作を始めたばかりの頃は、HTMLやCSSを書くための環境があれば十分だと思っていました。

しかし、実際にWebサイトを作って公開したり、ブログを運営したりするようになると、必要になるものが少しずつ増えていきます。

例えば、

• Webサイトを公開するためのサーバー
• Webサイトの住所となるドメイン
• ブログを管理するWordPress
• アクセス状況を確認するサービス
• 検索状況を確認するサービス
• Webデザインを作るサービス
• コードを管理するサービス
• アフィリエイト広告を探すサービス

などがあります。

全部を最初から使いこなす必要はありません。

自分が何をしたいのかを考えて、必要になったサービスから少しずつ使っていけば大丈夫です。

Web制作・ブログ運営で利用しているサービス一覧

現在のNoah Labでは、Web制作やブログ運営に関わるさまざまなサービスを利用しています。

サービス	主な用途	利用する場面
XServer	レンタルサーバー	Webサイト・ブログの公開
独自ドメイン	WebサイトのURL	ブログ運営
WordPress	CMS	ブログ・Webサイトの管理
Google Analytics	アクセス解析	ブログのアクセス確認
Google Search Console	検索状況の確認	SEO・検索流入の確認
Figma	Webデザイン	レイアウト・デザイン制作
GitHub	コード管理	Web制作・ファイル管理
A8.net	アフィリエイト	広告案件の検索・提携
もしもアフィリエイト	アフィリエイト	商品・サービスの紹介

サービスによって役割が大きく違うので、ここから一つずつ紹介していきます。

Webサイトを公開するために使っているサービス

XServer

Webサイトやブログをインターネット上で公開するために必要になるのが、レンタルサーバーです。

Noah Labでは、WordPressを使ったブログを運営するためにレンタルサーバーを利用しています。

Webサイトを作っても、インターネット上に公開するための場所がなければ、他の人に見てもらうことができません。

そのため、ブログを始めるときには、まずサーバーについて考えることになります。

レンタルサーバーを選ぶときには、

• WordPressを使いやすいか
• 料金はどのくらいか
• 管理画面が分かりやすいか
• サポートがあるか
• 自分が作りたいサイトに合っているか

などを確認するようにしています。

レンタルサーバーは長く使うことになる可能性があるので、料金だけではなく、実際に使いやすいかどうかも考えて選ぶことが大切だと思います。

独自ドメイン

ドメインは、WebサイトのURLとして使われるものです。

例えば、ブログを自分で運営する場合には、自分だけのドメインを取得してサイトを公開することができます。

ブログを長く続けていくことを考えると、サイトの名前やブログの内容に合ったドメインを考えることも大切です。

ドメインを決めるときには、

• 覚えやすいか
• ブログの名前と合っているか
• 長すぎないか
• 将来的にも使いやすいか

などを考えました。

ドメインは一度決めたら長く使うことになる場合もあるので、最初にしっかり考えておきたい部分です。

ブログを運営するために使っているサービス

WordPress

ブログの記事を作成したり、固定ページを管理したりするために使っているのがWordPressです。

WordPressでは、

• ブログ記事の投稿
• 固定ページの作成
• カテゴリーの管理
• メニューの設定
• テーマの変更
• プラグインの追加

など、ブログ運営に必要なさまざまなことができます。

Noah LabもWordPressを使って運営しています。

Web制作を勉強していると、HTMLやCSSを直接書いてWebサイトを作ることがあります。

一方で、WordPressを使うとブログの記事を管理しやすくなるため、Web制作とブログ運営の両方を学んでいる私にとっても、勉強になる部分が多いと感じています。

アクセスを確認するために使っているサービス

ブログを公開したら、それで終わりではありません。

記事を投稿した後、

「どのくらい見てもらえているのか？」

「どの記事が読まれているのか？」

などを確認することも大切です。

そこで利用しているのがアクセス解析や検索状況を確認するためのサービスです。

Google Analytics

Google Analyticsは、Webサイトのアクセス状況を確認するために利用しています。

ブログを運営していると、

• どのくらいアクセスがあるのか
• どの記事が見られているのか
• ユーザーがどのようにサイトを見ているのか

など、さまざまなデータを確認したくなります。

記事を書いて終わりではなく、実際にどのように読まれているのかを確認することで、今後の記事作りやサイト改善について考える材料にもできます。

最初からすべてのデータを細かく分析する必要はありません。

まずは基本的なアクセス状況を確認するところから、少しずつ使い方を覚えていくのがいいと思います。

Google Search Console

Google Search Consoleは、検索エンジンから見たWebサイトの状況を確認するときに利用しています。

ブログを運営していると、

「検索結果に表示されているのかな？」

「どんなキーワードで検索されているのかな？」

と気になることがあります。

Google Analyticsがサイトへ訪れた後のアクセス状況を確認するものだとすると、Google Search Consoleでは検索エンジンからの流入や検索状況を確認するために使います。

ブログを長く運営していくのであれば、こうしたデータも少しずつ確認していきたいと思っています。

Webデザイン・Web制作で使っているサービス

Figma

Webサイトのデザインを考えるときに利用しているのがFigmaです。

Webサイトを作るとき、いきなりコードを書き始めるのではなく、先にページのレイアウトやデザインを考えることがあります。

Figmaでは、

• Webサイトのレイアウト
• ボタン
• カード
• 画像の配置
• 文字の配置
• ページ全体のデザイン

などを考えることができます。

実際にWebサイトを作ってみると、コードを書くことだけではなく、

「この情報をどこに置くのか」

「どこを目立たせるのか」

「どのくらい余白を取るのか」

といったデザインの部分も重要だと分かります。

そのため、Web制作を勉強する中で、デザインを考えるためのツールも活用しています。

GitHub

Web制作で書いたコードを管理するときに利用しているのがGitHubです。

Webサイトを作っていると、HTMLやCSS、JavaScriptなど、さまざまなファイルを扱うようになります。

制作したコードを整理して管理したり、変更履歴を確認したりするためにも、コード管理の仕組みを知っておくことは大切だと感じています。

また、Web制作を続けていく中で、自分が作ったものを整理して残しておくことも重要だと思っています。

ブログを収益化するために利用しているサービス

Web制作やブログ運営を続けていると、少しずつ「ブログを収益化する」ということについても考えるようになります。

Noah Labでは、Web制作に関連するサービスや、実際に役立つ商品・サービスなどを紹介しながら、アフィリエイトにも取り組んでいく予定です。

そこで利用するのが、アフィリエイトサービスです。

A8.net

A8.netは、ブログなどでアフィリエイトを始めるときに利用できるASPの一つです。

ASPでは、さまざまな企業の商品やサービスの広告案件を探すことができます。

Web制作をテーマにしたブログであれば、

• レンタルサーバー
• Webサービス
• ソフトウェア
• オンラインサービス

など、自分のブログテーマと関連する広告を探すことができます。

ただし、広告があるからといって何でも紹介するのではなく、読者にとって本当に役立つものなのかを考えて選ぶことが大切だと思っています。

また、広告の内容や報酬、提携条件などは変更されることがあるため、利用するときは最新の情報を確認するようにしています。

もしもアフィリエイト

もう一つ利用しているのが、もしもアフィリエイトです。

こちらもアフィリエイト広告を探して、ブログで商品やサービスを紹介するときに利用できます。

ブログでは、実際に使った商品やサービスについて、

「使ってみてどうだったのか」

「どんなところが便利だったのか」

「どんな人に向いているのか」

など、自分の体験を交えながら紹介することができます。

Noah Labでも、Web制作をしていく中で実際に使ったものやサービスについて、読者の参考になるような記事を作っていきたいと思っています。

サービスを選ぶときに大切にしていること

Web制作やブログ運営を始めると、たくさんのサービスがあることに気づきます。

その中からどれを使うか迷うこともあります。

私がサービスを選ぶときに意識したいと思っているのは、単純に「人気だから」「安いから」だけで決めないことです。

自分の目的に合っているか

まず考えたいのが、自分が何をするためにそのサービスを使うのかということです。

例えば、

ブログを始めたいならWordPressやレンタルサーバー。

アクセスを確認したいならGoogle Analytics。

検索状況を確認したいならGoogle Search Console。

Webデザインを作りたいならFigma。

というように、目的によって必要なサービスは変わります。

実際に使いやすいか

機能がたくさんあっても、自分が使いこなせなければ意味がありません。

特に初心者のうちは、管理画面が分かりやすかったり、操作方法を調べやすかったりするサービスのほうが使いやすいと感じることがあります。

長く使えるか

Webサイトやブログは、始めてすぐに終わるものではありません。

長く続けることを考えるなら、

「これからも使いやすそうか」

「自分の目的に合っているか」

ということも考えて選びたいと思っています。

公式情報を確認する

サービスの料金や機能、利用条件などは変更されることがあります。

そのため、実際に契約や登録をするときには、各サービスの公式サイトで最新情報を確認することも大切です。

最初から全部のサービスを使う必要はない

ここまでさまざまなサービスを紹介しましたが、Web制作やブログを始めたばかりの人が、最初から全部使う必要はありません。

むしろ、最初からたくさんのサービスを登録すると、

「結局どれを使えばいいの？」

と迷ってしまうこともあります。

まずは必要なものから始めて、制作やブログ運営を続けながら少しずつ増やしていけば大丈夫です。

例えば、

STEP 1：Web制作を学ぶ

HTMLやCSSなどの基本を学びます。

↓

STEP 2：実際にWebサイトを作る

架空のサイトなどを作りながら、実際の制作を経験します。

↓

STEP 3：Webサイトを公開する

レンタルサーバーやドメインを用意して、Webサイトを公開します。

↓

STEP 4：WordPressでブログを運営する

記事を投稿したり、カテゴリーを整理したりしながらブログを育てます。

↓

STEP 5：アクセスを確認する

Google Analyticsなどを使って、ブログの状況を確認します。

↓

STEP 6：検索状況を確認する

Google Search Consoleなどを使って、検索からの流入を確認します。

↓

STEP 7：ブログを少しずつ改善する

アクセス状況や読者の反応などを参考にしながら、記事やサイトを改善します。

↓

STEP 8：収益化に挑戦する

ブログの内容に合ったアフィリエイトサービスを利用して、商品やサービスを紹介します。

このように、必要になったタイミングでサービスを増やしていけば十分です。

実際に使ってみて分かったこと

Web制作やブログ運営に関わるサービスを使ってみて感じたのは、一つのサービスだけですべてを完結させるわけではないということです。

Webサイトを公開するためのサービス。

ブログを管理するためのサービス。

アクセスを見るためのサービス。

デザインを考えるためのサービス。

コードを管理するためのサービス。

ブログを収益化するためのサービス。

それぞれに役割があります。

最初はサービスの数が多く感じましたが、役割を理解していくと、

「これは何のために使うものなのか」

が少しずつ分かるようになりました。

また、実際に使ってみることで、自分にとって必要な機能や使いやすさも分かってきます。

Web制作とブログ運営を組み合わせて学んでいきたい

Noah Labでは、Web制作について学ぶだけではなく、実際にブログを運営しながら、Webサイトを作ることについても学んでいきたいと思っています。

HTMLやCSSなどのコードを勉強する。

↓

実際にWebサイトを作る。

↓

WordPressでブログを運営する。

↓

記事を書く。

↓

アクセス状況を確認する。

↓

サイトを改善する。

このように、実際に手を動かしながら経験を積んでいくことで、Web制作についてさらに理解できるようになると思っています。

これからも使ってみて良かったものや、制作の中で役立ったサービスがあれば、Noah Labで紹介していきたいと思います。

まとめ

今回は、Web制作・ブログ運営で利用しているサービスについてまとめました。

Web制作やブログ運営では、それぞれの目的に合わせてさまざまなサービスを使います。

今回紹介したものをまとめると、

• XServer
• 独自ドメイン
• WordPress
• Google Analytics
• Google Search Console
• Figma
• GitHub
• A8.net
• もしもアフィリエイト

などがあります。

ただし、最初からすべてのサービスを使う必要はありません。

まずはWeb制作を学び、実際にサイトを作ってみる。

そして、ブログを始めたり、アクセスを確認したり、収益化を考えたりする中で、必要なサービスを少しずつ増やしていけば大丈夫です。

私自身も、Web制作やブログ運営を続けながら、「これは便利だな」「もっとこうしたいな」と感じるものを少しずつ取り入れていきたいと思っています。

これからも実際に使ってみたサービスや、Web制作・ブログ運営で役立ったものがあれば、Noah Labで紹介していきます。

「ゆるり、学んで、つくって。」

これからも実際に作りながら、Web制作とブログ運営を少しずつ学んでいきたいと思います。