<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="https://www.nakamuri.info/mw/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
		<id>https://www.nakamuri.info/mw/index.php?action=history&amp;feed=atom&amp;title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3</id>
		<title>シンプルアプリケーション - 変更履歴</title>
		<link rel="self" type="application/atom+xml" href="https://www.nakamuri.info/mw/index.php?action=history&amp;feed=atom&amp;title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3"/>
		<link rel="alternate" type="text/html" href="https://www.nakamuri.info/mw/index.php?title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;action=history"/>
		<updated>2026-04-20T07:08:31Z</updated>
		<subtitle>このウィキのこのページに関する変更履歴</subtitle>
		<generator>MediaWiki 1.22.6</generator>

	<entry>
		<id>//www.nakamuri.info/mw/index.php?title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;diff=4223&amp;oldid=prev</id>
		<title>2018年1月31日 (水) 21:15にNakamuriによる</title>
		<link rel="alternate" type="text/html" href="https://www.nakamuri.info/mw/index.php?title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;diff=4223&amp;oldid=prev"/>
				<updated>2018-01-31T21:15:46Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;←前の版&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;2018年1月31日 (水) 21:15時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;48行:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;48行:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; tk.Button(root, text=&amp;quot;Click me!&amp;quot;, command=click, bg=&amp;quot;lightgreen&amp;quot;).pack(padx=5, pady=5)&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; tk.Button(root, text=&amp;quot;Click me!&amp;quot;, command=click, bg=&amp;quot;lightgreen&amp;quot;).pack(padx=5, pady=5)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;は、ボタンを作り、背景を明るい緑にして、やはり５ピクセルのマージンでルートウィンドウに貼り付けています。&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;は、ボタンを作り、背景を明るい緑にして、やはり５ピクセルのマージンでルートウィンドウに貼り付けています。pack()メソッドはウィジェットが重ならないように、上から下にむかってウィジェットを積む、と考えれば良いでしょう。HTMLのブロックの配置のやり方に少し似ています。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;このアプリの肝心なところは、commandオプションの部分で、ボタンの作成パラメータの中に command=click と書くと&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;このアプリの肝心なところは、commandオプションの部分で、ボタンの作成パラメータの中に command=click と書くと&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;ボタンがクリックされたときに click 関数(イベントハンドラ=コールバック)&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;が呼び出されます。&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;ボタンがクリックされたときに click 関数(イベントハンドラ=コールバック)&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;が呼び出されるというところです。&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;以上、簡単なアプリケーションですが、ボタンを画面に貼りこんで、ボタンクリック時に任意の仕事をさせることができるならば&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;以上、簡単なアプリケーションですが、ボタンを画面に貼りこんで、ボタンクリック時に任意の仕事をさせることができるならば&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;、もうこれだけでいろいろなアプリケーションを書けます。是非いろいろと試してみてください。&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;、もうこれだけでいろいろなアプリケーションを書けます。是非いろいろと試してみてください。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Nakamuri</name></author>	</entry>

	<entry>
		<id>//www.nakamuri.info/mw/index.php?title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;diff=4222&amp;oldid=prev</id>
		<title>Nakamuri: ページの作成:「Category:コンピュータCategory:Python メインページ&amp;gt;コンピュータの部屋#Python&amp;gt;Tkinter Tips   さて、ここではもう少...」</title>
		<link rel="alternate" type="text/html" href="https://www.nakamuri.info/mw/index.php?title=%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&amp;diff=4222&amp;oldid=prev"/>
				<updated>2018-01-31T15:28:26Z</updated>
		
		<summary type="html">&lt;p&gt;ページの作成:「&lt;a href=&quot;/mw/index.php/%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA:%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF&quot; title=&quot;カテゴリ:コンピュータ&quot;&gt;Category:コンピュータ&lt;/a&gt;&lt;a href=&quot;/mw/index.php?title=%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA:Python&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;カテゴリ:Python (存在しないページ)&quot;&gt;Category:Python&lt;/a&gt; &lt;a href=&quot;/mw/index.php/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8&quot; title=&quot;メインページ&quot;&gt;メインページ&lt;/a&gt;&amp;gt;&lt;a href=&quot;/mw/index.php/%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%81%AE%E9%83%A8%E5%B1%8B#Python&quot; title=&quot;コンピュータの部屋&quot;&gt;コンピュータの部屋#Python&lt;/a&gt;&amp;gt;&lt;a href=&quot;/mw/index.php/Tkinter_Tips&quot; title=&quot;Tkinter Tips&quot;&gt;Tkinter Tips&lt;/a&gt;   さて、ここではもう少...」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[Category:コンピュータ]][[Category:Python]]&lt;br /&gt;
