mieki256's diary

• 窓の下のほうに家具が置いてあったり人が居たりするから下のほうにはてんでばらばらな影ができるはず。
• 点灯してる部屋は上のほうに照明があるので上のほうが明るくなるはず。

• 動作確認環境 : Windows7 x64 + Python 2.7.9 + Tkinter + Pillow 2.8.1
• ライセンスは CC0 ってことで。

◎ 課題。 :

>>> # Python-fuを使う時の最初のおまじない
>>> from gimpfu import *

>>> # 新規画像作成。横幅、縦幅、画像種類(RGB, GRAY, INDEXED)を指定。
>>> image = gimp.Image(640, 480, RGB)

>>> # 作成した画像をGIMPウインドウ内に表示。
>>> gimp.Display(image)
<display>

>>> # そのままではレイヤーすら無い。レイヤーを新規作成。
>>> layer = gimp.Layer(image, "レイヤー名", 640, 480, RGBA_IMAGE, 100, NORMAL_MODE)

>>> # 新規作成したレイヤーを画像に追加。レイヤー、レイヤー挿入位置を指定。
>>> image.add_layer(layer, 0)

>>> # 前景色を指定。R,G,B を 0-255 の値で指定する。
>>> gimp.set_foreground(255, 64, 128)

>>> # レイヤーを前景色で塗り潰す
>>> layer.fill(FOREGROUND_FILL)

>>> # 描画更新
>>> gimp.displays_flush()

>>> # 現在アクティブなレイヤーを取得
>>> layer = image.active_layer
>>> layer
<gimp.Layer 'レイヤー名'>

>>> # レイヤーの横幅を得る
>>> layer.width
640

>>> # レイヤーの縦幅を得る
>>> layer.height
480

>>> # 画像一覧を得る
>>> gimp.image_list()
[<gimp.Image '名称未設定'>]

>>> # 画像一覧中から画像を一つ得る
>>> image = gimp.image_list()[0]
>>> image
<gimp.Image '名称未設定'>

>>> # レイヤー一覧を得る
>>> image.layers
[<gimp.Layer 'レイヤー名'>]

>>> # レイヤー一覧から画像を一つ得る
>>> layer = image.layers[0]
>>> layer
<gimp.Layer 'レイヤー名'>

>>> # ピクセルの情報を得る。x, y, width, height, [dirty, [shadow]] を指定。
>>> src = layer.get_pixel_rgn(0, 0, 16, 16)
>>> src
<gimp.PixelRgn for drawable 'レイヤー名'>

>>> src[0, 0]
'\xff@\x80\xff'

>>> src[15, 15]
'\xff@\x80\xff'

>>> # レイヤーはRGBAなので、1ドットにつき4バイトのはず
>>> len(src[0, 0])
4

>>> # gimp.xxxx と書ける名前の一覧を表示して確認
>>> dir(gimp)
['Channel', 'Display', 'Drawable', 'GroupLayer', 'Image', 'Item', 'Layer', (以下省略) ]

◎ 新規レイヤー作成時のアレコレをメモ。 :

◎ 1ドットずつ何かの処理をする時。 :

◎ メニュー登録の仕方。 :

• 動作確認環境は、Windows7 x64 + GIMP 2.8.10 Portable。
• ライセンスは、CC0ってことで。
• 大きい画像を作ろうとすると、分単位で待たされるので注意。

• スクリプト中の _get_lights() 内を書き換えれば、窓の点灯・非点灯の並びが変えられるはず。
• スクリプト中の _get_one_block() 内を書き換えれば、窓1つ分の中のドットパターンを変えられるはず。

1. 8x8ドットや16x16ドットで画像を新規作成して鉛筆ツールでドットを打って、
2. フィルター → マップ → 並べる、で好きな数だけ並べて、
3. 全選択してコピーして、生成画像に新規レイヤーを追加して貼り付け

◎ 実際のビルの夜景について。 :

• 340.52 (2014/12/09)
• 334.94 (2014/03/25)
• 334.89 (2014/02/24)

生ハムは、燻製はするが加熱しないもの（ラックスハム）、塩漬け・乾燥のみで燻製しないもの（プロシュットやハモン・セラーノなど）に分かれる。

ハム - Wikipedia より

ところが、生ハムの場合は、燻蒸せず、そのまま冷暗所で乾燥させながら熟成させるだけなんだよね。

