タグ

snippetに関するfugashiのブックマーク (7)

  • Atomでのスニペット登録

    現在は、普段使いでAtomを使用していて自分でスニペット作りたいなと思っていたんですが、 あまり方法がよくわからず足止めをくらっていました。 日ようやく時間があり、スニペット登録方法が分かりました(遅い) チームでの開発だと、お決まりの型でコード書く事が多くなるのでスニペット登録は重要ですよね。 snippet.csonへの追加 Atom > Open Your Snippetsから、snippet.csonというファイルを開きます。 ここに、自分の入れたいスニペットを登録してゆきます。 ただ、このsnippet登録の際に、スニペットを適用するセレクタが必要で、 htmlであれば text.html.basic jsであれば source.js のような感じで、値が必要になります。 これを手っ取り早く知る方法として、スニペットを登録したいコードにカーソルを当てている状態で、 alt +

    Atomでのスニペット登録
  • mixinが3文字で!Emmetオリジナルスニペットの登録方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お疲れさまです、デザイナーのサリーです。 LIGにSassがもたらされて1年… たまにあるCSSで書かなきゃいけない機会にネストして書いてハッとしてキーーッてなったりしますよね(Sassあるある)。 私はDreamweaverを使いつつたまーにSublimeText2を使っているのですが、DreamweaverはSassのコードヒントが出ないので、Compassのmixinを呼び出すのがかなり面倒です。 簡単に呼び出せるようにスニペット機能を使おうと思ったのですが、Emmetのスニペットを使う方が簡単そうだったので、やり方に慣れていることもありEmmetを使うことにしました。 今回はDreamweaverまたはSublimeText2で、Emmetにオリジナルスニペットを登録する方法を紹介します。 Emmetをインストールする すでにEmmetをインストール済の方はこの項目は飛ばしてくださ

    mixinが3文字で!Emmetオリジナルスニペットの登録方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか?「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう! スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
  • re-dzine.net situs togel online toto 2023 -

    By penulis • January 10, 2023 • comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di game…

    re-dzine.net situs togel online toto 2023 -
  • Sublime Text 2で自分用のスニペットを作る方法 | prime factor

    Sublime Text 2で自分用のスニペットを作る方法Sublime Text 2では、変数の埋め込みができる強力なスニペット機能が使えます。スニペットは、デフォルトの状態でもかなり便利に使えますが、一番のポイントは自分用のスニペットを簡単に作れるところだと思います。しかし、スニペットの作り方について日語の情報が見当たらない。なので、公式のヘルプなどを参考に自分でまとめてみました。 スニペットの内容 スニペットの実体は、xml形式で記入したテキストファイルです。定められた形式でテキストファイルを作成し、所定の場所に保存することでそのスニペットを使えるようになります。 スニペットファイルの内容は、5つの要素で構成されます。 snippet content tabTrigger scope description snippet スニペットの設定全体をsnippetタグで囲みます。 全体

  • Sublime Text 2に登録できるCSSのスニペット集が配布されてます

    テキストエディタはSublime Text 2 が最高に自分に馴染むので去年、正式 に乗り換えたんですが、Sublime Text 2に登録出来るスニペットのCSSのが 沢山配布されていたのでご紹介。 テキストエディタの個人の好みはOSと同じくらい布教活動が盛んな、宗教染みた部分が垣間見えるので、正直言って心底ウザい言葉にするだけで不快に感じる方もいるかもと思ってからTwitterで言ったり記事にしたりとかにはしないようにしてるんですけど・・・(宗教が悪いと言ってるわけじゃないですよ。押し付け感や比較対象を貶す行為が嫌なだけです。) 折角なのでスニペットの紹介ついでに簡単にご紹介します。あ、もちろんWindows版もMac版もあります。僕はWindowsユーザーなのでその目線で書いていきますね。 エディタは1に起動スピード、2に使いやすさ、カスタマイズ性もあると嬉しい、といった視点で選ぶの

    Sublime Text 2に登録できるCSSのスニペット集が配布されてます
  • WordPressをカスタマイズする便利な10個のスニペット

    10 Very Useful WordPress Hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 リンクを新しいウインドウで開く 検索結果ページのインデックスを阻止 編集ボタンを設置 コントロールパネルのリンクを設置 データベースエラーページのカスタマイズ ページ内にもう一つのページを埋め込む 著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動 管理者用のパスワードをリセット リンクを新しいウインドウで開く デフォルトでリンクを常に新しいウインドウで開くようにします。 「wp-admin」フォルダ内の「quicktags.js」を変更します。 変更前 if (!edCheckOpenTags(i)) { var URL = prompt('Enter the URL' ,defaultValue); if (URL) {

  • 1