4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【非エンジニアでも大丈夫】ホームページ制作ツール「Googleサイト」で5分でサクッと簡単にホームページを作ってみた(無料)

Last updated at Posted at 2021-03-26

はじめに

つい先日、ITとは無縁の知り合いとこんな会話をしました。

知人:「ホームページって簡単に作れるんだね。」
私 :「簡単ってことはないけど・・・。WordPressとか?勉強したの?」
知人:「わーどぷれす?なにそれ?ポチポチして30分とかで作れたよ。」
私 :「え?は?(普段HTMLとか苦労して書いてるし30分とか絶対嘘だ)えっと・・・ブログとか?」
知人:「違う。ちゃんとしたホームページ。Googleサイトってやつ使った。」
私 :「へー。今度見てみるよ。」

~数週間後~

家でポチポチ

私 :「あ、ほんとだ・・・。」

ということで実際に5分で作った方法を説明します。

※ちなみに5分で作ったサイトはこちらです。
https://sites.google.com/view/shinkai-qiita/%E3%83%9B%E3%83%BC%E3%83%A0

Googleサイトにアクセス

Googleアカウントを持っていることが前提です。
Googleアカウントでログインしている状態で以下のURLにクリックします。

Googleサイト

すると**「Welcome」と歓迎してもらえます。迷わず「OK」**をクリックしましょう。

1.png

テンプレートの選択

次にテンプレートの選択です。
私は左端の**「空白」**を選択しました。

2.png

すると**「空白テンプレート」**といえどタイトル枠がすでに準備されていました。

3.png

ここまで1分

レイアウトの作成

画面右側のレイアウト枠から画像3つのレイアウトを選択しました。
すると左側のプレビュー兼編集画面にレイアウトが即時反映されました。

4.png

ここまで来てなんのホームページを作ろうか考えていなかったことに気づきました。
お試しということで今回は**「Qiitaの自分の記事を紹介するサイト」**にすることに決めました。

急いでいらすとやから使えそうな画像を3つダウンロード。

コンテンツの編集

画像の選択や、テキストの挿入はかなり直感的に行えました。
非エンジニアの人でもあまり迷うことはないと思います。さすがGoogle。

5.png

画像とテキスト(リンク)を入力してみました。

6.png

ここまででメイン部は完成。3分半くらい経過しています。

サイト名・タイトルの入力

ページ左上のサイト名とページ中央のタイトルを入力します。
これでホームページのレイアウト作成は完了です。

7.png

公開

まずページ右上の**「公開ボタン」**をクリックします。

8.png

**「ウェブアドレス」に自分のサイトのURLにしたい文字列を入力し、「公開ボタン」**をクリックします。

9.png

以上でホームページの作成と公開が完了しました!
5分でサクッと簡単にホームページが作成できてしまいました。

PCブラウザから確認

画面右上の**「公開」ボタン横の矢印を選択し、「公開したサイトを表示」**をクリックします。

10.png

こんな感じになりました。

11.png

スマホブラウザから確認

スマホからだとこんな感じです。ちゃんとスマホに適した表示になっています。

12.png

まとめ

本当に5分でホームページを作れてしまいました。

他にもGoogleマップやカレンダーを埋め込んだり、youtubeの動画を埋め込んだりと高機能でした!

13.png

まだまだやれることは多そうなので色々といじってみるつもりです。
すごいGoogle!

5分で作ったサイトです。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?