生ハムの場合は普通のハムよりかなりきつめに塩をしているので、その保存効果は高まるんだけど、さらに乾燥させることで水分を飛ばすので、その保存効果が高まるのだ。
細菌（バクテリア）なんかは高い塩分濃度と乾燥で増殖が抑えられるので十分に効果があるんだよね。 ウイルスの場合は、自分で増えるものではなく、感染した宿主のメカニズムを使って増えるので増殖を抑えるとかそういうことでは防げないのだ。

しろたん調査部: 生ハムは「生」だけど豚肉を生食してよいのか より

ただ，アメリカでは自家製の生ハムなどが感染源だった例があるという研究報告はみつけました。

生ハムを避けることが妊婦のトキソプラズマ症予防となるのか？ | 魚野剣太郎中小企業診断士事務所 より

それは、レアステーキや生ハムなどの加熱が不十分な肉、ガーデニングなどの土いじりです。寄生虫「トキソプラズマ」が原因です。

妊娠時 寄生虫 "トキソプラズマ"の危険 | 健康・医療 | NHK生活情報ブログ:NHK より

◎ 宗教で規制するか法律で規制するか。 :

◎ もしかしてGIMPが使えないかな。 :

◎ Inkscapeでどうにかできんかな。 :

◎ Google Web Designerはどうか。 :

• Markdown Edit はアイコン表示に Windows 8.1 の Segoe UI Symbol というフォントを決め打ちで使っている。
• しかし Windows7 に同梱されている同フォントは古いので文字が足りてない。
• 結果、Windows 8.1 では表示されるアイコン(のように見える文字)が、Windows7 ではそんなアイコン(のように見える文字)が無いため、表示されなかった。

1. コントロールパネル → デスクトップのカスタマイズ → フォント。
2. Segoe UI Symbol を右クリックしてコピー。
3. 任意のフォルダに張り付け。バックアップを取っておく。
4. Install-Segoe-UI-Symbol-Font-in-Windows-8.zip を解凍。
5. 一番新しい Segoe UI Symbol を右クリック → インストール。

◎ Sagoe UI Symbol について少し調べたり。 :

◎ 新しい版を見つけた。 :

Timestamp: 2015/06/09 9:50:01
Warning: Expected declaration but found '['.  Skipped to next declaration.
Source File: file:///C:/Users/hoge/AppData/Local/Temp/raster-990000.svg
Line: 0
Source Code:
[object CSS2Properties]

1. +ボタンを何度か押して
2. Select object を選んで目的のオブジェクトをクリックして選択。
3. その後、Set Properties を選んで動かす量を設定。
4. フロッピーディスクアイコンをクリックすると、その内容でフレームが作られる。

◎ ツールバーやステータスバーが他のフォームと重なってしまう問題。 :

◎ FlowLayoutPanelの入れ子が上手くいかず。 :

◎ 複数のPictureBoxを背景透過したいのだけど。 :

Panel
|
+-- PictureBox 1
    |
    +-- PictureBox 2
    |
    +-- PictureBox 3

Panel
|
+-- PictureBox 1
    |
    +-- PictureBox 2
        |
        +-- PictureBox 3

// PictureBox描画
private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
    Graphics g = e.Graphics;

    pictureBox1.Width = canvas_w;
    pictureBox1.Height = canvas_h;

    g.FillRectangle(Brushes.White, g.VisibleClipBounds);

    // グリッド描画
    if (displayGridToolStripMenuItem1.Checked)
    {
        Pen p = new Pen(Color.FromArgb(128, Color.Gainsboro), 1);
        for (int x = 0; x < canvas_w; x += grid_w)
        {
            g.DrawLine(p, x, 0, x, canvas_h);
        }
        for (int y = 0; y < canvas_h; y += grid_h)
        {
            g.DrawLine(p, 0, y, canvas_w, y);
        }
    }

    // オブジェクト描画
    for (int i = 0; i < images.Count; i++)
    {
        ObjData o = (ObjData)images[i];
        if (o.type == 0)
        {
            g.DrawImage(o.bitmap, o.x, o.y);
        }
    }
}

// PictureBox上でマウスボタンが押された
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
    int mouseX = e.X;
    int mouseY = e.Y;

    buttonPressed = true;
    Boolean multiSelect = false;

    // Shiftキーが押されてるなら複数選択モード
    if ((Control.ModifierKeys & Keys.Shift) == Keys.Shift) multiSelect = true;

    Boolean fg = false;
    for (int i = images.Count - 1; i >= 0; i--)
    {
        ObjData o = images[i];
        o.setOffset(mouseX, mouseY); // マウス座標からのオフセット値を記録
        if (!multiSelect) o.selected = false;
        if (!fg && o.x <= mouseX && mouseX <= (o.x + o.w) && o.y <= mouseY && mouseY <= (o.y + o.h))
        {
            // マウス座標と重なってるオブジェクトの選択状態を切り替える
            o.selected = !o.selected;
            fg = true;
        }
    }

    pictureBox1.Invalidate();
    setStatusObjInfoNow();
}

