2017年11月25日スポンサーリンクAdobeが開発した、イケてるエディタ「Brackets」を使い始めました。TextやAtomを試したのですが、いまいちしっくりこなかったんですよね。Bracketsも他のエディタと同様に拡張をインストールすることで機能強化を行うことができます。そこで導入したのが、みんな大好きな「Emmet」です。edc)」もインストールしました。ところが、この両方を同時にインストールすると、TabキーでEmmetの展開ができなくなってしまいました。具体的には「img」というキーでSnippetsの登録をすると、Emmetのimgタグの展開と競合しまうのです。何が原因かと調査したところ、EmmetとSnippetsの2つの拡張でtabキーの動作が競合していることがわかりました。そこでTabキーの割り当てを変更することで問題が解決しました。今回はその手順を紹介します。Emmetのタグの展開をTabキー以外のキーを割り当てます。その方法ですが、まずBracketsのヘルプメニューから「拡張機能のフォルダーを開く」メニューをクリックします。このメニューを開くと「extensions」というフォルダにたどり着けるため、そこから「user\brackets-emmet」というフォルダを開きます。そのフォルダの中にある「keymap.json」というファイルをエディタで開きます。ファイルを開いたら、「”expand_abbreviation_with_tab”」のキーの配置を変更します。デフォルトでは「tab」になっているので、今回の例ではShift+Enterにしました。これでEmmetのタグの展開がShift+Enterキーが割り当てられるようになりました。edc)によるスニペットの挿入→Tabという風になりました。2つのプラグインを入れて困ってる方がいましたら、是非お試しください!この記事が気に入ったらぽちっとお願いします!==========ブログの更新情報をTwitterやfacebookで紹介しています。MEドレッドライティングやWeb制作などインターネットを活用して毎日を自由に生活してるドレッドのブログです。学びの記録、そして毎月買った本についての記録を残しています。LINK:https://stage.jugedred.net/スポンサーリンクスポンサーリンクお気軽にご相談下さい!このブログの運営者にお仕事を依頼しませんか?現在はフリーランスのクリエイターとして、ウェブメディアのライティングやホームページ制作、コンサルティングをしています。事業用サイト「コレカラウェブ」にアクセスしていただき、お気軽にお問い合わせください。メールでのご相談は無料です。皆様からのご連絡お待ちしております。コレカラウェブ公式サイトへこの記事が気に入ったらぽちっとお願いします!==========ブログの更新情報をTwitterやfacebookで紹介しています。Chromeでブラウジングしているとき、CSSで指定されたフォントが無視されてしまうという不具合が発生しました。Chromeの拡張をいくつか紹介したいと思います。ドレッド自由なステージブラウザのブックマークって、どんどん増えていきますよね。定期的に整理しようと思うのですが、数が多すぎてゲンナリします・・・。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。デジハリオンラインスクール卒業。(1)スポンサーリンクWordPressが高速で動作することで定評のあるエックスサーバーです。このブログはエックスサーバーで動作しています。管理画面も使いやすく、機能も豊富で、初心者にイチオシのレンタルサーバーです。詳細ページ公式ページクラウドソーシングの大手クラウドワークスです。クライアント向け・ワーカー向けの機能が豊富で、案件数も国内のクラウドソーシング内でトップを誇ります。詳細ページ公式ページ私も愛用しているランサーズです。毎年新しい試みにチャレンジしているクラウドソーシングであり、ランサーをとても大切にしています。2019年に上場しました。