パソコン

【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. 【都市伝説83選】日本と世界に散らばる面白い都市伝説をまとめて公開(神話・心霊等…
  3. 三途の川と賽の河原は今でも日本に実在する?恐山と加賀の潜戸に伝わる都市伝説
  4. 【都市伝説】月の石とは?国立科学博物館で実物を見てきた
  5. 映画の始まりはハリウッドではなかった?フィルムの歴史と都市伝説を解説

関連記事

  1. ガジェット/レビュー

    パソコンのメモリの役割とオススメ(PC初心者向け)

    そもそもメモリの機能ってなに?メモリは複数のファイ…

  2. パソコン

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

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

  3. ガジェット/レビュー

    ゲーミングPC購入者向け:グラフィックボードの性能とオススメ

    3Dソフトなどを使う重たい作業、ゲームなどをする場合、グラフィックボー…

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

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

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




都市伝説記事おすすめ

人気の記事

最近の記事

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

    モンハンワールド・アイスボーンを実際にプレイしてみた感想とレビュー・追加要素が凄…
  2. 都市伝説

    幽霊の種類・心霊現象が起きたときのヤバイ症状と対処方法
  3. パワースポット

    【ストーンヘンジ】イギリス最強のパワースポットを観光してきた
  4. 旅行

    イギリス・ニューカッスルの旅行スポットをご紹介!意外と知らなかったイングランドの…
  5. ガジェット/レビュー

    PS4の便利なおすすめアクセサリーをご紹介、本体と一緒に絶対に買うべきアイテム
PAGE TOP