アフィリエイトサイト作成前の準備編_____index1
index 1 Contents ➂
ホームページ作成のための前準備。
ホームページ作成で必要になるブラウザ
テキストエディタ・FTPクライアントを選ぶ作業になります。
ブラウザ・テキストエディタ・FTPクライアントの準備
いますぐそろえる、必要なツール、パソコンソフトの考え方。
アフィリエイトで使うホームページ作成では必要となる道具類(ツール)があります。
初めにパソコンを決める、ここで考え方が非常に大事になってきます、というのも
パソコンにはソフトが入っていますが、このソフトなかなか厄介者です。
例えば今使っているソフトはどんなソフトが入っているかわかりますか? たとえとして著者のことですが、 いままでWindows10を使っていましたが、2025年まででソフト10のサービスが終了です、 今まさに主流はWindows11になっています、ここで困ったことになります。 win10とwin11では互換性がなくwin10で作ったサイトをwin11で使えないのです。
差込みです。
ここでは、サイトを作成が仕事ですからこのようになっていますが インターネットを閲覧するのには別に差し支えありませんから、念のために。
ここまで、
win10から見るとwin11ではソフトの内容がかなり大きくなっていますのでwin10にソフトを 入れ替えるにしても問題なく機能するのかが心配です、ソフトも当然のこと有料ですから。 そこで仕方なく、ためらっていても何も解決しませんので考えました2025年が気になって、
残すところ、1年を切っています、win10で作業始めても1年くらいしか残りありませんよね、 このような状態の時こそ俊敏に行動することが大事です。 このサイトは安価なパソコンwin10の4ギガi7で作成したものです。
ホームページ作成で必要となるツール達。・・・・・ブラウザ
どのような仕事でも道具は大小あるでしょうが必要になります。
インターネットを使ったビジネスではコスト的にはそのほどかかりませんが ゼロというわけには行きませんので、多少は覚悟しておかなければいけません。
でも、大抵のものは無料でダウンロード出来てしまいますから、 このビジネスは上手に回転すれば、特に他の仕事から見れば利益率が高いと言えます。
では、ツールを選んでいきます。
★ブラウザを決める
おもなブラウザを上げておきました。
この中から、どのブラウザをメインブラウザに選んでいただいてもいいのですが、
サイト作成を本格的に行うのであれば、動作確認を行う意味でも全てのブラウザを、
インストールされておいたほうが良いと思います。
| ブラウザ名 | アプリ | OS | 特徴など |
|---|---|---|---|
| Microsoft Edge | ![]() |
Windows 10 | Windows 10で始めて搭載されたExplorer後継ブラウザ |
| Microsoft Internet Explorer | ![]() |
Windows | Edge 前の標準ブラウザ |
| Apple Safari | ![]() |
macOS/iOS | macOS、iOS 標準ブラウザ |
| Mozilla Firefox | ![]() |
Windows/macOS/Android/iOS | Mozilla Foundationが開発するブラウザ |
| Google Chrome | ![]() |
Windows/macOS/Android/iOS | Google が開発するブラウザ |
また、
すべてのブラウザで確認することが望ましいです。
ほとんどの確認はパソコンでできるのですが、
実際にWebにホームページをアップしてからの確認も大事ですので、
各ブラウザで最終確認をお願いします。
著者が使っているメインブラウザはGoogl Chromを使っています、シンプルですので作業はしやすいです。
いますぐそろえる、必要なツール、・・・・・テキストエディタ
エディタとは、HTMLやCSSをを編集するために使うものです。
Winに入っているメモ帳やmacOSのテキストエディタでも編集出来ますが、ここでは、サイトやソフトウェアの開発に適しているエディタを選んでいきます。
テキストエディタを選ぶことはとても大事なことです、常にいつも作業で使います、作業をするという事はパソコンを開けたらテキストエディタを使うという事ですので、しっかりと選ぶ。では、はじめてテキストエディタを選ぶときは、次の点を考えて選ぶことにします。
★日本語で扱えるか
日本語(ウインドウ幅に収まるように改行することができるか)行の折り返しのことです。
★入力補完機能が付いているか
HTMLやCSSを途中まで書くと入力候補をプルダウンで提示してくれる機能のことで、
曖昧な記憶でも入力することができますのでとても便利です。
★コードを色分けする機能
タグやコメントなどを自動的に色分けしてくれる機能です、
HTMLやCSSを快適に描くためには必ず必要な機能です。
使ってみるとわかるのですが、全体の色使いや操作性が自分に合っているか、
使ってみて使いやすいと思えたものを選んでいきます。
★初心者にお勧め有料2選、無料3選
| アプリケーション名 | Win/Mac | 有料/無料 | コ-ド色分機能 | 入力補完機能 | 日本語化 | URL |
|---|---|---|---|---|---|---|
| TeraPad | Win/ | 無料 | あり | なし | 日本語 | http://www5f.biglobe.ne.jp/~t-susumu/ |
| CotEditor | Mac/ | 無料 | あり | なし | 日本語 | App Storeからインストール |
| サクラエディタ | Win/ | 無料 | あり | なし | 日本語 | http://sakura-editor.sourceforge.net/ |
| Sublime Text | Win/Mac/ | 有料 | あり | あり | 海外製 | https://www.sublimetext.com/ |
| 秀丸エディタ | Win/ | 有料 | あり | あり | 日本語/英語 | http://hide.maruo.co.jp/software/hidemaru.html |
Win仕様とMac仕様、有料と無料を厳選してみました。
著者が使っているテキストエディタは秀丸エディタを長く使っていますが、使い良いエディタです。
有料で(¥4.200円)でシェアウエアですので2週間ほどは無料で使ってみる事が出来ます、その後に支払いすればよいです。)
いますぐそろえる、必要なツール、・・・・・FTPクライアント
FTPクライアントとは、Webサーバーにアップロードするためのソフトウェアです。
省略してFTPと呼んでいますが、出来上がった全てのデーターをWebサーバーにアップロードするソフトです。 基本はFTPを使ってアップロードしていますが、FTPクライアントとは別に(最近ではバージョン管理システム)を使用してデーター公開する場合もあります。
ここでは、FTPを使っていきますのでおもなFTPを上げておきます。
★初心者にお勧め有料1選、無料3選
| アプリケーション名 | アプリ | Win/Mac | 有料/無料 | URL(公式サイト) |
|---|---|---|---|---|
| FFFTP(32/64bit版) | Win/ | 無料 | https://github.com/sayurin/ffftp | |
| FileZilla | Mac/Win | 無料 | https://osdn.jp/projects/filezila | |
| Transmit | Mac/ | 有料 | http://panic.com/jp/transmit/ | |
| WinSCP | Win/ | 無料 | https://winscp.net/ |
Win仕様とMac仕様、有料と無料を厳選してみました。
著者が使っているFTPクライアントは FileZila(64ビット)を使用してます。
海外ソフトですが、日本語使用で Win,Mac にも使えて便利です!




