パソコン

【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. ゲーム

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

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

  2. YouTube

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

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

  3. ガジェット

    [PC購入者向け]HDDとSSDの違いを簡単に解説

    そもそもHDD(ハードディスク)とはなにか?H…

  4. パソコン

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

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

  5. YouTube

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

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

  6. ゲーム

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

    どうもmsyです。未だに人気の衰えないバトルロワイヤル…




人気の記事

最近の記事

  1. 都市伝説

    幻のアポロ20号が発見した月のモナ・リザと巨人、ピラミッドの謎とは?【都市伝説】…
  2. YouTube

    【YouTube】個人的にオススメな面白い変わり者ユーチューバーをまとめてみた・…
  3. YouTube

    MSY-TRAVEL(msy)のプロフィール
  4. ガジェット

    シャープのおすすめ空気清浄機[KI HS50]の感想とレビュー:プラズマクラスタ…
  5. ゲーム

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