インフラエンジニアを募集中です。詳細はこちら定型文の入力に「ペースター」がオススメWeb制作ツールhakoishi2011.08.24はじめまして、8月よりバシャログメンバーとなりました、hakoishiです。生粋のコーダーとしてコーディングネタを更新してきますのでよろしくお願いいたします。本日は定型文の入力に便利なツール「ペースター」のご紹介など。ペースター(オータムソフト様)http://homepage2.nifty.com/autumn-soft/paster.htmShiftキー2回で定型文を呼び出したり、Ctrlキー2回でコピー履歴を何十件と呼び出せたり、というツールなのですが定型文をカテゴリ分けして登録できたり、定型文で囲めたり、正規表現使えちゃったり、と何かと多機能で便利!で、具体的にどう使うの?ってことで、コーディングに使用する際の具体例をいくつか。cssのフォントサイズ相対指定を選択式で便利にフォントサイズの相対指定。都度調べるのってちょっと面倒ですよね。これをペースターに登録しておくと、Shiftキー2回トントンするだけで、あとは選ぶだけ。(★のついているものが基準サイズです。200%;..zen-codingの省略コードを登録しておいて、さらにスピートアップ倍速でコーディングできることに定評のあるzen-coding。この省略コードをペースターに登録して、さらに倍々速に!たとえばWrap変換で複数行をリストにマークアップする場合。テキストを選択したら、ctrl+Hでzen-codingのダイアログを呼び出す。Shiftキーを2回。ul.commonLink>li*..コピー履歴からペーストテキスト原稿を一気にコピーできない場合ってありますよね。Photoshopのデザインデータからコピペしなきゃなかったり。原稿とDreamWeaverの間を行ったり来たり...しなくてよいんです。原稿でまとめてコピー、コピー、コピー。DreamWeaverでまとめてCtrlCtrlペースト、CtrlCtrlペースト、CtrlCtrlペースト。過去50件の履歴が自動的に保存されてるので、この案件でよく使うカラーコード、とかセレクタ、なんかも辿ればたいてい呼び出せます。まとめ使ったことのない方はまずだまされたと思って触ってみてください。気に入ったら、ご購入を検討くださいね。XDsito2019.03.27はてブプロトタイピングツール「figma」を使ってみたWebデザインkoya2019.03.12はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。