idやclass属性を付与した要素の閉じタグ付近に属性の名前をコメントで残すことで、HTMLの構造を分かりやすくすることが多いのですが、その都度コメントを入力するのは面倒くさいので、Mac + Sublime Text 3上で、Emmet使って楽しようという話です。 というわけで最終目標は、Emmetで.hogehogeを下記のように展開することです。 HTML <div class="hogehoge"> <!-- /.hogehoge --></div> Emmetのfilter機能 まずEmmetのfilter機能を使って、.hogehoge|cという風に末尾に|cを入力して展開すると、 HTML <div class="hogehoge"> </div> <!-- /.hogehoge --> という形で、閉じタグの後ろにid,class属性の値をコメントで入れてくれます。 とは言
sublimetextに関するlordkfのブックマーク (9)
-
lordkf 2015/10/27
-
-
SublimeのPackage Controlへ自作packageを登録する方法+α - ⊥=⊥
さてSublime TextというとEmacserやvimmerも黙る(?)モダンな大人気エディタですが、その人気の結構な部分はPackage Controlにあるでしょう。 というのも、だいたいの紹介記事では「まずPackage Controlを入れましょう」と書いてありますし、見かけたpackageのREADMEに「まずgit cloneして、hoge.tmPreferencesをふがふがにコピーして・・・」とか書いてあると大抵は「まぁ今すぐには要らないか・・・」といってそのまま忘れてしまうことが多いです(特にWindows使用時)。 というわけで、自分で何かpackageを書いた場合、package controlからインストールできるようになるとユーザーも増えるしいろいろ捗りそうです。この記事ではpackage controlへThriftSyntaxというちっちゃなpackage
-
-
-
【Sublime Text 3】コード内に紛れている全角スペースをハイライトにする設定方法。 – 和洋風KAI
Xcodeとかだとビルドするとコード内に全角スペースがまぎれこんでしまった時に警告を出して教えてくれますが、スクリプト言語だとSyntax Errorと出るだけなので見逃してしまいがちです。 先ほども全角スペースをいれてしまいコードが動かなくなったばかりで、「これはちゃんと把握できるようにせなあかん！」ということでググってみたらSublime Textなら全角スペースをハイライトにすることが出来るという情報をゲット。 早速設定してみたのですが、なかなか苦戦したので画像付きでなるべくわかりやすく解説したいと思います。 Sublime Text 3で全角スペースをハイライトにする設定方法。 まず、【Sublime Text】Package Controlをインストールする方法。を参考にPackage Controlをインストールしてください。 command + shift + Pとキーを打ち
-
【導入＆日本語化】Sublime Text はプログラミングに最適なエディタ！
長年テキストエディタとして サクラエディタ を使用してきたのですが、もう一歩踏み込んだ機能が欲しくて、新たなテキストエディタとの出会いを求めていた昨今。 そして辿り着いた Sublime Text は、まさに僕が求めているテキストエディタそのもの。知り合いの中国人エンジニアからプログラマ界隈で注目を浴びているエディタとして紹介され、一度使い始めたらすぐに Sublime Text の虜になってしまいました。 軽くて動作が速い上に Mac でも Windows でも Ubuntu でも使える。マルチプラットフォームの最強エディタといっても過言ではありません。プログラム記述時の入力補助もあり、プラグインによる機能の拡張もできます。 ここでは Sublime Text 3 の導入手順、および日本語化の方法を紹介します。 Sublime Text が優れているポイントインストール方法を紹介する前に
-
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
-
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました