zipって何?テンプレートファイルのダウンロードからHTML編集までの流れ【超初心者向け】

zipって何?テンプレートファイルのダウンロードからHTML編集までの流れ【超初心者向け】

初めてサイトを作るとき、多くのケースでテンプレートを利用することになります。当サイトでは、テンプレートを「zipファイル」にして配布しています。

しかし、zipファイルをいざダウンロードしてみても、その先どうすればいいのかわからない人も少なくないと思います

  • zipファイルってどういうもの?
  • 「zipを解凍する」ってどういうこと?
  • HTMLファイルが開けない!

この記事では、zipファイルやHTMLファイルを初めて扱う人向けの、テンプレート編集以前のファイルの扱い方を解説します。

この記事では、Windows10での操作を説明します。Macintoshなど別のOSだと必要な操作が異なる場合があります。

そもそもzipファイルとは

zipファイルとは、フォルダやファイルを圧縮し、一つのファイルにしたものです。

ファイルをメールで送信したり、ブラウザからダウンロードするとき、基本的には「1ファイル」ずつしか送受信することができません。そのため、一度に大量のファイルをやりとりする場合には、1つずつ送受信すると膨大な手間と時間がかかってしまいます。

「やりとりしたいファイルをひとつのフォルダにまとめて、フォルダごと送受信すればいいんじゃ?」と思われるかもしれませんが、「フォルダ」は「ファイル」ではないため、フォルダごと送受信することはできないのです。

そこで、複数のファイルを圧縮し、ひとつのzipファイルにすれば、zipファイルだけを送受信すればいいため、手間と時間を大幅に省くことができます

引っ越しの際に大量の荷物をひとつずつ運ぶのではなく、段ボールにまとめて運ぶのと同じです。やりとりしたいものを一つにまとめて、運びやすくするようなイメージですね。

zipファイルの特徴

zipファイルは、解凍(「展開」と呼ぶこともあります)することではじめて中に入っているファイルを扱えるようになります。おそらく、zipファイルを初めて扱うにあたり、多くの人がここでつまずくと思います。

zipファイルをダウンロードした後、どうすればいいか

zipファイルがどこに保存されたかを確認

「ファイルをダウンロード」ボタンをクリックすると、zipファイルのダウンロードがはじまります。ダウンロードしたファイルは、たいていの場合、エクスプローラーを開き「PC」の中の「ダウンロード」フォルダに保存されます。

保存したファイルのありか

もし、ダウンロードしたファイルがここにない場合でも、ブラウザのダウンロード履歴からどこに保存されたか確認できます。ダウンロード履歴の確認方法はブラウザによって違うので、「ブラウザ名 ダウンロード履歴」などの語句で、Googleなどで検索してみてください。

zipファイルを解凍(展開)する

ダウンロードしたzipファイルを右クリックすると、「すべて展開」という選択肢があります。

zipファイルの解凍

「すべて展開」をクリックすると、解凍したフォルダを保存したい場所を聞かれるので、保存場所を選択して、zipファイルを解凍(展開)します。

すると、選択した場所に、展開したzipファイルと同じ名前のフォルダが生成されます。

zipファイル展開後

このフォルダの中に、HTMLなどさまざまなファイルがまとめて入れられています。さらに、展開後のフォルダに入っているのは、圧縮されていない普通のファイルなので、自分で編集することができます。

テンプレートの編集方法については、こちらの記事で詳しく解説しているので、参考にしてください。

HTMLが開けない?

解凍してできたフォルダを開いてみると、HTMLファイルのアイコンがブラウザのマークになっている場合があります。

HTMLファイルのアイコンがブラウザマークになっている場合
HTMLファイルのアイコンがGoogle Chromeのアイコンになっている例

このような場合、HTMLファイルをダブルクリックして開いても、ブラウザが立ち上がるだけで、ファイルを編集することができません。

HTMLファイルを編集するには、アイコンを右クリックし、「プログラムから開く」から、利用したいテキストエディタを選択します。

HTMLファイルを開いて編集する

テキストエディタについては、メモ帳でも編集できなくはないのですが、上で紹介した記事の中でおススメのものをいくつか紹介しているので、自分に合うものを探してみてください。

最後に

初めてHTMLテンプレートを扱う場合は、馴染みのない言葉やツールが必要になるため、最初は大変だと思います。

しかし、今は検索エンジンでいろんなことが調べられる良い時代です。わからないことがあれば、その都度調べてみて少しずつ覚えていけば、きっと理想のサイトが作れるようになるはずです。

doでは、個人サイト制作を頑張るみなさんを応援しています

創作・同人サイトにオススメのサーバー

スターサーバー キャンペーン中!

オススメ度  star star star star star

スターサーバーでは2021年5月10日まで、すべてのプランの初期費用が無料になるキャンペーンを実施中です!キャンペーン期間中は、月額440円のスタンダードプランより上位のプランを12ヵ月以上で新規契約すると、契約期間を1年分無料延長できるほか、.comや.netなどのドメインが1年間利用無料になります。

使用料 初期費用1,650円無料!
最低月額138円〜
WordPress有は月額330円〜
容量 10GB〜
WordPress エコノミープランのみ不可
その他のプランは可
簡単インストール機能付き
成人向けコンテンツ 不可

最低月額138円のローコストで、大容量・高速のサーバーが利用できます。契約中のプラン変更も可能。とりあえず有料サーバーを試したい方にオススメ

スターサーバー

ロリポップ!レンタルサーバー

オススメ度  star star star star star

使用料 初期費用1,500円~
最低月額100円〜
WordPress有は月額250円〜
容量 10GB〜
WordPress エコノミープランのみ不可
その他のプランは可
簡単インストール機能付き
成人向けコンテンツ

月額100円から使える、コスパ最強の老舗レンタルサーバー!個性的で可愛いドメインが選べるのも魅力的。当サイトもロリポップ!を利用しています。

ロリポップ!レンタルサーバー

リトルサーバー

オススメ度  star star star star star_half

使用料 初期費用920円
最低月額150円〜
容量 20GB〜
WordPress すべてのプランで可
成人向けコンテンツ

比較的新しいレンタルサーバー。なんと缶ジュースほどの値段でWordPressを安定したサーバーで使える!7日間の自動バックアップ機能もあって、もしものときも安心。個人サイトの新しいスタンダードになるかも

リトルサーバー

さくらのレンタルサーバ

オススメ度  star star star star star_half

使用料 初期費用1,048円~
最低月額131円〜
WordPress有は月額524円〜
容量 10GB〜
WordPress ライトプランのみ不可
その他のプランは可
クイックインストール機能付き
成人向けコンテンツ

自動バックアップなど、安心・快適にサイトを運営する機能が魅力のレンタルサーバー。財布にも優しいのが◎。もちろんWordPressも使えます

さくらのレンタルサーバ

XREA Free

オススメ度  star star star star star_border

使用料 無料
容量 1GB
PHP
WordPress
いずれも使用可

なんと無料ながらWordPressも使える。必要な機能を必要なだけ、シンプルなレンタルサーバー。物足りなくなったら有料プランへグレードアップも可!手軽に始められて、初心者にもやさしい仕様

XREA
レンタルサーバー比較