// PictureBox 上でマウスボタンが離された
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
    buttonPressed = false;
    setStatusObjInfoNow();
}

// PictureBox 上でマウスがドラッグされた
private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
    if (buttonPressed && countSelectedObject() > 0)
    {
        int mouseX = e.X;
        int mouseY = e.Y;

        // 選択されてるオブジェクトは全て移動する
        foreach (ObjData o in images)
            if (o.selected) o.changePosition(mouseX, mouseY);

        pictureBox1.Invalidate();
        setStatusObjInfoNow();
    }
}

◎ 左揃え、右揃え等も実装。 :

◎ JSONでレイアウトを保存できた。 :

◎ これからやりたいこと。 :

◎ 省略した動きでふと思い出した。 :

全然関係ないけど。これがもしラレコ監督作品だったら、たぶんこう動か…

違う！ 全然違う！ こんな動きじゃない！ …今度機会があったらコマ送りして勉強してみます。変形を駆使して実現してるのかなと想像してたけど、やってみたら難しいな…どうやるんだコレ…。

あの動き、個人的に結構好きで。リミテッドアニメの気持ちよさって本来こういう動きだよなと見ていて思った記憶が。

でも、NHKのあのアニメ、放送時間がガラッと変わったり、他のアニメに平気でぶつけてきたりするから、録画予約は諦めちゃったんだよな…。

◎ グリッドへのスナップ。 :

◎ カーソルキーで1ドット単位で移動。 :

◎ ズーム表示機能を実装。 :

◎ Visual Studio のTODO機能。 :

// TODO ズーム機能を書かないと…

◎ Visual Studio のブックマーク機能。 :

◎ Visual Studio 上で、git を使ってソース管理。 :

ローカル分岐 master をリモートリポジトリ origin に発行できません。
同じ名前の分岐が既に存在します。
ローカル分岐の名前を変更してもう一度やり直してください。

◎ gitでtagをつける。 :

git push origin master
git tag -a release_0.0.2 -m "release 0.0.2"
git push --tags

◎ 絶対パスと相対パスの変換。 :

◎ ComboBoxにフォーカスが残り続ける問題。 :

◎ マウスのホイール回転でズーム。 :

◎ 中ボタンや右ボタンのドラッグでスクロール。 :

◎ その他参考ページ。 :

foreach (ObjData o in objs)
    o.selected = fg;

objs.ForEach(o => o.selected = fg);

◎ First()やLast()について。 :

• Windows用フリーソフトです。Windows7 x64 で動作確認しました。
• .NET Framework 4.5.x がインストールされてる環境が必要です。

◎ 何に使えるかと言うと。 :

画像があるとするじゃろ？

このツールで配置するじゃろ？

YAML形式でエクスポートするじゃろ？

例えば、Ruby + DXRuby でこんなスクリプトを書いて実行するじゃろ？

require 'dxruby'
require 'yaml'

o = YAML.load_file("layout1.yml")

Window.resize(o[:canvas_w], o[:canvas_h])

sprs = []
o[:objs].each do |d|
  if d[:type] == 0
    # 画像
    img = Image.load(d[:path])
    spr = Sprite.new(d[:x], d[:y], img)
    sprs.push(spr)
  else
    # テキスト(フォントサイズが合ってない)
    fnt = Font.new(d[:fontsize], d[:fontname])
    img = Image.new(d[:w], d[:h])
    img.drawFont(0, 0, d[:text], fnt, d[:fontcolor])
    spr = Sprite.new(d[:x], d[:y], img)
    sprs.push(spr)
  end
end

# メインループ
Window.loop do
  break if Input.keyPush?(K_ESCAPE)
  Sprite.draw(sprs)
end

ババーン。再現できるじゃろ。

そんだけです。

◎ ていうか。 :

◎ 余談。 :

![画像の説明](images/screenshot.png)

https://github.com/アカウント名/プロジェクト名/blob/master/ファイル名

◎ IronPython用のPythonスクリプトをexe化。 :

ipy.exe IronPythonインストール場所\Tools\Scripts\pyc.py /target:exe /main:hoge.py hoge.py

