無料商用 FC2 ホームページ

システム開発シリーズ№01
Webサイト開始（CSS+HTM+JavaScript）マニュアル
執筆　2022/06/16
公開　2022/07/04
改訂　随時更新中
エンジニア　安　藤　哲　郎

このドキュメントの目的

システム開発において、工数削減の名目で、マニュアルが運用されなくなっており、開発環境構築直後からエラーが発生することがあります。しかし、開発ツール自体も改善されないまま、機能縮小されるケースもあります。システム開発でトラブルが発生すると、通常、インターネット検索して、先人の知見を参考にすることが多くなっています。システム開発を解説するユーチューブ動画においても同様の傾向があります。このシステム開発のドキュメント体系においては、見過ごしそうな操作画面を連続的にキャプチャーしています。システム開発に取り組む者にとって、一つのケアレスミスで数日を費やすことがあります。費用対効果の観点で開発ツールの既知の問題に悩む工数を削減するのが、システム開発シリーズを執筆した理由です。ソフトウェアの動作確認の裏付けとして操作画面をキャプチャーしております。公開時、優れたドキュメントであっても経年劣化は避けられず、信頼が低下することを留意して頂きたいと思います。また、システム開発シリーズの組み合わせで利用することで、ケアレスミスが防ぎ、作業工数を大幅に削減される可能性があります。

下記の条件のノートパソコンで、このドキュメントは取り纏められています。
・エディションWindows11 Home Inside Preview
・バージョン22H2
・Chromeブラウザがインストール

00.パソコン起動

Windows11 Homeを起動すると、下記の画面が表示されます。

画面00

01.無料商用ホームページ

Chromeブラウザから「無料商用ホームページ」を検索します。広告の次に「無料ホームページ比較」サイトが見つかります。クリックしてみて下さい。

画面01

02.「無料ホームページ比較」サイト

下記の画面が表示されます。どんなサービスがあるか、見ておきましょう！

画面02

03.「fc2.com」

無料商用ホームページで、「CSS+HTML+JavaScript」を実践して、Webサイト制作するんだったら、「fc2.com」です。2022年になって、WordPressも始められるようになりました。「新規登録」してみて下さい。

画面03

04.ffftpをインストール

下記のサイトから、事前にフリーウェアの「ffftp」をダウンロードして、インストールしておきましょう！
窓の杜

画面04

05.参考サイト：Code for Misato

安藤が運営しているWebサイト「code4misato」は、fc2ホームページサービスを使っています。「CSS+HTML+JavaScript」の実践には、問題ありません。

画面05

06.作業終了

作業が終了したら、「Chrome」ブラウザを閉じて、デスクトップは綺麗な状態にしておきましょう！

画面06