Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
85
Help us understand the problem. What is going on with this article?
@assialiholic

Bracketsの7つ道具的エクステンション Brackets Tools

More than 5 years have passed since last update.

Brackets Toolsとは

Bracketsのエクステンションの1つで、これを入れるだけでコーディングやプログラミングが捗る様々な機能が使えます。
派手なものではありませんが、どれも使えると何気に便利なものばかりですので、ぜひ試してみてください。
それぞれ、GIFアニメで解説して参ります。

エクステンション公式GitHub
基本的な使い方
他のエクステンション

機能紹介

一部を除き、各機能へはメニューバーの「Tools」またはエディタ欄で右クリックでアクセス出来ます。

空白行の削除

英名:Remove Empty/Blank Lines
removeEmpty.gif

改行の削除

英名:Remove Break Lines
removeBreak.gif

行頭の連番を削除

英名:Remove line numbers
removeLineNumbers.gif

重複行の削除

英名:Remove duplicate lines
removeDuplicate.gif

単語リストを配列に変換

英名:Word To Array
→1行内のスペース区切り、または複数行の改行区切りに対応

wordToArray.gif

単語リストをulリストに変換

英名:Word To List
→1行内のスペース区切り、または複数行の改行区切りに対応

wordToList.gif

Line To List

Word To Listと違いがよく分かりませんでした。

HTMLタグの消去

英名:HTML Tag Remove/Strip
removeHtml.gif

トリム

英名:Trim
trim.gif

Left Trim

動作未検証

Right Trim

動作未検証

先頭からX文字削除

英名:First x Char Remove
firstXchar.gif

末尾からX文字削除

英名:Last x Char Remove
lastXchar.gif

単語を小文字化、ハイフン区切りに

英名:To SEO URL
toSEOURL.gif

大文字に変換

英名:To Upper Case
toUpperCase.gif

小文字に変換

英名:To Lower Case
toLowerCase.gif

単語の1文字目を大文字に変換

英名:To Title Case
toTitleCase.gif

HTMLエンコード

英名:HTML Encode
htmlEncode.gif

HTMLデコード

英名:HTML Docode
htmlDecode.gif

URLエンコード

英名:URL Encode
encodeURL.gif

URLデコード

英名:URL Decode
decodeURL.gif

新規HTML5ファイルを開く

英名:New HTML5 Template
→ファイル>New HTML5 または サイドバーの空白をダブルクリック

newHtml.gif

同じ単語をハイライト

英名:Highlight Word Selection
→表示>Highlight Selected Word

hilightWords.gif

85
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
assialiholic
Bracketsの本を書いたり、CSSアーキテクチャのPRECSSを作ったりしとります。仕事ではHubSpotをやってます。
lmg
株式会社エル・エム・ジー(LMG)は、現代の情報消費行動に寄り添う愛されるマーケティング活動(Lovable Marketing)を推進するマーケティング企業グループです。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
85
Help us understand the problem. What is going on with this article?