> C:\Python\IronPython2.7\ipy.exe C:\Python\IronPython2.7\Tools\Scripts\pyc.py /target:winexe /main:PythonApplicationTest01.py PythonApplicationTest01.py

Input Files:
        PythonApplicationTest01.py
Output:
        PythonApplicationTest01
Target:
        WindowApplication
Platform:
        ILOnly
Machine:
        I386
Threading:
        STA

Compiling...
Saved to PythonApplicationTest01

PythonApplicationTest01.dll
PythonApplicationTest01.exe

◎ さすがにTkinterは動かないらしい。 :

◎ underの指定。 :

# 文字は、0,1,2,3番目、と数える。

# under=0 が指定されてるから、「Save」の、0番目の文字の「S」が使われる。
menu_file.add_command(label="Save", under=0, command = self.save_project, accelerator="Ctrl+S")

# under=5 が指定されてるから、「Save as...」の、5番目の文字の「a」が使われる。
menu_file.add_command(label="Save as...", under=5, command = self.save_as_project, accelerator="Shift+Ctrl+S")

# under=1 が指定されてるから、「Exit」の、1番目の文字の「x」が使われる。
menu_file.add_command(label="Exit", under=1, command = self.quit, accelerator="Ctrl+Q")

◎ Tkinterのショートカットキー関係。 :

self.bind_all("<Shift-Control-S>", self.save_as_project)

self.bind_all("<Control-q>", self.quit)

◎ 終了のさせ方。 :

◎ Win32 APIとやらを使う。 :

◎ TkDNDを使う。 :

└─tkdnd2.8
        libtkdnd2.8.dll
        pkgIndex.tcl
        tkdnd.tcl
        tkdnd_compat.tcl
        tkdnd_generic.tcl
        tkdnd_macosx.tcl
        tkdnd_unix.tcl
        tkdnd_windows.tcl

D:.
│  test.py
│  TkinterDnD.html
│
└─TkinterDnD2
        TkinterDnD.py
        __init__.py

os.environ['TKDND_LIBRARY'] = DIRECTORYTOTHETKDNDBINARY
↓
os.environ['TKDND_LIBRARY'] = ".\\tkdnd"

pip install PyOpenGL
pip install PyOpenGL_accelerate
pip install PyOpenGL-Demo

PyOpenGL-3.1.0.tar.gz
PyOpenGL-accelerate-3.1.0.tar.gz
PyOpenGL-Demo-3.0.0.tar.gz

C:\Python2.7インストール場所\Lib\site-packages\PyOpenGL-Demo

C:\Python\Python27\Lib\site-packages\PyOpenGL-Demo\redbook> py hello.py
Traceback (most recent call last):
  File "hello.py", line 97, in <module>
    glutInit(sys.argv)
  File "C:\Python\Python27\Lib\site-packages\OpenGL\GLUT\special.py", line 333, in glutInit
    _base_glutInit( ctypes.byref(count), holder )
  File "C:\Python\Python27\Lib\site-packages\OpenGL\platform\baseplatform.py", line 407, in __call__
    self.__name__, self.__name__,
OpenGL.error.NullFunctionError: Attempt to call an undefined function glutInit, check for bool(glutInit) before ca
lling

PyOpenGL_accelerate-3.1.1a1-cp27-none-win32.whl
PyOpenGL-3.1.1a1-cp27-none-win32.whl

pip install PyOpenGL-3.1.1a1-cp27-none-win32.whl
pip install PyOpenGL_accelerate-3.1.1a1-cp27-none-win32.whl

py setup.py install

◎ PySideの場合。 :

◎ future指定でハマった。 :

from __future__ import division, with_statement, print_function

◎ wxPythonの場合。 :

◎ 余談。HSPの場合。 :

◎ wxGladeをインストール。 :

This version of wxGlade has a minor bug!

wxGlade need a private directory
C:\Users\<your user name>\AppData\Roaming\wxglade
to store runtime information as well as log files.
Unfortunatally it doesn't create this directory itself.
Please create the wxglade directory manually and restart wxGlade after that.

◎ wxFormBuilderをインストール。 :

◎ 余談。 :

• どうせプログラムを書くなら、Windows、Mac、Linux でも動くものを書いたほうが美味しそう。
• (LLで書いたほうが、改良したいと思った人が気楽に手を付けられるかも)

◎ Node.js と npm をインストール。 :

c:\node\nodejs\node.exe
c:\node\nodejs\npm
c:\node\nodejs\npm.cmd

> node -v

v0.12.4

◎ NW.jsを触る。 :

◎ jQueryが使えない。 :