[[メインページ]]&amp;amp;gt;[[コンピュータの部屋#Python]]&amp;amp;gt;[[Tkinter Tips]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
さて、ここではもう少しまともなアプリを組んでみましょう。&lt;br /&gt;
ボタンを押すとメッセージダイアログを表示するプログラムです。&lt;br /&gt;
つまりイベント処理が必要なアプリです。&lt;br /&gt;
&lt;br /&gt;
 import tkinter as tk&lt;br /&gt;
 import tkinter.messagebox as tmb&lt;br /&gt;
 &lt;br /&gt;
 def click():&lt;br /&gt;
     tmb.showinfo(&amp;quot;メッセージ&amp;quot;, &amp;quot;clicked&amp;quot;)&lt;br /&gt;
 &lt;br /&gt;
 &lt;br /&gt;
 root = tk.Tk()&lt;br /&gt;
 &lt;br /&gt;
 tk.Label(root, text=&amp;quot;シンプルアプリケーション&amp;quot;, bg=&amp;quot;yellow&amp;quot;).pack(padx=5, pady=5)&lt;br /&gt;
 tk.Button(root, text=&amp;quot;Click me!&amp;quot;, command=click, bg=&amp;quot;lightgreen&amp;quot;).pack(padx=5, pady=5)&lt;br /&gt;
 &lt;br /&gt;
 root.mainloop()&lt;br /&gt;
&lt;br /&gt;
このコードを動かすと画面&lt;br /&gt;
&lt;br /&gt;
[[ファイル:Simple App.png]]&lt;br /&gt;
&lt;br /&gt;
が表示されます。'''「Click Me!」'''と描いてあるボタンを押すと、メッセージダイアログ&lt;br /&gt;
&lt;br /&gt;
[[ファイル:Simple App Message.png]]&lt;br /&gt;
&lt;br /&gt;
が表示されます。これだけです(^^;&lt;br /&gt;
&lt;br /&gt;
コード&lt;br /&gt;
&lt;br /&gt;
 def click():&lt;br /&gt;
     tmb.showinfo(&amp;quot;メッセージ&amp;quot;, &amp;quot;clicked&amp;quot;)&lt;br /&gt;
&lt;br /&gt;
はイベントハンドラで、ボタンが押されたときに呼び出される関数です。&lt;br /&gt;
メッセージダイアログを表示します。&lt;br /&gt;
&lt;br /&gt;
コード&lt;br /&gt;
&lt;br /&gt;
 tk.Label(root, text=&amp;quot;シンプルアプリケーション&amp;quot;, bg=&amp;quot;yellow&amp;quot;).pack(padx=5, pady=5)&lt;br /&gt;
&lt;br /&gt;
は、ラベルを作り、ルートウィンドウに貼り付けているコードです。背景色を黄色に、&lt;br /&gt;
貼り付ける際、ボタンの周りのマージンを５ピクセルに設定しているのに注意してください。詳しくはまた別の記事で解説します。&lt;br /&gt;
&lt;br /&gt;
 tk.Button(root, text=&amp;quot;Click me!&amp;quot;, command=click, bg=&amp;quot;lightgreen&amp;quot;).pack(padx=5, pady=5)&lt;br /&gt;
&lt;br /&gt;
は、ボタンを作り、背景を明るい緑にして、やはり５ピクセルのマージンでルートウィンドウに貼り付けています。&lt;br /&gt;
&lt;br /&gt;
このアプリの肝心なところは、commandオプションの部分で、ボタンの作成パラメータの中に command=click と書くと&lt;br /&gt;
ボタンがクリックされたときに click 関数(イベントハンドラ=コールバック)が呼び出されます。&lt;br /&gt;
&lt;br /&gt;
以上、簡単なアプリケーションですが、ボタンを画面に貼りこんで、ボタンクリック時に任意の仕事をさせることができるならば&lt;br /&gt;
、もうこれだけでいろいろなアプリケーションを書けます。是非いろいろと試してみてください。&lt;/div&gt;</summary>
		<author><name>Nakamuri</name></author>	</entry>

	</feed>