パソコン

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

関連記事

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

    MacとWindowsはどっちがおすすめか?実際に両方を使ってみた感想や違いを解説

    皆さん、パソコンは何を使っていますか?よくパソコンはMacとW…

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

    パソコン購入者向け:CPUの性能や違いを解説

    CPU=処理速度/サクサク作業ゲーミングPCに関わ…

  3. パソコン

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

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

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

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

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




都市伝説記事おすすめ

人気の記事

最近の記事

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

    【ホリクラシックコントローラーが凄い】スイッチでスマブラSP、ゼルダなどにも対応…
  2. ゲーム紹介/レビュー

    【スマブラSP:発売】スイッチでのおすすめポイント:キャラ、マップ共にシリーズ最…
  3. 旅行

    イギリスの巨大彫刻「エンジェル・オブ・ザ・ノース」を見てきた:ロンドン以外でもお…
  4. ゲーム紹介/レビュー

    PUBGモバイルが中国でサービス終了/実はフォートナイトも規制対象だった話
  5. ゲーム紹介/レビュー

    【PUBG】PS4版とPC版の違いを実際に比較してみた・プレステ版の評価感想
PAGE TOP