<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>2Drops! &#187; Windows Live Writer</title>
	<atom:link href="http://www.2drops.jp/tag/windows-live-writer/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.2drops.jp</link>
	<description>アナログ好きなデジタル人間の頭の中</description>
	<lastBuildDate>Tue, 29 Mar 2011 09:12:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>SyntaxHighlighter for Windows Live Writerが動かない時の対処方法</title>
		<link>http://www.2drops.jp/2008/10/syntaxhighlighter/</link>
		<comments>http://www.2drops.jp/2008/10/syntaxhighlighter/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 04:55:50 +0000</pubDate>
		<dc:creator>きさら</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Windows Live Writer]]></category>

		<guid isPermaLink="false">http://www.2drops.jp/2008/10/syntaxhighlighter/</guid>
		<description><![CDATA[他のプラグインと干渉したのか、テーマと干渉したのかはわかりませんが、SyntaxHighlighterが上手く動きませんでした。きちんと動くようにする為の方法。]]></description>
			<content:encoded><![CDATA[<p>テーマをwp.Vicunaに戻しました。<br />
Windows Live Writerでスタイルが反映しない点以外は、不満が全く無いんですよね。<br />
早く*CSSファイル内の@importに対応してほしい*ものです（。。</p>
<p>で、細かい調整はまだまだなのですが、一ヶ所だけはまった部分がありまして。<br />
SyntaxHighligherが適用されませんでした orz</p>
<p>いや・・・wp.Vicunaのせいではないかもしれません。<br />
何かのプラグインと干渉したのかな？</p>
<p>イロイロ試してgoogle先生に聞いて、やっと解決したのでインストール手順を含めてメモしておきます。<br />
[Windows Live Writerにソースコード挿入プラグインを追加 :: C#.NETでいく？](http://www.naggy.bne.jp/cs.net/2008/06/SyntaxHightlighter-for-Windows-Live-Writer.html)を参照にしました。</p>
<p><span id="more-84"></span></p>
<p>### 手順1：ダウンロード</p>
<p>以下の3つのファイルをダウンロードして解凍します。</p>
<p>+ Ajaxライブラリの「prototype.js」 → [Prototype JavaScript framework](http://www.prototypejs.org/)より<br />
+ SyntaxHighlighter本体「SyntaxHighlighter_x.x.x.rar」 → [SyntaxHighlighter](http://code.google.com/p/syntaxhighlighter/)<br />
+ WLWプラグイン「SyntaxHighlighter.msi」 → [SyntaxHighlighter for Windows Live Writer](http://www.codeplex.com/wlwSyntaxHighlighter)</p>
<p>### 手順2：アップロード</p>
<p>SyntaxHighlighter本体を解凍すると、中に3つのフォルダがあります。<br />
まずは Scripts フォルダに prototype.jp をコピーします。<br />
後ほどJavaScriptを追加するときも、Scripts フォルダにアップロードするようにしたら管理が楽になりますよ。</p>
<p>そして、Scripts フォルダと Styles フォルダをサイトのトップか、ブログのトップに配置します。<br />
このブログだと http://www.2drops.jp/ 直下になります。</p>
<p>### 手順3：テンプレートの修正</p>
<p>各ページの</head>直前に、コードを挿入します。<br />
私の場合はWordpressなので、header.phpの<?php wp_head(); ?>直前に次を記述しました。</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Styles/SyntaxHighlighter.css&quot; type=&quot;text/css&quot; /&gt;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/prototype.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/shCore.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/shBrushCSharp.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/shBrushCss.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/shBrushXml.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;&lt;?php bloginfo('home'); ?&gt;</span></span>/Scripts/shBrushJScript.js&quot;&gt;<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
Event.observe(window, &quot;load&quot;, code_SyntaxHighlight, false);
function code_SyntaxHighlight(){
    dp.SyntaxHighlighter.ClipboardSwf = '<span style="color: #009900;">&lt;?php bloginfo<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'home'</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span>/Scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
}
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></div></div>

<p>### 手順4：プラグインのインストール</p>
<p>SyntaxHighlighter.msiをダブルクリックします。<br />
インストーラーが起動するので、そのまま「Next」で進んでいけば完了です。</p>
<p>ちなみに、削除するときはWindowsの「プログラムの追加と削除」からになります。</p>
<p>### 手順5：コードを記事に書く</p>
<p>WLWを起動するとプラグインの一覧に「ソースコードの挿入…」が表示されています。<br />
そこをクリックして出てきたウィンドウで、*ドロップダウンメニューからコードの種類を選択*します（例はXML/HTML）<br />
下の入力欄にコードを入力して「OK」をクリックすると、整形されたコードが表示されます。</p>
<p><a href="http://farm4.static.flickr.com/3146/2946455372_6ae01d7463_o.png" rel="lightbox[wlw1]" title="Windows Live Writerのサイドバー"><br />
<img src="http://farm4.static.flickr.com/3146/2946455372_0c603c7f74_m.jpg" alt="Windows Live Writerのサイドバー" title="Click to enlarge" /></a><a href="http://farm4.static.flickr.com/3028/2946455390_54c299c103_o.png" rel="lightbox[wlw1]" title="SyntaxHighlighter for Windows Live Writerの画面"><br />
<img src="http://farm4.static.flickr.com/3028/2946455390_064974fcec_m.jpg" alt="SyntaxHighlighter for Windows Live Writerの画面" title="Click to enlarge" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2drops.jp/2008/10/syntaxhighlighter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Window Live Writerを試用中</title>
		<link>http://www.2drops.jp/2008/08/try_wlw/</link>
		<comments>http://www.2drops.jp/2008/08/try_wlw/#comments</comments>
		<pubDate>Sun, 03 Aug 2008 01:22:04 +0000</pubDate>
		<dc:creator>きさら</dc:creator>
				<category><![CDATA[ソフトウェア]]></category>
		<category><![CDATA[Windows Live Writer]]></category>

		<guid isPermaLink="false">http://www.2drops.jp/2008/08/try_wlw/</guid>
		<description><![CDATA[WYSIWYGのブログ投稿クライアント「Windows Live Writer」を使ってみています。Microsoft製品で久々のアタリかも!?]]></description>
			<content:encoded><![CDATA[<p>最近、HTMLタグをど忘れてしてしまいます （。。；<br />
記事を書くときに一瞬迷ったりなんだり。<br />
WYSIWYGエディタは吐き出すHTMLがあまりキレイではないと避けてたのですが、ちょっと気になる記事を発見。</p>
<p>> HTML はなかなか素直なコードをだすようで好印象。 しかしたまに、IME 制御が出来なくなるようです、、がこれは ATOK だからかな～。 うちだけかも。 まぁまだ英語版ベータですし、なにかしらの不具合はあるかもしれません。</p>
<p>[hiromasa.zone :o) » Windows Live Write を使ってみる](http://zone.maple4ever.net/blog/archives/660/)</p>
<p>こちらはベータ版の頃の記事。<br />
素直なコードを出すということなので早速試しています。<br />
軽く使ってみましたが、なかなかいい感じです♪</p>
<p><a href="http://farm4.static.flickr.com/3160/2744640085_63bfac8bee_o.png"  rel="lightbox" title="Windows Live Writer"><br />
<img src="http://farm4.static.flickr.com/3160/2744640085_e9d7bbd7d7_m.jpg" alt="Windows Live Writer" id="image" /><br />
</a></p>
<p>画像のアップロードが楽ですね。<br />
簡単な編集（明度の変更やウォーターマークの挿入、ぼかしを入れる等）はささっとできてしまいますね。<br />
画像編集ソフトはもう、サイズの変更くらいしか使わなくてすみそう・・・<br />
縁取りをつけたりドロップシャドウを入れたり、はたまたサムネイルのサイズを変更したり。<br />
そんな事もCSSをいじらずにエディタ上でできるのがいいです。<br />
画像のMarginも簡単に挿入できました。</p>
<p>私は多分使わないとは思いますが、地図（Live Mapから）の挿入や動画の挿入も簡単に出来ます。</p>
<p>おおっ、と思ったのが**タグの挿入**機能。<br />
Technoratiやdel.isio.us、Flickrのタグを挿入できます。<br />
はてながあったのにはちょっと笑いましたが。 ←思いっきり日本人向けだろう、とｗ</p>
<p>気になることもやっぱりあります。</p>
<p>別ウィンドウからエディタに戻るとIMEがオフになってしまいます。<br />
これはちょっと面倒かな。ブラウザで参考になるサイトを見ながら書いたりすることが結構多いので。</p>
<p>文字色の変更をすると <font> タグが挿入されるので、HTMLコード（Shift+F11）で調整しなおしが必要そうです。<br />
戻るのはCtrl+F11やF11で一発なので楽なんですけどね。エディタじゃ吐き出されないソースの調整もするから気にしなくてもいい程度かな？</p>
<p>「Webレイアウト」や「Webプレビュー」で、私の環境だとサイトのCSSが反映されません。<br />
CSSファイルに記述されたimportは読めないのかな？<br />
私が使っているVicuna &#8211; CMSは最初に読み込むCSSにimportしか書かれていないので、この現象なのかも。<br />
（そのうちテンプレートを自作したいとは思ってますが、どうなることやら・・・）</p>
<p>それでも便利なので、しばらく使ってみようと思います。</p>
<p><span id="more-33"></span></p>
<p>### 覚書</p>
<p>+ キーワードはタグに変換される、区切りは , （カンマ）で<br />
+ *スラッグはエントリーURLに使われる*ものなので、必ず半角英数で<br />
+ wp.Vicunaではheader要素はh1とh2が使用済みなので、*見出し3以下を選択*する<br />
+ 画像のアップロードはFTPで月ごとのフォルダを選択する（管理しやすいように）</p>
<p>### インストールしたプラグイン</p>
<p>[Syntax Highlighter for Windows Live Writer](http://www.codeplex.com/Wiki/View.aspx?ProjectName=Highlight4Writer)<br />
HTMLやCSSのコードを見やすく表示。<br />
Lispに対応していないのが残念だけど、Emacsネタ書かないだろうから大丈夫かな？</p>
<p>[Url2Title プラグイン](http://blogs.wankuma.com/katamari/archive/2008/07/07/147669.aspx)<br />
URLをコピーして貼り付けると、タイトルを自動挿入。<br />
Webレイアウトでしか試してませんが、すごく便利です。</p>
<p>[Cagylogic: Amazon アソシエイト プラグイン ver 1.2.2 for Windows Live Writer](http://www.cagylogic.com/archives/2007/12/12000129.php)<br />
Amazonアソシエイトのリンクを挿入。<br />
作者も仰っているが、検索結果がソートされないのが残念（でも便利）</p>
<p>[Dynamic Template plug-in for Windows Live Writer](http://www.joecheng.com/code/DynamicTemplate/) 日本語版：[Dynamic Template Plug-in 日本語化版](http://katamari.jp/soulware/index.php/post/dynamictemplate)<br />
自作のテキストテンプレートを挿入。<br />
HTMLで記述することに注意。</p>
<p>[hiromasa.another :o) » Blog Archive » Windows Live Writer プラグイン WlOdeko リリース(?)](http://another.maple4ever.net/archives/392/)<br />
画像表示ライブラリ「highslide」のコードを挿入。<br />
自分でコンパイルが必要ですが、C#がわかれば自分でアップロードした画像に対して処理できそう（私はFlickrなので問題無）</p>
<p>[Blog This for Firefox](http://gallery.live.com/liveItemDetail.aspx?li=8eb2551a-49c1-45f9-b291-9b75241793a6&#038;bt=9&#038;pl=8)<br />
引用したい部分を選択してボタンを押せば、文章の引用・記事へのリンクを自動的に作成。<br />
新規投稿（New Post）と現在の記事に追記（Open Post）から選べるようです。<br />
Firefox3.xに対応していない為、現在は無効中・・・</p>
<p>### あったらいいなの機能</p>
<p>既に使ったキーワードを選択できるようにできたら。<br />
⇒タグクラウドの関係でですけどね。</p>
<p>### おまけ</p>
<p>ローカルとサーバーで記事の同期が取れないときのエラーです。</p>
<p>![WLWのエラー](http://farm4.static.flickr.com/3171/2745477250_a775d6af1c_o.png)</p>
<p>ちょｗｗｗ</p>
<p>=== 8/11追記 =====</p>
<p>WordPressプラグイン【Ultimate Google Analytics】を利用している場合は、WPプラグイン側で設定が必要です。<br />
【Ultimate Google Analytics】の設定から Advanced configuretion を開いて、Track external links のチェックを外してください。<br />
外部リンクのトラッキングに挿入するJavaScriptと競合しているようです。 </p>
]]></content:encoded>
			<wfw:commentRss>http://www.2drops.jp/2008/08/try_wlw/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

