rabbit 0.6.2

data/sample/kof2005/high-light.svg

@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="190.28000pt"
+   height="88.890000pt"
+   id="svg1332"
+   sodipodi:version="0.32"
+   inkscape:version="0.42.2"
+   sodipodi:docbase="/home/kou/work/ruby/rabbit/sample/kof2005"
+   sodipodi:docname="high-light.svg">
+  <defs
+     id="defs1334" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.3035730"
+     inkscape:cx="156.97634"
+     inkscape:cy="79.766004"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="971"
+     inkscape:window-height="668"
+     inkscape:window-x="29"
+     inkscape:window-y="3" />
+  <metadata
+     id="metadata1337">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1.0000000;fill:#ddeeff;fill-opacity:1.0000000;stroke:#2299cc;stroke-width:0.36852741;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       id="rect1306"
+       width="107.24148"
+       height="99.502403"
+       x="7.2129250"
+       y="5.9003468" />
+    <rect
+       style="opacity:1.0000000;fill:#fff1ec;fill-opacity:1.0000000;stroke:#ff9999;stroke-width:0.30500001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       id="rect2041"
+       width="62.656357"
+       height="64.123772"
+       x="17.718277"
+       y="13.639421"
+       rx="12.890000"
+       ry="12.890000" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:1.0000000;fill:#ccffcc;fill-opacity:1.0000000;stroke:#006600;stroke-width:0.30500001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       id="path1355"
+       sodipodi:cx="67.838348"
+       sodipodi:cy="64.869064"
+       sodipodi:rx="25.477753"
+       sodipodi:ry="25.477753"
+       d="M 93.316101 64.869064 A 25.477753 25.477753 0 1 1  42.360596,64.869064 A 25.477753 25.477753 0 1 1  93.316101 64.869064 z"
+       transform="translate(10.27843,2.297452)" />
+    <rect
+       style="opacity:1.0000000;fill:none;fill-opacity:0.40000001;stroke:#333333;stroke-width:1.2500000;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-dasharray:1.2500000 2.5000000 ;stroke-dashoffset:1.2500000;stroke-opacity:0.60000002"
+       id="rect2647"
+       width="53.871635"
+       height="53.718155"
+       x="51.104229"
+       y="40.266254"
+       rx="12.890000"
+       ry="0.15348044" />
+    <path
+       style="fill:#ffffff;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000"
+       d="M 83.382287,64.027357 L 84.624517,82.039777 L 89.593467,74.586367 L 96.425757,83.903137 L 100.15247,80.797547 L 92.077937,72.723017 L 100.15247,70.238537 L 83.382287,64.027357 z "
+       id="path2689"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       y="5.9003468"
+       x="125.21292"
+       height="99.502403"
+       width="107.24148"
+       id="rect1651"
+       style="opacity:1.0000000;fill:#ddeeff;fill-opacity:1.0000000;stroke:#2299cc;stroke-width:0.36852741;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000" />
+    <rect
+       rx="12.890000"
+       y="13.639421"
+       x="135.71828"
+       height="64.123772"
+       width="62.656357"
+       id="rect1653"
+       style="opacity:1.0000000;fill:#fff1ec;fill-opacity:1.0000000;stroke:#ff9999;stroke-width:0.30500001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       ry="12.890000" />
+    <path
+       transform="translate(128.2784,2.297452)"
+       d="M 93.316101 64.869064 A 25.477753 25.477753 0 1 1  42.360596,64.869064 A 25.477753 25.477753 0 1 1  93.316101 64.869064 z"
+       sodipodi:ry="25.477753"
+       sodipodi:rx="25.477753"
+       sodipodi:cy="64.869064"
+       sodipodi:cx="67.838348"
+       id="path1657"
+       style="opacity:1.0000000;fill:#ccffcc;fill-opacity:1.0000000;stroke:#006600;stroke-width:0.30500001;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       sodipodi:type="arc" />
+    <rect
+       style="opacity:1.0000000;fill:none;fill-opacity:0.40000001;stroke:#333333;stroke-width:1.2500000;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4.0000000;stroke-dasharray:1.2500000 2.5000000 ;stroke-dashoffset:1.2500000;stroke-opacity:0.60000002"
+       id="rect1655"
+       width="64.571266"
+       height="65.810783"
+       x="134.77768"
+       y="12.668013"
+       rx="15.620620"
+       ry="0.18590036" />
+    <path
+       sodipodi:nodetypes="cccccccc"
+       id="path1661"
+       d="M 180.11098,20.182426 L 181.35321,38.194846 L 186.32216,30.741436 L 193.15445,40.058206 L 196.88116,36.952616 L 188.80663,28.878086 L 196.88116,26.393606 L 180.11098,20.182426 z "
+       style="fill:#ffffff;fill-opacity:1.0000000;fill-rule:evenodd;stroke:#000000;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000" />
+  </g>
+</svg>