• script は、出力結果が文字化けして何が出力されたのか分からず。
• script-runner は、Uncaught TypeError: Bad argument とエラーが。
• atom-runner は、Pythonスクリプトの1行目に #! /usr/bin/env python と書いてあると Error : spawn /usr/bin/env ENOENT とエラーが。該当行を削除すると動くし、文字化けもしないけど…。この行をわざわざ削るのはなあ…。

◎ 妥協 :

lib/script-view.coffee#L44 we currently return early from the getShebang method. One possible workaround is returning early if a atom-script config option for ignoreShebang was specified.

◎ パッケージのアイデアに感心。 :

# -*- mode: python; Encoding: utf-8; coding: utf-8 -*-

"""
画像ファイルをドラッグアンドドロップしてダブルバッファで表示してみるテスト

Windows7 x64 + Python 2.7.10 + wxPython 3.0.2.0 で確認。
"""

import wx

USE_BUFFERED_DC = True


class MyFileDropTarget(wx.FileDropTarget):

    """ドラッグアンドドロップ担当クラス"""

    def __init__(self, obj):
        """コンストラクタ"""
        wx.FileDropTarget.__init__(self)
        self.obj = obj  # ファイルのドロップ対象を覚えておく

    def OnDropFiles(self, x, y, filenames):
        """ファイルをドロップした時の処理"""
        self.obj.LoadImage(filenames)  # 親？の画像読み込みメソッドを呼ぶ


class MyFrame(wx.Frame):

    """ダブルバッファで表示するFrame"""

    def __init__(self, parent=None, title=""):
        """コンストラクタ"""

        wx.Frame.__init__(self, parent=parent, title=title, size=(800, 600))

        # PAINTイベント、SIZEイベントで呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_SIZE, self.OnSize)

        # 画像格納用リストを初期化
        self.imgs = []

        # 描画用バッファ初期化のために一度 OnSize() を呼ぶ
        self.OnSize()

        # ファイルドロップの対象をフレーム全体に
        self.droptarget = MyFileDropTarget(self)

        # ファイルドロップ受け入れを設定
        self.SetDropTarget(self.droptarget)

    def LoadImage(self, files):
        """D&Dされた画像をロードして描画"""
        for filepath in files:
            b = wx.Bitmap(filepath)
            self.imgs.append(b)

        self.UpdateDrawing()  # 描画更新

    def OnSize(self, event=None):
        """ウインドウサイズが変更された時に呼ばれる処理"""
        size = self.ClientSize  # クライアントのウインドウサイズを取得

        # ウインドウサイズで、空の描画用バッファ(bitmap)を作成
        self._buffer = wx.EmptyBitmap(*size)

        self.UpdateDrawing()  # 描画更新

    def UpdateDrawing(self):
        """描画更新"""
        dc = wx.MemoryDC()
        dc.SelectObject(self._buffer)

        self.Draw(dc)  # 描画

        del dc  # Update()が呼ばれる前に MemoryDC を削除しておく必要がある
        self.Refresh()
        self.Update()

    def OnPaint(self, event=None):
        """画面書き換え要求があった時に呼ばれる処理"""
        if USE_BUFFERED_DC:
            # ダブルバッファを使う場合
            dc = wx.BufferedPaintDC(self, self._buffer)
        else:
            # ダブルバッファを使わない場合
            dc = wx.PaintDC(self)
            dc.DrawBitmap(self._buffer, 0, 0, True)

    def Draw(self, dc):
        """描画処理。デバイスコンテキストを貰ってソレを使って処理"""
        dc.Clear()  # デバイスコンテキストでクリア

        # 画像を描画
        x, y = 0, 0
        for img in self.imgs:
            dc.SetPen(wx.Pen(wx.BLACK, 4))  # ペンを設定しないと描画できない
            dc.DrawBitmap(img, x, y, True) # 画像描画

            # 画像枠を描画
            dc.SetBrush(wx.TRANSPARENT_BRUSH) # 透明塗り潰し
            dc.SetPen(wx.Pen(wx.RED, 2)) # 赤い線を指定
            dc.DrawRectangle(x, y, img.Width, img.Height)
            x += 32
            y += 32

if __name__ == '__main__':
    # メイン処理
    app = wx.App(False)
    frame = MyFrame(None, "DnD Image display use Double Buffer")
    frame.Show()
    app.MainLoop()

#! /usr/bin/env python
# -*- mode: python; Encoding: utf-8; coding: utf-8 -*-

"""
画像ファイルをドラッグアンドドロップしてダブルバッファで表示。
マウスドラッグで画像表示位置を移動してみるテスト

Windows7 x64 + Python 2.7.10 + wxPython 3.0.2.0 で動作確認。
"""

