パソコン

【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. パソコン

    初心者がWordPressをカスタマイズしたくてコーディングを始めたけど、やはり必要なかった話

    ブログを始めて早6ヶ月が過ぎました。この間に完全初心者コーダー…

  2. ゲーム

    【バトルフィールド5】最新バトロワモードのおすすめと評価感想【ファイアーストーム】

    どうも、都市伝説系実況者のmsyです。ついにBF5にバトロワモ…

  3. パソコン

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

    コーディングやWebアプリ開発に非常に無料役立つツール、それがXamp…

  4. ガジェット

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

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

  5. ガジェット

    超初心者向け:ゲーミングPC、作業用パソコンの選び方を解説

    仕事用の高性能パソコンやゲーミングPCの購入を検討している方にとって、…

  6. ゲーム

    【BF5】初心者がバトルフィールド5の評価感想、おすすめな点をまとめる・モードとバトロワが凄い?

    今回のBF5は前作の1よりも遥かにその進化を体感できるぐらい面白いです…




人気の記事

最近の記事

  1. 【日本神話が好きならコレを読め!】愛と涙と勇気の神様ものがたり・まんが古事記をレ…
  2. 都市伝説

    【都市伝説】富士山の由来はかぐや姫から来ている?実は裏話が存在した昔話
  3. YouTube

    マウスパッド×ゲーミングPCでFPSの勝率は変わるのか?PUBGとBF5を実際に…
  4. ブログ

    スマホでブログ記事って書けるの?初心者がパソコンと使い分けて気づいたメリット・デ…
  5. 都市伝説

    日本史上最強の格闘家・武術家「武田惣角」が凄すぎたのでご紹介・大東流合気柔術を広…
PAGE TOP