data/sample/kof2005/mask.rb

@@ -0,0 +1,105 @@
+#!/usr/bin/env ruby
+
+require 'gtk2'
+
+Gtk.init
+
+width = 100
+height = 100
+
+use_area = ARGV.empty?
+
+window = Gtk::Window.new
+window.set_default_size(width, height)
+window.signal_connect("destroy") do |widget, event|
+  Gtk.main_quit
+  true
+end
+window.signal_connect("key_press_event") do |widget, event|
+  if event.state.control_mask? and event.keyval == Gdk::Keyval::GDK_q
+    widget.destroy
+    true
+  else
+    false
+  end
+end
+window.signal_connect("expose_event") do |widget, event|
+  cr = widget.window.create_cairo_context
+  rgba = [0xdd, 0xee, 0xff, 0xff].collect{|x| x / 255.0}
+  cr.set_source_rgba(rgba)
+  cr.rectangle(0, 0, width, height)
+  cr.fill
+  false
+end
+
+layout = Gtk::Layout.new
+
+name = File.join(File.dirname(__FILE__), "ruby-gnome2-logo.png")
+loader = Gdk::PixbufLoader.new
+File.open(name, "rb") do |f|
+  loader.last_write(f.read)
+end
+pixbuf = loader.pixbuf
+image = Gtk::Image.new(pixbuf.scale(width, height))
+layout.put(image, 0, 0)
+
+area = Gtk::DrawingArea.new
+area.set_size_request(width, height)
+area.signal_connect("realize") do |widget, event|
+  x, y, w, h = widget.allocation.to_a
+  mask = Gdk::Pixmap.new(nil, w, h, 1)
+
+  set_gc = Gdk::GC.new(mask)
+  set_gc.function = Gdk::GC::SET
+  args = [set_gc, true, 0, 0, w, h]
+  mask.draw_rectangle(*args)
+
+  xor_gc = Gdk::GC.new(mask)
+  xor_gc.function = Gdk::GC::INVERT
+  args = [xor_gc, true, w / 6.0, h / 6.0,
+          w * 2.0 / 3.0, h * 2.0 / 3.0,
+          0, 360 * 64]
+  mask.draw_arc(*args)
+
+  widget.shape_combine_mask(mask, 0, 0)
+  false
+end
+area.signal_connect("expose_event") do |widget, event|
+  cr = widget.window.create_cairo_context
+  rgba = [0xff, 0xf1, 0xec, 0xcc].collect{|c| c / 255.0}
+  cr.set_source_rgba(rgba)
+  cr.paint
+  false
+end
+
+box = Gtk::EventBox.new
+box.visible_window = false
+box.set_size_request(width, height)
+box.signal_connect("expose_event") do |widget, event|
+  x, y, w, h = widget.allocation.to_a
+
+  cr = widget.window.create_cairo_context
+  cr.translate(x, y)
+  cr.scale(w, h)
+  
+  rgba = [0xff, 0xf1, 0xec, 0xcc].collect{|c| c / 255.0}
+  cr.set_source_rgba(rgba)
+
+  cr.rectangle(0, 0, 1, 1)
+  cr.arc_negative(0.5, 0.5, 0.4, 2 * Math::PI, 0)
+  cr.close_path
+  cr.fill
+  false
+end
+
+if use_area
+  layout.put(area, 0, 0)
+else
+  layout.put(box, 0, 0)
+end
+
+window.add(layout)
+window.show_all
+
+Gtk.main
+