import wx

USE_BUFFERED_DC = True


class MyObj():

    """マウスドラッグで移動できるオブジェクト用のクラス"""

    def __init__(self, bmp, x=0, y=0):
        """コンストラクタ"""
        self.bmp = bmp  # bitmapを記録
        self.pos = wx.Point(x, y)  # 表示位置を記録
        self.diff_pos = wx.Point(0, 0)

    def HitTest(self, pnt):
        """与えられた座標とアタリ判定して結果を返す"""
        rect = self.GetRect()  # 矩形領域を取得
        return rect.InsideXY(pnt.x, pnt.y)  # 座標が矩形内に入ってるか調べる

    def GetRect(self):
        """矩形領域を返す"""
        return wx.Rect(self.pos.x, self.pos.y,
                       self.bmp.GetWidth(), self.bmp.GetHeight())

    def SavePosDiff(self, pnt):
        """
        マウス座標と自分の座標の相対値を記録。
        この情報がないと、画像をドラッグした時の表示位置がしっくりこない
        """
        self.diff_pos.x = self.pos.x - pnt.x
        self.diff_pos.y = self.pos.y - pnt.y

    def Draw(self, dc, select_enable):
        """与えられたDCを使って画像を描画する"""
        if self.bmp.Ok():
            r = self.GetRect()  # 矩形領域を取得

            # ペンを設定しないと何故か描画できない
            dc.SetPen(wx.Pen(wx.BLACK, 4))
            dc.DrawBitmap(self.bmp, r.x, r.y, True)  # 画像を描画

            if select_enable:
                # 画像枠を描画
                dc.SetBrush(wx.TRANSPARENT_BRUSH)  # 透明塗り潰し
                dc.SetPen(wx.Pen(wx.RED, 1))  # 赤い線を指定
                # 矩形を描画
                dc.DrawRectangle(r.x, r.y, r.width, r.height)

            return True
        else:
            return False


class MyFileDropTarget(wx.FileDropTarget):

    """ドラッグアンドドロップ担当クラス"""

    def __init__(self, obj):
        """コンストラクタ"""
        wx.FileDropTarget.__init__(self)
        self.obj = obj  # ファイルのドロップ対象を覚えておく

    def OnDropFiles(self, x, y, filenames):
        """ファイルをドロップした時の処理"""
        self.obj.LoadImage(filenames)  # 親？の画像読み込みメソッドを呼ぶ


