--- title: "Brackets 強力なフロントエンド Web コード編集ツール - 憂いを忘れる一枚" description: "Brackets は、無料でオープンソース、かつクロスプラットフォーム対応の HTML/CSS/JavaScript フロントエンド Web 統合開発環境 (IDE ツール) です。このプロジェクトは Adobe によって作成・保守されており、MIT ライセンスのもとで公開されています。Windows、Linux、OS" canonical_url: "https://www.ikxin.com/ja/article/brackets-web-editor" last_updated: "2026-09-16T09:59:27.259Z" locale: ja meta: "og:description": "Brackets は、無料でオープンソース、かつクロスプラットフォーム対応の HTML/CSS/JavaScript フロントエンド Web 統合開発環境 (IDE ツール) です。このプロジェクトは Adobe によって作成・保守されており、MIT ライセンスのもとで公開されています。Windows、Linux、OS" "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~QnJhY2tldHMg5by35Yqb44Gq44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDjgrPjg7zjg4nnt6jpm4bjg4Tjg7zjg6sgLSDmhoLjgYTjgpLlv5jjgozjgovkuIDmnpo%2Cc_Article%2Ctitle_~QnJhY2tldHMg5by35Yqb44Gq44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDjgrPjg7zjg4nnt6jpm4bjg4Tjg7zjg6s%2Cdescription_~QnJhY2tldHMg44Gv44CB54Sh5paZ44Gn44Kq44O844OX44Oz44K944O844K544CB44GL44Gk44Kv44Ot44K544OX44Op44OD44OI44OV44Kp44O844Og5a--5b-c44GuIEhUTUwvQ1NTL0phdmFTY3JpcHQg44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDntbHlkIjplovnmbrnkrDlooMgKElERSDjg4Tjg7zjg6spIOOBp-OBmeOAguOBk-OBruODl-ODreOCuOOCp-OCr-ODiOOBryBBZG9iZSDjgavjgojjgaPjgabkvZzmiJDjg7vkv53lrojjgZXjgozjgabjgYrjgorjgIFNSVQg44Op44Kk44K744Oz44K544Gu44KC44Go44Gn5YWs6ZaL44GV44KM44Gm44GE44G-44GZ44CCV2luZG93c-OAgUxpbnV444CBT1M%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2JyYWNrZXRzLXdlYi1lZGl0b3Ii%2Cs_y2L6TDUXBrbWKiw8.png" "og:image:alt": "Brackets 強力なフロントエンド Web コード編集ツール - 憂いを忘れる一枚" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Brackets 強力なフロントエンド Web コード編集ツール" "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~QnJhY2tldHMg5by35Yqb44Gq44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDjgrPjg7zjg4nnt6jpm4bjg4Tjg7zjg6sgLSDmhoLjgYTjgpLlv5jjgozjgovkuIDmnpo%2Cc_Article%2Ctitle_~QnJhY2tldHMg5by35Yqb44Gq44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDjgrPjg7zjg4nnt6jpm4bjg4Tjg7zjg6s%2Cdescription_~QnJhY2tldHMg44Gv44CB54Sh5paZ44Gn44Kq44O844OX44Oz44K944O844K544CB44GL44Gk44Kv44Ot44K544OX44Op44OD44OI44OV44Kp44O844Og5a--5b-c44GuIEhUTUwvQ1NTL0phdmFTY3JpcHQg44OV44Ot44Oz44OI44Ko44Oz44OJIFdlYiDntbHlkIjplovnmbrnkrDlooMgKElERSDjg4Tjg7zjg6spIOOBp-OBmeOAguOBk-OBruODl-ODreOCuOOCp-OCr-ODiOOBryBBZG9iZSDjgavjgojjgaPjgabkvZzmiJDjg7vkv53lrojjgZXjgozjgabjgYrjgorjgIFNSVQg44Op44Kk44K744Oz44K544Gu44KC44Go44Gn5YWs6ZaL44GV44KM44Gm44GE44G-44GZ44CCV2luZG93c-OAgUxpbnV444CBT1M%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2JyYWNrZXRzLXdlYi1lZGl0b3Ii%2Cs_y2L6TDUXBrbWKiw8.png" "twitter:image:alt": "Brackets 強力なフロントエンド Web コード編集ツール - 憂いを忘れる一枚" --- > Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt) # **Brackets 強力なフロントエンド Web コード編集ツール** 2017.08.27 4,177 0 Brackets は、無料でオープンソース、かつクロスプラットフォーム対応の HTML/CSS/JavaScript フロントエンド Web 統合開発環境 (IDE ツール) です。このプロジェクトは Adobe によって作成・保守されており、MIT ライセンスのもとで公開されています。Windows、Linux、OS X プラットフォームをサポートしています。 Brackets の特徴は、シンプルでエレガント、そして高速であることです。多くのビューやパネルはなく、派手な機能もそれほど多くありません。その主な目的は、開発中に発生する非効率的な反復作業を減らすことです。たとえば、ブラウザーの更新、要素のスタイル変更、検索機能などです。Sublime などの汎用コードエディターとは異なり、Brackets は Web フロントエンド開発のために生まれた専用ツールです。 ## デモ画像 ## ショートカットキー - Ctrl/Cmd+Shift+H でファイルツリーを表示・非表示にできます - Ctrl/Cmd + E で CSS スタイル/JavaScript 関数をすばやくプレビュー/編集できます - Ctrl/Cmd + +/- で編集エリアのフォントサイズを拡大・縮小できます - Ctrl/Cmd + 0 で編集エリアのフォントサイズをリセットできます - Ctrl/Cmd + Alt + P でライブプレビュー機能を開きます - Ctrl/Cmd + / 行コメント - Ctrl/Cmd + Alt + / ブロックコメント ### 注意 CSS コードや HTML コードのコメントには、ブロックコメントのショートカットキーのみ使用できます ## ダウンロード先 https://github.com/adobe/brackets/releases/ 総じて、Brackets というプロジェクトはまだ非常に新しく、大きな可能性を秘めています。現在、Web フロントエンド開発の需要は非常に旺盛ですが、本当に使いやすく強力な無料ツールはそれほど多くありません。Brackets はオープンソースで、マルチプラットフォームにも対応しているため、試して学ぶ価値が十分にあります。この開発ツールが皆さんのお役に立てれば幸いです。 ## **コメント** (0) まだコメントはありません ## **コメントを投稿** ```json {"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/brackets-web-editor#webpage","@type":"WebPage","description":"Brackets は、無料でオープンソース、かつクロスプラットフォーム対応の HTML/CSS/JavaScript フロントエンド Web 統合開発環境 (IDE ツール) です。このプロジェクトは Adobe によって作成・保守されており、MIT ライセンスのもとで公開されています。Windows、Linux、OS","name":"Brackets 強力なフロントエンド Web コード編集ツール","url":"https://www.ikxin.com/ja/article/brackets-web-editor","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/brackets-web-editor"]}]}]} ``` ## Sitemap See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.