アイストのススメ

学びプラス情報

【Web】ファイルの保存・整理整頓術

  • PC

  • Web/デザイン講座

  • Web/動画

記事のカテゴリー

  • 学習に役立つ豆知識・スキル

こんな方に読んでほしい

  • Web動画講座を学習中の方

記事から得られること

  • どこにファイルを保存したか迷わないようになる。 フォルダ名ファイル名の付け方、管理の仕方がわかる。

「整理・整頓」「使ったものは片づけましょう」

この言葉はほとんどの方が幼い頃から繰り返し聞かされている言葉でしょう。

整理整頓が出来てなくて探し物が見つからなくて苦労した経験があると思います。


パソコンも同じです。
PCのデスクトップがファイルやフォルダで散らばっていませんか?

今回はWindows・Macでそれぞれファイルの管理方法や名前の付け方を紹介します。


【ファイルの保存場所】

これを覚えればデスクトップがスッキリ!

・Windows編 

WindowsPCのタスクバー(画面の下に表示されているバー)には
エクスプローラーというアイコンがあります。

ファイルを探すのに困ったらこのアイコンをクリックしましょう。

するとエクスプローラーのウィンドウが表示されます。

ウィンドウの左側にはクイックアクセスの文字があり
これをダブルクリックするとデスクトップ、ダウンロード、ドキュメントなどの文字が表示されます。

インターネットからダウンロードしたファイルは基本的にダウンロードに保存されます。

そしてファイルの保存場所の第一候補となるのがドキュメントです。
ダウンロードに保存されたファイルもそのままにせず、ドキュメントに移動しましょう

他にはエクスプローラーウィンドウの左側にPCの文字があります。

これをダブルクリックするとDATA(D:)が表示されます。
DATA(D:)がファイルの保存場所の第二候補です。

ドキュメントとDATA(D:)はWindowsPCの中にファイルを保存することになります。

それ以外の保存場所としては、クラウドに保存する方法があります。
クラウドとはインターネット上に保存すると理解してください。

マイクロソフトのクラウドサービスでOnedrive(ワンドライブ)があります。
アドビのクラウドサービスはAdobeCreativeCloud(AdobeCC)です。

Adobeのソフトをインストールすると
エクスプローラーウィンドウの左側にCreativeCloudFilesの文字があると思います。
こちらに保存してもいいですね。

ただしクラウドに保存する場合はインターネットに繋がっている状態であることが条件です。
またネットの速度によって保存までの時間が長くなる場合もあります。

・Mac編 

Macの場合は通常デスクトップ画面の下にDock(ドッグ)が表示されています。
このDockの左端にあるアイコン(Finder)をクリックします。

FinderアイコンがWindowsのエクスプローラーに相当します。

Finderをクリックするとウィンドウが表示されます。
ウィンドウの左側に書類という文字があると思います。ここをクリックしてください。

Macでは基本的に書類の中にファイルを保存します。
その他ダウンロードやクラウドはWindowsと同じです。

またMacの場合は、iCloudDrive(アイクラウドドライブ)も表示されると思います。
これもクラウドに保存するものです。

WindowsPCのようにMacにもOS(C:)ドライブはあります。
初期設定では見えていません。

表示するにはFinderアイコンをクリックし、メニューバーの左にあるFinderをクリックします。
メニューが開くので設定をクリック。開いたウィンドウにデスクトップに表示する項目があります。

ハードディスクにチェックしてください。
これでデスクトップにMacintoshHDというアイコンが表示されます。

このアイコンをダブルクリックしてください。
開いたウィンドウのユーザーを開きユーザー名を開くと書類があります。

WindowsでもMacでもファイルの保存場所を決めてそこに保存しましょう。
デスクトップは一時的な保存に留めてください。

またフォルダを作って分類しましょう。
講座名や案件ごとにフォルダを作りましょう。

【ファイル名の付け方】

自分が作ったファイルの名前に悩んだことありませんか?

ファイル名やフォルダ名に名称未設定などは付けないようにしましょう。


Web講座を受講している方は、
ホームページの表示に必要なファイルやフォルダはすべて半角英数字で名前をつけましょう。
(cssファイルは数字から始まるファイル名もNGです)

またHTMLファイルに関しては
indexという名前のファイルには同一フォルダ内で優先的に表示されるというルールがあります。

なのでトップページのファイル名はindexとしてください。
他画像ファイルも適当な名前にせず、意味のある名前や番号をつけるなど工夫しましょう。

動画講座を受講している方は、
プロジェクトフォルダも読み込むファイルも全て半角英数字で名前をつけましょう。

日本語を使用するとファイルの受け渡し時にトラブルが発生する可能性があります。

一般的にはプロジェクトファイル名には日付を追加しておくのがおすすめです。
 例 2024_01_08_xxxx.prproj


パソコンのどこに何が入っているのかは常にわかっていると効率よく作業できます。
自分の部屋や机と同じように整理整頓する習慣をつけてください。

杉浦 俊哉

  • Web/動画

担当

静岡校

所属

1999年4月からフリーランスのWebデザイナー ヒューマンアカデミーの非常勤講師は1997年から。使用しているPCはM1のMacbookAirとM2ProのMac miniです。

この講師の記事を見る

©2023 Human Academy Co., Ltd. All Rights Reserved.