イイダリョウのブログ。JS「初めての黒い画面」以降、ちょいちょい黒い画面(ターミナル)に触れてきましてだんだんと慣れてきています。ここらで新たな試みをしてみます。してだけど、もしかしてだけど、黒い画面だけで、テキストエディタ使わずにWebページが作れちゃうんじゃないの?と。クモのようにコツコツと黒い画面(ターミナル)を起動まずは黒い画面(ターミナル)を起動します。「アプリケーションフォルダ>ユーティリティ>ターミナル.app」です!ま、前回も触れた通り、実際は「白い画面」なんですけどね。このまま黒い画面と呼び続けますw1行目は前回のログイン日時です。ttys0002行目は「コンピュータ名」「ディレクトリ」「ユーザ名」です。ユーザ名$初期画面では「ディレクトリ」はチルダ~になっています。これは「ホームディレクトリ」という意味です。最後のドル$マークのあとにコマンド(命令)を打っていきます。directoryの略で、任意の場所に移動できます。ユーザ名$~がDesktopになりました!さあここからディレクトリやファイルを作っていきたい。下記のページがわかりやすいので参考になります。FJORD,LLC(合同会社フィヨルド)mkdirコマンドでディレクトリ作成まずデスクトップ上にディレクトリを作りたい。mkdirコマンドです。directoryという意味です。ディレクトリ名ディレクトリ名htmlと打ってみます。htmlエンターで実行!おお!見てください!デスクトップに新たにhtmlというディレクトリ(フォルダ)が作られました!ディレクトリを開いてみる。htmlの中にcssディレクトリを作ってみる。html/cssエンターで実行!やった!cssディレクトリが作られました!どんどんいきましょー。次はjsディレクトリ。html/jsエンターで実行!成功!jsディレクトリが増えています。次はファイルを作成します。touchコマンドです。ファイル名まずはcdコマンドでhtmlディレクトリへ移動。htmlチルダ~がhtmlになりまする。ユーザ名$次にファイルを作成。ファイル名はindex.htmlにしませうか。index.html見てください!ファイルが作られました!同様の手順でcssファイルも作ります。cdコマンドでcssディレクトリに移動。ユーザ名$touchコマンドでstyle.css作成。style.csscdコマンドでjsディレクトリに移動。../jsこの時、注意すべきは上の階層に移動するために相対パスの../と加えることです!(HTMLのリンクの書き方と同じですね)※参考:cdコマンド(ディレクトリの移動)移動しました。ユーザ名$touchコマンドでscript.js作成。script.js見てください!ちゃんと該当するディレクトリの中にcssファイル、jsファイルが作られました!なんだか遠隔操作をしているようで楽しいです♪cpコマンドでファイルの複製ここで少しだけ脱線して、ファイルの複製、移動、削除をやってみます。