class MyFrame(wx.Frame):

    """ダブルバッファで表示するFrame"""

    def __init__(self, parent=None, title=""):
        """コンストラクタ"""

        wx.Frame.__init__(self, parent=parent, title=title, size=(800, 600))

        # PAINTイベント、SIZEイベントで呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_PAINT, self.OnPaint)
        self.Bind(wx.EVT_SIZE, self.OnSize)

        # マウスボタンを押した時に呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_LEFT_DOWN, self.OnMouseLeftDown)
        self.Bind(wx.EVT_LEFT_UP, self.OnMouseLeftUp)

        # マウスカーソルを動かした時に呼ばれるメソッドを割り当てる
        self.Bind(wx.EVT_MOTION, self.OnMouseMotion)

        # 画像格納用リストを初期化
        self.objs = []

        # マウスドラッグ処理用の変数を確保
        self.drag_obj = None
        self.drag_start_pos = wx.Point(0, 0)

        # 描画用バッファ初期化のために一度 OnSize() を呼ぶ
        self.OnSize()

        # ファイルドロップの対象をフレーム全体に
        self.droptarget = MyFileDropTarget(self)

        # ファイルドロップ受け入れを設定
        self.SetDropTarget(self.droptarget)

    def LoadImage(self, files):
        """D&Dされた画像をロードして描画"""
        x, y = 0, 0
        for filepath in files:
            b = wx.Bitmap(filepath)
            obj = MyObj(b,  x, y)
            self.objs.append(obj)
            x += 32
            y += 32

        self.UpdateDrawing()  # 描画更新

    def OnSize(self, event=None):
        """ウインドウサイズが変更された時に呼ばれる処理"""
        size = self.ClientSize  # クライアントのウインドウサイズを取得

        # ウインドウサイズで、空の描画用バッファ(bitmap)を作成
        self._buffer = wx.EmptyBitmap(*size)

        self.UpdateDrawing()  # 描画更新

    def UpdateDrawing(self):
        """描画更新"""
        dc = wx.MemoryDC()
        dc.SelectObject(self._buffer)

        self.Draw(dc)  # 実際の描画処理
        del dc  # Update()が呼ばれる前に MemoryDC を削除しておく必要がある

        # Falseを指定して背景を消さなくしたら画面のちらつきが出なくなった
        self.Refresh(eraseBackground=False)

        self.Update()

    def Draw(self, dc):
        """実際の描画処理"""
        dc.Clear()  # デバイスコンテキストでクリア
        for obj in self.objs:
            obj.Draw(dc, True)  # オブジェクトを描画

    def OnPaint(self, event=None):
        """画面書き換え要求があった時に呼ばれる処理"""
        if USE_BUFFERED_DC:
            # ダブルバッファを使う場合
            dc = wx.BufferedPaintDC(self, self._buffer)
        else:
            # ダブルバッファを使わない場合
            dc = wx.PaintDC(self)
            dc.DrawBitmap(self._buffer, 0, 0, True)

    def FindObj(self, pnt):
        """マウス座標と重なってるオブジェクトを返す"""
        result = None
        for obj in self.objs:
            if obj.HitTest(pnt):
                result = obj
        return result

    def OnMouseLeftDown(self, event):
        """マウスの左ボタンが押された時の処理"""
        pos = event.GetPosition()  # マウス座標を取得
        obj = self.FindObj(pos)  # マウス座標と重なってるオブジェクトを取得
        if obj is not None:
            self.drag_obj = obj  # ドラッグ移動するオブジェクトを記憶
            self.drag_start_pos = pos  # ドラッグ開始時のマウス座標を記録
            self.drag_obj.SavePosDiff(pos)

    def OnMouseLeftUp(self, event):
        """マウスの左ボタンが離された時の処理"""
        if self.drag_obj is not None:
            pos = event.GetPosition()
            self.drag_obj.pos.x = pos.x + self.drag_obj.diff_pos.x
            self.drag_obj.pos.y = pos.y + self.drag_obj.diff_pos.y

        self.drag_obj = None
        self.UpdateDrawing()

    def OnMouseMotion(self, event):
        """マウスカーソルが動いた時の処理"""
        if self.drag_obj is None:
            # ドラッグしてるオブジェクトが無いなら処理しない
            return

        # ドラッグしてるオブジェクトの座標値をマウス座標で更新
        pos = event.GetPosition()
        self.drag_obj.pos.x = pos.x + self.drag_obj.diff_pos.x
        self.drag_obj.pos.y = pos.y + self.drag_obj.diff_pos.y
        self.UpdateDrawing()  # 描画更新


if __name__ == '__main__':
    # メイン処理
    app = wx.App(False)
    frame = MyFrame(None, "DnD Image display use Double Buffer")
    frame.Show()
    app.MainLoop()

apm uninstall date
apm install date

◎ インストールしたパッケージ。 :

C:\Users\USERNAME\.atom\packages (17)
├── atom-beautify@0.28.5
├── autocomplete-paths@1.0.2
├── autocomplete-python@0.5.0
├── autocomplete-ruby@0.1.0
├── color-picker@2.0.7
├── emmet@2.3.10
├── file-icons@1.5.8
├── highlight-line@0.11.0
├── highlight-selected@0.10.1
├── japan-util@0.1.1
├── japanese-menu@0.7.0
├── japanese-wrap@0.2.10
├── japanese-zen-han-convert@0.4.0
├── minimap@4.10.0
├── open-recent@2.2.4
├── project-manager@1.15.10
└── script@2.25.2

◎ コメント行の見た目を変更。 :

atom-text-editor::shadow .comment {
    font-style: normal;
}

◎ キー割り当てを変更。 :

'atom-text-editor:not([mini])':
  'ctrl-,': 'unset!'

'.platform-win32 atom-text-editor, .platform-linux atom-text-editor':
  'ctrl-shift-B': 'unset!'
  'shift-F5': 'script:close-view'
  'F5': 'script:run'

'atom-text-editor':
  'alt-f': 'native!'

'atom-workspace atom-text-editor':
  'ctrl-k ctrl-k': 'editor:delete-to-end-of-line'

# 'atom-text-editor':
#   'alt-shift-D': 'date:datetime'

◎ Scriptの修正。 :

• ファイルのドラッグアンドドロップ
• 画像表示
• 画像のドラッグ移動

#! /usr/bin/env python
# -*- mode: python; Encoding: utf-8; coding: utf-8 -*-

