タグ: <span>便利</span>

zencodingがEmmetと名前が変わってた。Dreamweaver CCとNotepad++にインストールしてみた

Windows7をインストールし直したので、Notepad++zencodingをインストールしようとググってみたところ、Emmetに名前を変えて新しくなっていた。

まずは、Notepad++EmmetEmmetEmmet for Notepad++https://github.com/emmetio/npp#readme)をダウンロードして、インストール。
インストール方法についても、ダウンロードのサイトに解説がある。Emmet for Notepad++をプラグインに入れただけでは動かない点についても、Emmet for Notepad++のPlugin ManagerからPython Script pluginもインストールする必要があるとインストール手順のところに記載があるり、このプラグインを先にインストールするのが正しいインストール方法らしい。無いと、動かなかった。
あと、Emmet for Notepad++をプラグインからかショートカットのCtrlとEで実行。自分のパソコンの設定の影響なのかショートカットがCtrlとAltとEnterがデフォルトのショートカットになっていた。これはNotepad++の設定のショートカット管理のPlugin commadsのExpand abbreviationのShortcutを変更することで、ショートカットのCtrlとEに変更はできた。変更する際は、重複がないようにしてください。

そして、Dreamweaver CCEmmetをインストール方法は、EmmetEmmet for Dreamweaverhttps://github.com/emmetio/dreamweaver#readme)から、Emmet.zxpをダウンロードして、Adobe Extension Managerからインストールする。あとは、Emmetを使うだけです。

Emmetの使い方は、ググってみるといろいろ情報が出ています。Emmetのデモも用意されています。EmmetのサイトにDocumentationCheat Sheetも用意されています。

やはり、Emmethtmlcssコーディングが楽になります。便利!

Emmet
http://emmet.io/
Emmet Download
http://emmet.io/download/
Emmet for Notepad++
https://github.com/emmetio/npp#readme
Emmet for Dreamweaver
https://github.com/emmetio/dreamweaver#readme
Emmet Documentation
http://docs.emmet.io/
Emmet Cheat Sheet
http://docs.emmet.io/cheat-sheet/


確定申告に行ってきました

今年も確定申告の届け出の季節になりました。

歯医者などの治療費・交通費が医療費控除を申請対象額に達しているので、確定申告をしました。払った税金が戻ってきます。

申請方法は難しい、面倒であると感じるでしょう。医療費控除など、自分で申請が必要な戻ってくるかもしれない税金がある人はやってみる価値はあるでしょう。

でも、申告書の作り方は

平成22年分 【確定申告書等作成コーナー】
https://www.keisan.nta.go.jp/h22/ta_top.htm
で、作れます。

詳しい情報は 国税庁 所得税(確定申告書等作成コーナー)
http://www.nta.go.jp/tetsuzuki/shinkoku/shotoku/kakutei.htm

必要な書類や入力方法も計算などもしてくれるので、便利です。郵送で送れるようにプリントして、宛先までプリントしてくれます。


「zen-coding」によるコーディングの効率化!

Html、CSSをDreamweaverでコードを書かなくても出来るのですが、やはりコードを書くことが必要になります。場合によってはテキストエディターで書くこともありますよね。で、コードを書くのには同じ事や定型文のような事を何度も書いたりと効率的とは言えない時間がかかる作業があります。

そこで、「HTML+CSSコーディングが10倍速くなるZen Coding」という本を見かけました。便利な物だと思い、家で検索してみる事にしました。

いろいろとヒットしました。お!便利そう!とりあえずDreamweaverに入れてと。おおーこれだけで、こんなにコードが出来るとは!?

入力例
html:4t

Zen Coding後
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html lang=”ja”>
<head>
 <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>
 <title></title>
</head>
<body>
 
</body>
</html>

と。

入力例
div#main

Zen Coding後
<div id=”main”></div>

と。ちょっとしたケアレスミスを防ぎ、効率が上がるので、便利です。
テキストエディターでも使えるように、Notepad++にzen-codingを入れても使っています。

オススメのzen-codingの解説は「マークアップ効率化 – zen-codingでコーディングを倍速に」
http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/
です。解説もあり、リンクも充実していて、まずはここから自分の使っているソフトを確認して、勧めるのにはオススメです。

 本家のzen-coding
http://code.google.com/p/zen-coding/
Actions
http://code.google.com/p/zen-coding/wiki/Actions
CheatSheets
http://code.google.com/p/zen-coding/wiki/CheatSheets
Zen HTML Elements
http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn
Zen CSS properties
http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn
です。英語ですが、変換するというイメージでとらえると使えると思います。


車にもあると便利なウエットティッシュ

あると便利なウエットティッシュが無くなったので購入。
車に置きっぱなしで、乾燥してしまう。
なので、小分けされているのを購入。

ウエットティッシュ

ウエットティッシュ