「ほっ」と。キャンペーン
 

タグ:Life Hack ( 4 ) タグの人気記事

記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
 

Life Hack - ブログやHTMLの入力を楽にする方法(その3)

はじめに

テキストでも見やすい形式としてMarkdownがあります。このMarkdownのオリジナルはperlで作成されており、このスクリプトをCharu3から実行し、選択範囲のテキストをMarkdownでHTMLに変換してみたいと思います。Charu3でひとつづつHTMLコードを入力するのではなく、Markdownの書式で入力し、一気にHTMLに変換して楽をしちゃう方法です。

 Charu3でperlなどのスクリプトを利用するときは、うっちーさん作の"コンソールアプリ起動プラグイン"を利用すると便利です。

難易度:★★★
ちょっと初心者さんには難しいかもしれません。でも、この方法は応用ができていろいろなスクリプトを作ることができるので楽しめる方法でもあります。腕に自信のある方は、スクリプトを公開してもおもしろいと思います。(ブログのネタが増えちゃうよ)


ダウンロード


KeiziWeb ver 4.3
うっちーさん作の"コンソールアプリ起動プラグイン"をダウンロードして下さい。ダウンロードしたら、dllファイルをCharu3のpluginフォルダにコピーしておきます。(S-JIS版はCharu3ExecEx.dllをコピーします。私がS-JIS版のCharu3を利用しているのでS-JIS版で説明させて頂きます。)

Daring Fireball: Markdown
Markdownをダウンロードします。

ActiveState - ActivePerl Features - Dynamic Tools for Dynamic Languages
Windows版のperlはmsiがセットアップが楽です。ダウンロードにユーザ名を入れないとダメになったのかな?以前はスキップできたのだけど・・・


導入手順

perlがすでに利用できることを前提にしています。perlについてはWebなどで検索して下さいね。

1.うっちーさん作の"コンソールアプリ起動プラグイン"を解凍し、Charu3のpluginフォルダに、Charu3ExecEx.dllをコピーします。

2.Charu3のフォルダ下にscriptsフォルダを作成し、Markdown.plをコピーします。

3.Charu3を起動し、以下のコードをテキスト編集部分と拡張マクロに以下のコードを入れます。



テキスト編集


<charuMACRO>$PLUG-IN<.\plugin\Charu3ExecEx.dll,$SEL>$PLUG-IN</charuMACRO>



拡張マクロ


ExecCmd=perl .\scripts\Markdown.pl



a0031863_20141632.jpg


5.以上で設定が完了します。


使い方

ブログの投稿欄やエディタで以下の様に入力して、変換したい文章を選択し、Charu3でMarkdownを選択します。するとHTMLに変換できます。簡単な書式でブログの記事が入力できるので楽ができます。

### はじめに
 この文章はテストです。

    ↓

<h3>はじめに</h3>
<p> この文章はテストです。</p>



Markdownの書式について

 Markdownの書式については以下のサイトが詳しく分かりやすいと思います。
2310::blog: Markdown文法の全訳



関連記事

ぽっとの陽だまり研究室 : Life Hack - ブログやHTMLの入力を楽にする方法(その2)
ぽっとの陽だまり研究室 : Life Hack - ブログやHTMLの入力を楽にする方法(その1)



最後に

 Charu3とコンソールアプリ起動プラグインを使うと、Perl以外にもRubyやWSHなど、コンソールから起動でき、標準出力を取り込んで、反映することができます。GUIを作らず簡単なスクリプトで編集作業が楽になりますので、みなさんの使いやすい、スクリプトなどが公開されるといいなぁって思っています。私も、なにか使いやすいスクリプトなどありましたら公開もしたいと考えています。 よろしければ、いろいろと試して下さいね。


