小粋空間  -  a cheap joke and a play on words site

lessで検索文字列だけを表示する方法を紹介します。

例えば、大量に表示されるログの中から特定の文字列を含む行だけを確認したい場合に威力を発揮します。

１．はじめに

lessはファイルの内容を表示するコマンドです。

ファイルを開いたあと、スラッシュ+検索文字列で特定の文字列を検索することはできます。

"Failed"で検索した例

が、検索した文字列の行だけを表示する方法が分かりません。

ということで、lessで検索文字列だけを表示する方法を紹介します。

２．lessで検索文字列だけを表示する

lessで検索文字列だけを表示するには、次の手順を実施します。

まず"less ファイル名"でファイルの中身を表示します。

次に、"&"を入力します。一番下に"&/"が表示されます。

検索文字列（ここではFailed）を入力してリターンを押下します。

これで検索文字列にマッチした行のみが表示されます。

３．lessでログを表示しながら指定した文字列以外を検索する

２項の"&"の代わりに"&!"を入力します。一番下に"Non-match &/"が表示されます。

検索したくない文字列を入力してリターンを押下します。

これで文字列にマッチしない行のみ表示します。

４．追加されたデータを表示する

tail -fのように追加されたデータを表示するには、２項または３項の設定を行った後、"Shift+f"を入力します。

５．検索の解除

&または&!の解除は、"&"を入力してリターンします。

４項を実施している場合は、Ctrl-cで追加データ表示を停止して、そのあとに"&"を入力してリターンしてください。

iPhoneの文字変換で変換候補を表示する裏ワザを紹介します。

１．はじめに

iPhoneの文字変換で変換候補を表示する場合、右側のアイコンをタップしていると思います。

実は変換候補を表示するもうひとつの方法があります。

労力はこれと大して変わりませんが、知っているとちょっと自慢できるかもしれません。

２．変換候補を表示する

まず任意の文字を入力して変換候補を表示します。

変換候補の任意の部分を長押しします。

長押した状態で、そのまま下にスライドすると変換候補が表示されます。

あとはこれまでと同様、スクロールで変換候補を探します。

画像を下揃えにしてテキストを回り込ませる方法を紹介します。

（クリックで拡大）

サンプル

１．問題点

画像にテキストを回り込ませる方法はありますが、回り込ませたテキストの一番下の行に画像を揃える方法が分かりません。

ということで、画像を下揃えにしてテキストを回り込ませる方法を紹介します。

２．画像を下揃えにしてテキストを回り込ませる

画像を下揃えにしてテキストを回り込ませるには、HTMLとCSSを次のように設定します。

HTML

<div id="box">
  <div class="fix"></div>
  <div class="img"><img src="[画像のURL]" width="[画像の幅]" />/div>
～（テキスト）～
</div>

CSS

#box {
  width: 600px;
}
#box .fix {
  float: right;
  height: 12em; /* 画像上部の余白 */
}
#box .img {
  float: right;
  clear: both;
  margin: 10px 0 0 10px;
}

要するに、class属性fixの高さ分だけ画像を下にずらしています。