"""PySide と QGraphicsView を使って画像を表示するサンプル
QGraphicsView に画像ファイルをドラッグアンドドロップすると表示する。
各画像はマウスドラッグで位置を移動できる。

"""

import os
import sys
import re
from PySide import QtGui, QtCore


class MyScene(QtGui.QGraphicsScene):

    """ビューを表示するためのシーン"""

    def __init__(self, *argv, **keywords):
        """コンストラクタ"""
        super(MyScene, self).__init__(*argv, **keywords)

    def setFile(self, filepath):
        """イメージをアイテムとしてシーンに追加するためのメソッド。"""

        # 画像ファイルを読み込んでItemにする
        pixmap = QtGui.QPixmap(filepath)
        item = QtGui.QGraphicsPixmapItem(pixmap)

        # Itemを移動可能に設定。
        # これだけでマウスによるドラッグ移動ができてしまう
        item.setFlags(QtGui.QGraphicsItem.ItemIsMovable)

        self.addItem(item)  # Itemを登録


class MyView(QtGui.QGraphicsView):

    """メインとなるビュー"""

    def __init__(self):
        """コンストラクタ"""
        super(MyView, self).__init__()

        self.setWindowTitle("DnD Image and drag")  # ウインドウタイトルを指定
        self.resize(640, 480)  # ウインドウのサイズを指定

        # QGraphicsViewの設定
        self.setCacheMode(QtGui.QGraphicsView.CacheBackground)
        self.setRenderHints(QtGui.QPainter.Antialiasing |
                            QtGui.QPainter.SmoothPixmapTransform |
                            QtGui.QPainter.TextAntialiasing
                            )

        # QGraphicsSceneを生成
        scene = MyScene(self)
        scene.setSceneRect(QtCore.QRectF(self.rect()))
        self.setScene(scene)

        # ファイルのドラッグアンドドロップを許可
        self.setAcceptDrops(True)

    def resizeEvent(self, event):
        """リサイズ時にシーンの矩形を更新"""
        super(MyView, self).resizeEvent(event)
        self.scene().setSceneRect(QtCore.QRectF(self.rect()))

    def dragEnterEvent(self, event):
        """ファイルドラッグがウインドウに入ってきた時の処理"""
        if event.mimeData().hasUrls():
            # ファイルパス群がドラッグされてるならイベントを有効化
            event.accept()
        else:
            event.ignore()

    def dropEvent(self, event):
        """ファイルがドロップされた時の処理"""
        for url in event.mimeData().urls():
            # URL(file:///)をファイルパスの形に変換
            filepath = str(url.toLocalFile())

            # 画像ファイルの拡張子かチェック
            root, ext = os.path.splitext(filepath)
            if re.match(r'^\.(png|jpg|bmp|gif)$', ext, re.IGNORECASE):
                # ファイル存在チェック
                if os.path.isfile(filepath):
                    # シーンに画像を追加
                    self.scene().setFile(filepath)

    def dragMoveEvent(self, event):
        """ドラッグされた時の処理
        QGraphicsView が QGraphicsScene を含む場合は、
        dragMoveEvent をオーバーライドしないとよろしくない
        """
        pass

    def dragLeaveEvent(self, event):
        """ドラッグが抜けた時の処理
        dragMoveEvent と同様にオーバーライドする
        """
        pass

if __name__ == '__main__':
    app = QtGui.QApplication(sys.argv)
    v = MyView()
    v.show()
    sys.exit(app.exec_())

• Python + PySide のスクリプトならWindows以外でも動かせる。
• エクスポート結果が気に入らなければ、スクリプトを気軽に書き換えて修正もできる。

◎ ハマった点。 :

◎ ハマった点。 :

window.URL = window.URL || window.webkitURL;

◎ jsdo.itのよく分からないところ。 :

◎ Windows7に標準でインストールされてる「ナレーター」を試用。 :

◎ スクリーンリーダー NVDAを試用。 :

◎ ALTAIR for Windowsを試用。 :

◎ Firefox用拡張 :

◎ Google Chrome用拡張 :

#!/usr/bin/env python

• 「今、何のOSの上で動かしてるの？」
• 「もし Windows上で動かしてるなら何もせずに return せよ」
• 「Windows以外で動いてるなら今まで通りの処理をせよ」

  getShebang: (editor) ->
    return if process.platform is 'win32'

    text = editor.getText()
    lines = text.split("\n")
    firstLine = lines[0]
    return unless firstLine.match(/^#!/)

    firstLine.replace(/^#!\s*/, '')

◎ そもそもCoffeeScript自体にREPLがあるらしい :

npm install -g coffee-script
coffee --version