Yahoo!ウィジェットでHello World
まずはYahoo!ウィジェットエンジンをここからDLし、インストールします。
Yahoo!ウィジェット 開発ツールページからウィジェットコンバーター（ウィジェット版）をDLし、インストールします。
ウィジェットコンバーターを起動し、My Documents\My Widgets内にあるCPUポータル.widgetをウィジェットコンバーターウィンドウにドラッグドロップすると以下の階層で展開される。
- CPUポータル/
*.konファイルがメインコードとなり、*.konファイルをダブルクリックすればウィジェットが立ち上がります。
*.konファイルを開くとこんな感じ
<?xml version="1.0" encoding="UTF-8"?>
<widget minimumVersion="4.0">
<window title="CPUポータル">
<name>mainWindow</name>
<width>169</width>
<height>77</height>
<shadow>0</shadow>
<alignment>left</alignment>
<visible>0</visible>
<onFirstDisplay>
mainWindow.hOffset = 10 + screen.availLeft;
mainWindow.vOffset = (screen.availHeight + screen.availTop) - 87;
</onFirstDisplay>
<image src="Images/bevel.png">
<name>bevel</name>
<hOffset>0</hOffset>
<vOffset>0</vOffset>
</image>
：
：Hello World!を出力するウィジェットを作ります。
helloWorld.konを次の内容で作成します。
<?xml version="1.0" encoding="UTF-8"?>
<widget minimumVersion="4.0" debug="on">
<window title="Hello World!!">
<name>mainWindow</name>
<title>Hello World Title</title>
<width>400</width>
<height>200</height>
<shadow>0</shadow>
<alignment>left</alignment>
<visible>true</visible>
<text>
<name>myText</name>
<data>Hello World!</data>
<hOffset>0</hOffset>
<vOffset>30</vOffset>
<size>20</size>
<color>red</color>
<bgColor>#ffffff</bgColor>
<bgOpacity>255</bgOpacity>
</text>
</window>
<action>
<trigger>onLoad</trigger>
</action>
</widget>作成したファイルをダブルクリックで実行すると、「"helloWorld"を始めて実行しようとしています。〜」というダイアログが表示されるが、気にしないで「ウィジェットを使用」を押すと白背景に赤文字でHello World!と表示された小さなウィンドウと、「Konfabulator helloWorld」ウィンドウが表示されます。
このコンソールはウィジェットのデバッグツールで、使い方はコンソールのEvaluateにmyText.color=blueと入力し、エンターキーを押すとHello World!の文字が青くなったり、/dump myTextと入力するとmyTextの属性一覧が表示されたりと便利なツールなんです。
