タグ

lessに関するa2ikmのブックマーク (8)

  • あなたの知らない less の世界 - Qiita

    最近 prezto 入れたんですよ。prezto。そしたらいつものシェル世界が見違えるほど使いやすくなって身長も 3 メートルくらい伸びたんですが、それは余談でして、prezto 入れた後に less 使ってみたら余りの変わりっぷりに驚いたんです。 これを機に man page を読み直してみたら更に驚き。less ってこんなスゴイ物だったのか!みたいな。今回はそんな less の底力を紹介します。 環境変数 $LESS less には様々なオプションがあるのですが、これを予め環境変数 $LESS に設定しておくと、毎度 less ファイル名 と打つだけでそれが有効になります。更に、後述しますが、この設定は less 起動中にオン・オフして切り替えることが可能です。 # 最低限でもこれくらいは設定しておこう export LESS='-i -M -R' # 僕は後述の物を全部付けてます(-

    あなたの知らない less の世界 - Qiita
  • lessで検索結果のハイライトを消す方法 - mollifier delta blog

    lessでファイルを見ているときに / で検索した場合、検索結果がハイライトされる。見やすくていいんだけど、検索し終わった後は目がちかちかして邪魔だ。 そんなときは ESC-u でハイライトを消せる。もう一回見たいときは、また ESC-u でハイライトが有効になる。便利だよ。

    lessで検索結果のハイライトを消す方法 - mollifier delta blog
  • lessでソースコードに色をつける

    シェルの操作中「テキストファイルをちょこっと覗きたいな」と思ったときに抜群に便利なlessコマンドであるが、普段綺麗に色付けされたソースコードを見慣れていると、モノクロのソースコードの見づらさに愕然としてしまう。結局lessを終了して他のエディタで開きなおすことになるのだが、lessでソースコードに色付け(シンタックスハイライト)できれば便利なのになーっ!と思ったことはないだろうか。そう、あるんです!lessでシンタックスハイライトする方法はあるんです!というわけで、今日はその方法を紹介しよう。 GNU Source-highlight結論から言うと、今日紹介する方法はGNU Source-highlightを使う。GNU Source-highlightを使えばイッパツだ。なのでまずGNU Source-highlightをインストールしよう。UbuntuやFedoraならリポジトリにあ

    lessでソースコードに色をつける
    a2ikm
    a2ikm 2011/11/10
    export LESS='-R'
  • colordiffでdiff結果に色をつける | Glide Note - グライドノート

    git diffはカラー表示されてるのに、通常のdiffはカラー表示されず、見づらいなーと思っていたらcolordiffという色付けしてくれるツールがありました。(もしかして有名なのか!) 導入環境はCentOS 5.6です。 sudo yum -y install colordiff Macでhomebrew使ってるなら brew install colordiff .bashrcや.zshrcに追加して、ノーマルdiffを置き換え alias diff='colordiff' colordiffの結果をパイプでlessとかに渡すとおかしなことになるので、-Rを付けるとちゃんとカラー表示される。 colordiff hogemoge.conf{,.dist} | less -R 毎回 -R とか付けると面倒なので、これも.bashrcや.zshrcに書いておく。 export LESS=

  • lessでPDFを読もう - みずぴー日記

    awk-users.jpのhi_saitoさんのポストでlesspipe.shなるものを知った。 これを使うと、lessでPDFとかを読めるらしい。全部確認したわけじゃないけど、以下のファイルをlessで読めるらしい。 PDF File - *.pdf Word Document- *.doc Image Files - *.gif, *.jpg, *.jpeg, *.png TAR Files - *.tar TAR Files with gzip - *.tar.gz Zip Files - *.zip Gzip and Gzip2 Files - *.gz and *.bz2 ISO Files Debian Files - *.deb RPM Files - *.rpm インストール $ sudo port -d lesspipe.sh とかでlesspipe.shをインストールし

    lessでPDFを読もう - みずぴー日記
    a2ikm
    a2ikm 2011/09/09
  • LESS と Sass で CSS をより簡潔にする

    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。このでは、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

    LESS と Sass で CSS をより簡潔にする
    a2ikm
    a2ikm 2010/10/04
    パッと見、lessのほうが見やすい気がする
  • Getting started | Less.js

    It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do

  • Rubyによる構造化CSSライブラリ·Less MOONGIFT

    CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。 Lessの記述例 そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。 今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。 Lessはコマンドラインのツールで、lesscというコマンドを利用する(lessは別コマンドで既に存在するので)。そして専用ファイルの.lessを変換し、.cssファイルを生成する。デザイナの方はCSSファイルを直接触らないようにする必要がある。 変換例 利用できる機能としては変数、階層構造、Mixin、計算

    Rubyによる構造化CSSライブラリ·Less MOONGIFT
  • 1