パソコン

【Brackets導入方法】初心者でもWebサイトをコーディングできる無料のエディがおすすめ

初心者でもWebサイトを無料でコーディング出来るおすすめのツールがあります。

それが「Brackets」。

こちらは無料でダウンロードが可能な為、実際のweB制作の元場でも使われています。

今回はそんなBracketsの超簡単なインストール方法と導入について解説していきます



Bracketsの導ダウンロードと入手順

 

まずはBracketsの公式サイトへ飛びましょう。

そこでダウンロードボタンを押すとこのような画面が出てきます。

基本的にここに書かれている自分のパソコンフォルダーにファイルが保存されることになります。

このファイルでオッケーという方はそのままnextを押してもらっても構いませんが、僕は管理しやすいようにファイルを自分で作ります。

changeと書かれている部分を押して、あらかじめ用意しておいたcodingというファイルのパスを貼り付けます。(パスは上のPC→ローカルディスクD…と書かれた部分をクリックすると出てきます。でそれをコピペします。)

コピペした後はチェックマークは特にいじらず、nextを押してインストールが終わるのを待ちます。

終わったらfinishボタンを押して終了です。

bracketsの導入作業自体は一応これで終了です。

そして先ほど指定したインストール先のファイルを開くと

しっかりと保存されています。

ここから開くことも可能ですがウィンドウ画面からも開けます。

windowsなら左下のここに入力して検索でBrancketsと入力すれば出ます。

そしてbracketsを開くとデフォルトのhtmlが開きます。

今後基本的にこの画面をいじりながらコードを書いていくことになります。



実際にBracketsでコーディングしてみる

 

次はそのファイルが実際にどのようにブラウザで表示されるのか観てみましょう。

そのためにはまずXAMPPという開発ツールをダウンロードしてもらいたいので、こちらの記事を参照していただきたいです。

【Xampp】初心者でもwebサイトが作れる?コーダー必須の開発ツールの導入インストールまとめ

ここから先はxamppも絡んでくるので、別の記事で正しくまとめたいと思います。

続きはこちらをどうぞ

【Brackets導入方法】初心者でもWebサイトをコーディングできる無料のエディがおすすめ

brackets・まとめ

 

まとめとして僕が行った手順を箇条書きで書いていきます。

1.公式サイトでダウンロード(5分ぐらいかかる)

2.ダウンロードファイルを開いてインストール準備

3.インストール先は基本デフォルトのままでオッケー(自分で新しくフォルダを作ってもよい)

4.僕はCドライブが満帆なのでDへ

5.チェックボックスはデフォルトのままinstallボタン

6.終わったらfinishボタン

7.先ほどまで空だったフォルダが満帆に…

8.ちゃんとbranckets自体も入っている

9.ファイルから選んでもいいし、スタートメニューでbrancketsと入力してもok

10開くとデフォルトのHTMLが出てくる

で以上になります。

コーディングは一度覚えると後からどんどん楽しくなってくるので、初歩的な勉強に教材を使ってみるのもいいでしょう。

これがお役に立てれば幸いです。

では!

ピックアップ記事

  1. 三途の川と賽の河原は今でも日本に実在する?恐山と加賀の潜戸に伝わる都市伝説
  2. 【都市伝説】月の石とは?国立科学博物館で実物を見てきた
  3. 【都市伝説83選】日本と世界に散らばる面白い都市伝説をまとめて公開(神話・心霊等…
  4. 【都市伝説】ネッシーの正体は水獣ケルピーだった?伝説のクロウストーンに隠された謎…
  5. 映画の始まりはハリウッドではなかった?フィルムの歴史と都市伝説を解説

関連記事

  1. ゲーム紹介/レビュー

    マウスパッド×ゲーミングPCでFPSの勝率は変わるのか?PUBGとBF5を実際にプレイしてみた

    どうも、トラベルというサイト名なのに最近全く旅行に行ってないmsyです…

  2. パソコン

    【Youtube】動画編集におすすめのソフトや機材をご紹介・初心者が働きながら動画を作る

    ユーチューブを本格的に始めて1ヶ月が経過しました。恐らくこの記…

  3. パソコン

    無料のBracketsとXamppを使って初心者コーダーでもサイトをコーディングする手順まとめ

    前回xamppの導入方法と無料でコーディング作業ができるbrancke…




都市伝説記事おすすめ

人気の記事

最近の記事

  1. パソコン

    【Brackets導入方法】初心者でもWebサイトをコーディングできる無料のエデ…
  2. ゲーム紹介/レビュー

    【BO4】新作CODが面白い。マルチやバトルロワイヤルモードの評価感想とおすすめ…
  3. ガジェット/レビュー

    【レビュー】SHUREのワイヤレスイヤホンが快適でおすすめ・他のイヤホンと比較し…
  4. 都市伝説

    【都市伝説】月の石とは?国立科学博物館で実物を見てきた
  5. 都市伝説

    神隠しの真相とは「かくれんぼ」だった?その意味と方法が怖い【日本の都市伝説】
PAGE TOP