data/sample/kof2005/mask.svg

@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="258.28000pt"
+   height="92.890000pt"
+   id="svg2370"
+   sodipodi:version="0.32"
+   inkscape:version="0.42.2"
+   sodipodi:docbase="/home/kou/work/ruby/rabbit/sample"
+   sodipodi:docname="mask.svg">
+  <defs
+     id="defs2372" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.6081777"
+     inkscape:cx="166.37595"
+     inkscape:cy="69.244468"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="696"
+     inkscape:window-height="515"
+     inkscape:window-x="207"
+     inkscape:window-y="242" />
+  <metadata
+     id="metadata2375">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="opacity:1.0000000;fill:#ddeeff;fill-opacity:1.0000000;stroke:#2299cc;stroke-width:0.34949318;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       id="rect1306"
+       width="101.70252"
+       height="94.363159"
+       x="7.6905026"
+       y="12.280086" />
+    <image
+       id="image2539"
+       height="80.000000"
+       width="80.000000"
+       sodipodi:absref="/home/kou/work/ruby/rabbit/sample/ruby-gnome2-logo.png"
+       xlink:href="ruby-gnome2-logo.png"
+       x="17.487675"
+       y="20.219831" />
+    <path
+       style="fill:#fff1ec;fill-opacity:1.0000000;stroke:#ff9999;stroke-width:0.34949318;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-opacity:0.80000001"
+       d="M 7.6980979,12.280730 L 7.6980979,106.65573 L 109.38560,106.65573 L 109.38560,12.280730 L 7.6980979,12.280730 z M 58.760598,32.561980 C 75.408012,32.561980 88.916848,46.070816 88.916848,62.718230 C 88.916848,79.365640 75.408012,92.905730 58.760598,92.905730 C 42.113184,92.905730 28.604348,79.365640 28.604348,62.718230 C 28.604348,46.070816 42.113184,32.561980 58.760598,32.561980 z "
+       id="rect2579" />
+    <rect
+       transform="matrix(0.978625,0.205654,-0.771940,0.635695,0.000000,0.000000)"
+       style="opacity:1.0000000;fill:none;fill-opacity:1.0000000;stroke:#2299cc;stroke-width:0.38551128;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       id="rect2591"
+       width="122.49804"
+       height="95.323952"
+       x="189.26199"
+       y="-17.916601" />
+    <rect
+       y="-27.530628"
+       x="179.64873"
+       height="95.323593"
+       width="122.49833"
+       id="rect2585"
+       style="opacity:1.0000000;fill:#ddeeff;fill-opacity:1.0000000;stroke:#2299cc;stroke-width:0.38551092;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:1.0000000"
+       transform="matrix(0.978625,0.205654,-0.771940,0.635695,0.000000,0.000000)" />
+    <image
+       y="-19.510078"
+       x="191.44914"
+       xlink:href="ruby-gnome2-logo.png"
+       sodipodi:absref="/home/kou/work/ruby/rabbit/sample/ruby-gnome2-logo.png"
+       width="96.358086"
+       height="80.814301"
+       id="image2587"
+       transform="matrix(0.978625,0.205654,-0.771940,0.635695,0.000000,0.000000)" />
+    <rect
+       y="-37.603321"
+       x="171.41202"
+       height="95.323479"
+       width="122.49804"
+       id="rect2184"
+       style="opacity:1.0000000;fill:none;fill-opacity:1.0000000;stroke:#ff9999;stroke-width:0.38551065;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-dasharray:none;stroke-opacity:0.80000001"
+       transform="matrix(0.978625,0.205654,-0.771940,0.635695,0.000000,0.000000)" />
+    <path
+       style="fill:#fff1ec;fill-opacity:1.0000000;stroke:#ff9999;stroke-width:0.34066221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4.0000000;stroke-opacity:0.80000001"
+       d="M 195.08198,5.2877461 L 121.48814,65.892479 L 241.34991,91.080951 L 314.94372,30.476215 L 195.08198,5.2877461 z M 239.45533,30.960162 C 259.07808,35.083804 264.46708,47.104971 251.48539,57.795421 C 238.50370,68.485879 212.02189,73.834713 192.39914,69.711065 C 172.77639,65.587427 167.41177,53.546195 180.39345,42.855739 C 193.37514,32.165278 219.83259,26.836522 239.45533,30.960162 z "
+       id="path1456" />
+    <text
+       xml:space="preserve"
+       style="font-size:16.000000px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125.00000%;writing-mode:lr-tb;text-anchor:start;fill:#003399;fill-opacity:1.0000000;stroke:none;stroke-width:1.0000000px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1.0000000;font-family:Bitstream Vera Sans"
+       x="137.26236"
+       y="23.814974"
+       id="text2358"
+       sodipodi:linespacing="125.00000%"><tspan
+         sodipodi:role="line"
+         id="tspan2577"
+         x="137.26236"
+         y="23.814974">まるく穴が開いている</tspan></text>
+  </g>
+</svg>