[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2007-10-13 20:14 | Trackback | Comments(0)
 

Life Hack - ブログやHTMLの入力を楽にする方法(その2)

はじめに

今日は、Charu3を使ってちょっと便利なHTMLタグの入力です。HTMLタグを入力した後に、カーソルを移動して入力を楽にしてみたいと思います。AutoHotKeyでもできるのですが、Charu3でもできますので、好きな方法で楽してブログライフを楽しんでくださいね。


例題

私は項目毎に<h3>と入力し、<p>の中に文章を書き始めます。この<h3>と記入し、項目名を書いてから</h3>でタグを閉るのですが、タグを入力するのが面倒です。そこで、Charu3に登録して使うと思うのですが、カーソルを移動して、もっと楽にしたいと思います。

Charu3の登録部分に、<h3></h3>と入力しその後に、<charuMACRO_KEY>left</charuMACRO_KEY>を5個入れています。これは、左カーソルを5回押すことと同じです。

Charu3登録コード h3


<h3></h3><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY>




a0031863_1518252.jpg

図1 登録画面

実はキーを5回押すと指定できるのですが、うまくできないケースが多いので、このようにしてみました。このコードを登録すると、タグを入力し、カーソルがタグの中まで移動するので、入力が少し楽になります。この他に選択文字列をタグで囲むこともできますので、いろいろと試して下さいね。


他にも


p の場合


<p></p><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY><charuMACRO_KEY>left</charuMACRO_KEY>



ダウンロード

Charu3は以下のサイトからダウンロードができます。

KeiziWeb ver 4.3


他の方法

他の方法として、AutoHotKeyを利用する方法もありますので、よろしければこちらもご覧下さい。

Life Hack - ブログやHTMLの入力を楽にする方法(その1)


最後に

今回はCharu3のキー入力方法の応用です。Charu3はまだいろいろな機能があるので、ブログのネタを探すにも良いですよ。なにか面白いアイディアなど見つけたら、記事を書いて教えて下さいね。


[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2007-10-07 13:57 | Trackback | Comments(3)
 

Life Hack - ブログやHTMLの入力を楽にする方法(その1)

はじめに

 ブログの記事を書くときにHTMLコードを入力するのがちょっと面倒ですよね。そんなときに入力を楽をする方法がいろいろあります。そんなHTMLコードの入力を楽にする方法のひとつとしてAutoHotkeyを利用する方法をご紹介します。

難易度:★★
 ちょっと初心者には難しいかもしれません。中級者以上だと簡単すぎるかもしれませんね。


AutoHotkeyって?

 AutoHotkeyはキーボードやマウスなどにいろいろな機能を割り当てることができるプログラムです。割り当てるだけではなく、プログラムを組むこともできます。

AutoHotkeyの入手

 AutoHotkeyは以下のサイトから入手します。日本語の解説サイトもあります。また日本では利用者が多いので日本語で情報を入手できます。



AutoHotkey を使う

 以下のリンクにはブログの入力を楽にするAutoHotkeyのコードがあります。その中の一部をご紹介します。

Hack Attack: Blogging mark-up made easy

 例えば、<h3></h3>と入力したいとします。そんな時は以下のリンクにあるコードを実行しているとh3と入力して[Enter]キーを入力するだけで<h3></h3>が挿入されます。このコードの良い点は、<h3>と</h3>の間にカーソルを自動で移動していることです。

一例

:oc:h3::<h3></h3>{Left}{Left}{Left}{Left}{Left}



コードの説明


 このコードはAutoHotkeyのホットストリングを利用しています。ホットストリングはユーザが特定のキーをタイプした時に発生します。この場合はh3 と入力した場合に発生します。

 はじめの:oc はオプションで大文字小文字の区別をし、自動置換で最後に終了文字を入力しない設定です。次のh3 がキー入力、そして残りが置換コードです。{Left}でカーソルを左に戻しています。

参考:Hotstring - AutoHotkeyを流行らせるページ


日本語を使用する場合は

 日本語を貼り付ける場合はクリップボードを経由して張り付けるのがよいと思います。以下のコードがtext1と入力するとHTMLコードを貼り付けます。元のクリップボードの内容を変数に保存しておいてから実行後にクリップボードに戻すようにした例題です。

ぽっとオリジナルコード


:oc:text1::
clipbackup:=ClipboardAll
Clipboard=<h3>はじめに</h3><p class="ex"></p>
Send ^v
Clipboard :=clipbackup
return




最後に

 このプログラムの良いところはキーボードでタイプして変換できることです。ホットキーで呼び出してからメニューを選んで入力する作業は初心者には便利ですが、慣れてくるとその手間も惜しくなります。そんな場合はキーをタイプするだけで入力できるこの方法が意外と便利だったりします。また、自分で好きなように変えられるのがこのプログラムの良いところです。他にもAutoHotkeyは便利な機能が一杯なので遊んでみるのも良いかもしれません。

[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2007-01-01 11:36 | Trackback | Comments(4)
 

GTDやLife Hackが気になる今日この頃

GTDやLife Hackが気になる今日この頃

 最近、論文や特許明細書の作成など、リアルが充実しています。あまりにも充実しすぎて仕事の進め方を見直そうと、ちょっとだけ考え始めました(ちょっとだけね^^;)
 以前からGTDやLife Hackをいろいろなブログで紹介されていたので、気になってはいたのですが、実際に読んで勉強はしていませんでした。でも、ちょっとこのままでは・・・・

 と、言うことでGTDやLife Hack若葉マークの私は、勉強を兼ねて参考になりそうなサイトをリンクしました。

他にも「こんなところが参考になるよ」とか、「ここは違うよ」とかありましたら教えて下さいね。よろしくお願い致します m(__)m



GTD




Life Hack



マインドマップ


[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2006-03-21 06:30 | Trackback(2) | Comments(2)
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。