data/sample/kof2005/skip-up-with-ruby-gnome2.rd

@@ -0,0 +1,450 @@
+# bin/rabbit -I sample sample/kof2005/skip-up-with-ruby-gnome2.rd
+
+= Skip up with(('
'))Ruby-GNOME2
+
+: place
+   KOF2005ステージ
+
+: date
+   2005/10/28
+
+: author
+   須藤功平
+
+: institution
+   COZMIXNG
+
+: theme
+   kof2005
+
+: allotted-time
+   15m
+
+= 近況
+
+  * 私を知っている人向け
+
+  * Since LLDN...
+
+    * Summer of Code((*成功！*))
+      * スーパーハッカー認定 by AC
+    * ((*R*))abbit ((*D*))riven ((*D*))evelopment
+      * cairoのRubyバインディング作成
+
+= self.about(('note:(Date.today)'))
+
+  * An OSS Developer
+
+    * Ruby-GNOME2コミッタ
+
+    * rcairoコミッタ
+
+  * An OSS User
+
+    * もっとも古いRabbitユーザ
+
+= Concerns
+
+  * 私たちには時間が無い
+
+  * 私にはネームバリューが無い
+
+  * 私にはKOF経験が無い
+
+私たちに必要なものは((*インパクト*))
+
+そして((*スピード*))
+
+= Road Map
+
+  * 基礎はサクッと((*Skip*))
+
+  * 見栄えのするネタ中心
+
+= ネタ
+
+  * ウィジェットを透過
+  * ウィジェットをハイライト
+  * ドラッグで移動
+  * マウスジェスチャー
+  * Layout + EventBoxのススメ
+
+= 採用
+
+  * (('del:ウィジェットを透過'))
+  * ((*ウィジェットをハイライト*))
+  * (('del:ドラッグで移動'))
+  * ((*マウスジェスチャー*))
+  * (('del:Layout + EventBoxのススメ'))
+
+= ボツネタ
+
+  * (('del:cairo/gnomeprintとscale'))
+  * (('del:Rabbitの新機能紹介'))
+  * (('del:cairo/GTK+でカスタムUI作成'))
+
+= 基礎
+
+= ウィジェット
+
+GUIの構成要素: ((*重なっている*))
+
+  # image
+  # src = widget.svg
+  # caption = ウィジェット
+  # relative_width = 100
+
+= GTK+のウィジェット
+
+ウィジェット((*毎*))にGDK Window
+
+  # image
+  # src = gtk+-widget.svg
+  # caption = GTK+のウィジェット
+  # relative_width = 100
+
+= ハイ(('
'))ライト
+
+= ハイライト
+
+選択中のウィジェットを強調表示
+
+  # image
+  # src = high-light.svg
+  # relative_width = 100
+
+= 作戦
+
+  * イベント捕捉
+    * カーソルが入った／出た
+
+  (1) 入っていたら自分で描画
+
+  (2) 入ったら専用ウィジェット表示
+      
+      出たら専用ウィジェットを隠す
+
+= 構成
+
+: Gtk::Layout
+   任意の場所に子ウィジェットを配置可能
+
+ # image
+ # src = high-light-architecture.svg
+ # relative_width = 100
+
+= 自分で描画
+
+  * 実装は((*簡単*))(('note:．．．だけど'))
+  * 最前面に描画((*できない*))
+
+ # image
+ # src = high-light-expose.svg
+ # relative_width = 100
+
+= 内外判定
+
+入ったフラグを立てる
+
+  # enscript ruby
+  
+  entered = false
+  name = "enter_notify_event"
+  box.signal_connect(name) do
+    entered = true
+    queue_draw
+    false
+  end
+
+= 内外判定
+
+入ったフラグを下げる
+
+  # enscript ruby
+
+  name = "leave_notify_event"
+  box.signal_connect(name) do
+    entered = false
+    queue_draw
+    false
+  end
+
+= 描画
+
+入っていたら枠を描画
+
+  # enscript ruby
+  
+  name = "expose_event"
+  box.signal_connect_after(name) do
+    if entered
+      draw_rectangle(...)
+    end
+  end
+
+デモ
+
+= 専用ウィジェット
+
+  * 実装は((*トリッキー*))(('note:．．．だけど'))
+  * 最前面に描画((*できる*))
+
+ # image
+ # src = high-light-widget.svg
+ # relative_width = 100
+
+= ウィジェット定義
+
+: Gtk::Misc
+   Gtk::EventBoxのスーパークラス
+
+   抽象クラス(('→'))newできない
+
+   継承してtype_register
+
+ # enscript ruby
+
+ class HighLight < Gtk::Misc
+   type_register
+
+= 描画設定
+
+  # enscript ruby
+
+    def initialize
+      super
+      set_flags(Gtk::Widget::NO_WINDOW)
+      signal_connect("expose_event") do
+        draw_rectangle(...)
+        false
+      end
+    end
+  end
+
+
+= 舞台設置
+
+専用ウィジェットは((*1つで十分*))
+
+  # enscript ruby
+  
+  layout = Gtk::Layout.new
+  hl = HighLight.new
+  layout.put(hl, 0, 0)
+  hl.hide
+
+= 内外判定
+
+入ったら専用ウィジェットを表示
+
+  # enscript ruby
+  
+  name = "enter_notify_event"
+  rect.signal_connect(name) do
+    x, y, w, h = rect.allocation.to_a
+    layout.remove(hl)
+    layout.put(hl, x, y)
+    hl.set_size_request(w, h)
+    hl.show
+    false
+  end
+
+= 内外判定
+
+出たら隠す
+
+  # enscript ruby
+
+  name = "leave_notify_event"
+  rect.signal_connect(name) do
+    hl.hide
+    false
+  end
+
+デモ
+
+= マウスジェスチャー
+
+= 作戦
+
+  * ウィジェットと処理を((*分離*))
+
+  * ウィジェット
+
+    * イベントとジェスチャー処理の橋渡し
+
+  * ジェスチャー処理
+
+    * マウスの動いた方向を判断
+    * アクションの起動
+
+= 処理の流れ
+
+  # image
+  # src = gesture-flow.svg
+  # relative_height = 100
+
+= 初期化
+
+  # enscript ruby
+  class GestureProcessor
+    def initialize
+      @threshold = 16
+      @actions = []
+      reset
+    end
+    def reset
+      @started = false
+      @motions = []
+    end
+
+= 開始
+
+  # enscript ruby
+  # クリックされたとき
+    def start(x, y)
+      @prev_x = @x = x
+      @prev_y = @y = y
+      @started = true
+      @motions = []
+    end
+
+= 移動
+
+  # enscript ruby
+  # ドラッグされたとき
+    def update_position(x, y)
+      delta_x = x - @prev_x
+      delta_y = y - @prev_y
+      motion = judge(delta_x, delta_y)
+      return unless motion
+      @prev_x = @x = x
+      @prev_y = @y = y
+      return if @motions.last == motion
+      @motions << motion
+    end
+
+= 判断
+
+  # enscript ruby
+  # 方向の判断
+    def judge(dx, dy)
+      if dx.abs > dy.abs
+        dx < 0 ? "L" : "R"
+      else
+        dy < 0 ? "U" : "D"
+      end
+    end
+
+= アクション
+
+  # enscript ruby
+  # アクションの追加／取得
+    def add_action(seq, act=Proc.new)
+      @actions << [seq, act]
+    end
+    def action
+      @actions.each do |seq, act|
+        return act if seq == @motions
+      end
+      nil
+    end
+
+= 実行
+
+  # enscript ruby
+  # アクションを実行
+    def perform
+      act = action
+      act.call if act
+      reset
+    end
+    def cancel
+      reset
+    end
+  end
+
+= 使用例
+
+  # enscript ruby
+  gesture.add_action(["L", "R"]) do
+    puts "LEFT-RIGHT!"
+  end
+
+デモ
+
+= おさらい（今日のネタ）
+
+  * (('del:ウィジェットを透過'))
+  * ((*ウィジェットをハイライト*))
+  * (('del:ドラッグで移動'))
+  * ((*マウスジェスチャー*))
+  * ((*(('del:Layout + EventBoxのススメ'))*))
+
+= まとめ
+
+  * カスタムUIのススメ
+    * Gtk::Layout
+    * Gtk::EventBox (with NO_WINDOW)
+
+  * ((*R*))abbit ((*D*))riven ((*D*))evelopment
+    * cairoのススメ
+    * 半透明でキレイに見える
+
+= ((' '))
+
+  # image
+  # src = ruby-pink-circle-logo.png
+  # relative_height = 100
+
+=end
+
+= 透過(('&NewLine;'))(('note:（ボツネタ）'))
+
+= ウィジェットを透過
+
+((*後ろ*))のウィジェットを見せる
+
+  # image
+  # src = mask.svg
+  # caption = ウィジェットを透過
+  # relative_width = 100
+
+= マスクの初期化
+
+描画するピクセルのbitを立てる
+
+  # enscript ruby
+  # マスク用バッファ
+  mask = Gdk::Pixmap.new(nil, w, h, 1)
+
+  # 全て描画
+  set_gc = Gdk::GC.new(mask)
+  set_gc.function = Gdk::GC::SET
+  args = [set_gc, true, 0, 0, w, h]
+  mask.draw_rectangle(*args)
+
+= マスクの作成
+
+描画しないピクセルのbitを反転
+
+  # enscript ruby
+  # 描画しない領域を設定
+  xor_gc = Gdk::GC.new(mask)
+  xor_gc.function = Gdk::GC::INVERT
+  args = [xor_gc, true, 0, 0,
+          w, h, 0, 360 * 64]
+  mask.draw_arc(*args)
+
+= マスクの適用
+
+  # enscript ruby
+  widget.shape_combine_mask(mask, 0, 0)
+
+まるく穴が開く
+#(('note:はずだったんだけどなぁ．'))
+
+  # image
+  # src = mask-screenshot.png
+  # caption = 実行結果
+  # relative_height = 100