PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 GUI プログラミング Python/Tkinter(Tcl/Tk) の利用 全般 Tcl/Tk とは GUI(Graphical User Interface) 用のスクリプト言語で 此れを利用すると ウィジェット (widget) と呼ば

Size: px
Start display at page:

Download "PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 GUI プログラミング Python/Tkinter(Tcl/Tk) の利用 全般 Tcl/Tk とは GUI(Graphical User Interface) 用のスクリプト言語で 此れを利用すると ウィジェット (widget) と呼ば"

Transcription

1 PYTHON 入門 GUI プログラミング Python/Tkinter(Tcl/Tk) の利用 全般 Tcl/Tk とは GUI(Graphical User Interface) 用のスクリプト言語で 此れを利用すると ウィジェット (widget) と呼ばれる部品を使用して簡単に GUI アプリケーションを作成する事が出来る 其のツールキットで有る Tk を Python で使用出来る様にしたのが Python/Tkinter で有り Python には標準で Tkinter が含まれて居るので Python をインストールする丈で Python/Tkinter を使用する事が出来る ( 但し カスタムインストールで tcl/tk and IDLE のチェックを外して居れば使用する事は出来ない ) Python/Tkinter の基礎知識 イベント駆動 (Event Driven) 方式 GUI アプリケーションの場合 ユーザーからの入力やシステムの状態変化等の出来事が発生すると其れに応じた処理が実行される 此の出来事をイベント (Event) と謂い イベントを契機にプログラムが起動される事をイベントドリブン (Event Driven: イベント駆動 ) と謂う イベントドリブン型のアプリケーションは 一般に 下図の様なメインルーチンで構成される 初期化 イベントの取得 イベントが非発生 イベントが発生 イベントループ イベントの種類に応じた処理 イベントが発生したか何うかを取得し 発生して居れば其のイベントの種類に応じた処理を行い 発生して居なければ何もせずに 亦イベントの取得に戻る循環をイベントループと呼ぶ 猶 此のイベントの種類に応じた処理をイベントハンドラ 又は コールバック関数と呼ぶ 猶 GUI アプリケーションとしての最低限の機能は Python/Tkinter が装備して居るので プログラマはアプリケーション固有の処理をコーディングする丈で良い Python/Tkinter の手順 Python/Tkinter で GUI アプリケーションを作成する手順を 下記に示す 1. トップレベルのウィンドウ ( メインウィンドウ ) を作成する 2. ウィジェットを設定してウィンドウに配置する 3. イベントループを開始してユーザーからの要求 ( イベント ) を処理する -1-

2 上記以外に 必要に応じて発生したイベントの種類に応じた処理を記述したイベントハンドラ ( コールバック関数 ) を作成する 下記に ウィンドウを作成し ウィジェット ( 此処ではボタン ) をウィンドウに配置するコードを示す from Tkinter import * root = Tk() button = Button(root, text = 'Python/Tkinter') button.pack() root.mainloop() # Tkinter モジュールのインポート # メインウィンドウの作成 # ウィジェット ( ボタン ) の生成 # ウィジェット ( ボタン ) の配置 # イベントループの開始 ウィジェット Tk では GUI 用の部品の事をウィジェット (widget) と呼び 多くのウィジェットが用意されて居て 其れをウィンドウに配置する事で簡単に GUI アプリケーションを作成する事が出来る 亦 Tkinter の場合 ウィジェット名と同じクラスが用意されて居る ウィジェットは 下記の書式で生成する widget オブジェクト = widget クラス (parent, option = value,... ) widget クラスには 生成するウィジェットのクラス名を指定する parent には メインウィンドウや他のウィジェット等の配置先と成るオブジェクトを指定する option には 必要に応じてウィジェットの属性 ( オプション ) を指定する 戻り値は 生成されたウィジェットのオブジェクトで有る 猶 メインウィンドウもウィジェットの一種だが 此れは Tk コンストラクタで生成する 下記に Tkinter に用意されて居る主なウィジェットを示す ウィジェット名 クラス名 概要 フレーム Frame ウィジェットを格納する枠組みを作る ラベル Label 文字列やイメージを表示する メッセージ Message 複数行の文字列を表示する ボタン Button ボタンを作る ラジオボタン Radiobutton ラジオボタンを作る チェックボタン Checkbutton チェックボタンを作る リストボックス Listbox リストボックスを作る スクロールバー Scrollbar スクロールバーを作る スケール Scale スケールを作る エントリー Entry 1 行の文字列の入力と編集 メニュー Menu メニューを作る メニューボタン Menubutton メニューボタンを作る ビットマップ Bitmap ビットマップを作る キャンバス Canvas キャンバスを作る テキスト Text テキストの入力と編集 ラベルフレーム LabelFrame ラベル付きフレーム スピンボックス Spinbox スピンボックスを作る ペインウィンドウ PanedWindow ペインウィンドウを作る -2-

3 オプション 総てのウィジェットには 外見や動作に影響する一連のオプションが有る 下記に 殆どのウィジェットで共通するオプションを示す オプション foreground (fg) background (bg) text textvariable image bitmap borderwidth (bd) relief height width anchor 説明文字や線を描くのに使用する色を指定背景色の指定ウィジェット内に表示されるテキストテキストを格納するオブジェクトを指定ウィジェット内に表示されるイメージウィジェット内に表示されるビットマップウィジェットの枠の幅ウィジェットの枠のスタイルウィジェットの高さウィジェットの幅ウィジェットや表示されるデータの位置を指定 オプションの設定には 下記の 3 通りの方法が有る # オブジェクト生成時 キーワード引数を使用する btn = Button(self, fg="white", bg="blue") # オブジェクト生成後 オプション名を辞書インデックスの様に扱う btn["fg"] = "white" btn["bg"] = "blue" # オブジェクト生成後に config メソッドを使用して複数の属性を更新する btn.config(fg="white", bg="blue") 亦 オプションの値を参照するには cget メソッドを使用する btn.cget("fg") オプションのデータ型を 下記に示す データ型説明 anchor 指定出来る値はコンパスの方位 :"n" "ne" "e" "se" "s" "sw" "w" "nw" "center" bitmap 8 個の組み込み名前付きビットマップ :'error' 'gray25' 'gray50' 'hourglass' 'info' 'questhead' 'question' 'warning' ビットマップファイルは "@/usr/contrib/bitmap/gumby.bit" を先頭に付けたファイルへのフルパスを指定 Boolean 整数 0 又は1 或いは 文字列 "yes" 又は "no" callback 此れは引数を取らない (Python 関数なら孰れも可 ) def print_it(): print("hi there") btn["command"] = print_it -3-

4 color カラー名か RGB 値を表す文字列として指定 RGB 値を表す文字列は 下記の通り (R G B は16 進数 ) 4 ビット :"#RGB" 8 ビット :"#RRGGBB" 12 ビット :"#RRRGGGBBB" 16 ビット :"#RRRRGGGGBBBB" cursor cursorfont.h の標準カーソル名を 接頭語 C_ 無しで使用 hand カーソル (XC_hand2) なら "hand2" 任意のビットマップとマスクファイルの指定も可 distance スクリーン上の距離をピクセルか絶対距離で指定ピクセルは数値として 絶対距離は文字列として指定絶対距離を表す文字列は 数字の後ろに単位を表す終了文字を指定センチメートル :c インチ:i ミリメートル:m ポイント:p font タプルで指定 ( ('MS ゴシック ', 12) ) フォントサイズの単位は 正の数はポイント 負の数はピクセル geometry 幅 x 高さ形式の文字列で指定 justify 文字列の "left" "center" "right" "fill" で指定 region 空白区切りの4 個の要素を持つ文字列 ("2345" "3i 2i 4.5i 2i" "3c 2c 4c 10.43c") relief ボーダのスタイルを "raised" "sunken" "flat" "groove" "ridge" で指定 wrap 文字列の "none" "char" "word" で指定 サイズの指定 単に整数値を記述した場合はピクセルと看做されるが 数値の後ろに下記の文字を記述する事で単位を変更する事が出来る 単位を表す終了文字 c センチメートル i インチ m ミリメートル p ポイント ( 約 1/72 インチ ) 単位 色の指定 色の指定は名前か数値で行う 名前は white black red green blue cyan yellow magenta( 以上は総ての環境に於いて使用可能な色名称 ) の様に指定する 色の名前は大文字小文字の区別をしないので red と RED は同じ色を表す 亦 数値の場合は 赤 緑 青の三原色を 16 進数で指定する 指定方法には 下記の 4 通りの形式が有る 書式 説明 #rgb 4bit(4096 色 ) #rrggbb 8bit( 色 ) #rrrgggbbb 12bit( 色 ) #rrrrggggbbbb 32bit( 色 ) 猶 使用可能な色名称 752 種類の色構成は 下記のサイトで確認する事が出来る 亦 各色の確認は 下記のコードを実行する事で確認する事が出来る -4-

5 import tkinter.tix as tk COLORS =['snow', 'ghost white', 'white smoke', 'gainsboro', 'floral white', 'old lace', 'linen', 'antique white', 'papaya whip', 'blanched almond', 'bisque', 'peach puff', 'navajo white', 'lemon chiffon', 'mint cream', 'azure', 'alice blue', 'lavender', 'lavender blush', 'misty rose', 'dark slate gray', 'dim gray', 'slate gray', 'light slate gray', 'gray', 'light grey', 'midnight blue', 'navy', 'cornflower blue', 'dark slate blue', 'slate blue', 'medium slate blue', 'light slate blue', 'medium blue', 'royal blue', 'blue', 'dodger blue', 'deep sky blue', 'sky blue', 'light sky blue', 'steel blue', 'light steel blue', 'light blue', 'powder blue', 'pale turquoise', 'dark turquoise', 'medium turquoise', 'turquoise', 'cyan', 'light cyan', 'cadet blue', 'medium aquamarine', 'aquamarine', 'dark green', 'dark olive green', 'dark sea green', 'sea green', 'medium sea green', 'light sea green', 'pale green', 'spring green', 'lawn green', 'medium spring green', 'green yellow', 'lime green', 'yellow green', 'forest green', 'olive drab', 'dark khaki', 'khaki', 'pale goldenrod', 'light goldenrod yellow', 'light yellow', 'yellow', 'gold', 'light goldenrod', 'goldenrod', 'dark goldenrod', 'rosy brown', 'indian red', 'saddle brown', 'sandy brown', 'dark salmon', 'salmon', 'light salmon', 'orange', 'dark orange', 'coral', 'light coral', 'tomato', 'orange red', 'red', 'hot pink', 'deep pink', 'pink', 'light pink', 'pale violet red', 'maroon', 'medium violet red', 'violet red', 'medium orchid', 'dark orchid', 'dark violet', 'blue violet', 'purple', 'medium purple', 'thistle', 'snow2', 'snow3', 'snow4', 'seashell2', 'seashell3', 'seashell4', 'AntiqueWhite1', 'AntiqueWhite2', 'AntiqueWhite3', 'AntiqueWhite4', 'bisque2', 'bisque3', 'bisque4', 'PeachPuff2', 'PeachPuff3', 'PeachPuff4', 'NavajoWhite2', 'NavajoWhite3', 'NavajoWhite4', 'LemonChiffon2', 'LemonChiffon3', 'LemonChiffon4', 'cornsilk2', 'cornsilk3', 'cornsilk4', 'ivory2', 'ivory3', 'ivory4', 'honeydew2', 'honeydew3', 'honeydew4', 'LavenderBlush2', 'LavenderBlush3', 'LavenderBlush4', 'MistyRose2', 'MistyRose3', 'MistyRose4', 'azure2', 'azure3', 'azure4', 'SlateBlue1', 'SlateBlue2', 'SlateBlue3', 'SlateBlue4', 'RoyalBlue1', 'RoyalBlue2', 'RoyalBlue3', 'RoyalBlue4', 'blue2', 'blue4', 'DodgerBlue2', 'DodgerBlue3', 'DodgerBlue4', 'SteelBlue1', 'SteelBlue2', 'SteelBlue3', 'SteelBlue4', 'DeepSkyBlue2', 'DeepSkyBlue3', 'DeepSkyBlue4', 'SkyBlue1', 'SkyBlue2', 'SkyBlue3', 'SkyBlue4', 'LightSkyBlue1', 'LightSkyBlue2', 'LightSkyBlue3', 'LightSkyBlue4', 'SlateGray1', 'SlateGray2', 'SlateGray3', 'SlateGray4', 'LightSteelBlue1', 'LightSteelBlue2', 'LightSteelBlue3', 'LightSteelBlue4', 'LightBlue1', 'LightBlue2', 'LightBlue3', 'LightBlue4', 'LightCyan2', 'LightCyan3', 'LightCyan4', 'PaleTurquoise1', 'PaleTurquoise2', 'PaleTurquoise3', 'PaleTurquoise4', 'CadetBlue1', 'CadetBlue2', 'CadetBlue3', 'CadetBlue4', 'turquoise1', 'turquoise2', 'turquoise3', 'turquoise4', 'cyan2', 'cyan3', 'cyan4', 'DarkSlateGray1', 'DarkSlateGray2', 'DarkSlateGray3', 'DarkSlateGray4', 'aquamarine2', 'aquamarine4', 'DarkSeaGreen1', 'DarkSeaGreen2', 'DarkSeaGreen3', 'DarkSeaGreen4', 'SeaGreen1', 'SeaGreen2', 'SeaGreen3', 'PaleGreen1', 'PaleGreen2', 'PaleGreen3', 'PaleGreen4', 'SpringGreen2', 'SpringGreen3', 'SpringGreen4', 'green2', 'green3', 'green4', 'chartreuse2', 'chartreuse3', 'chartreuse4', 'OliveDrab1', 'OliveDrab2', 'OliveDrab4', 'DarkOliveGreen1', 'DarkOliveGreen2', 'DarkOliveGreen3', 'DarkOliveGreen4', 'khaki1', 'khaki2', 'khaki3', 'khaki4', 'LightGoldenrod1', 'LightGoldenrod2', 'LightGoldenrod3', 'LightGoldenrod4', 'LightYellow2', 'LightYellow3', 'LightYellow4', 'yellow2', 'yellow3', 'yellow4', 'gold2', 'gold3', 'gold4', 'goldenrod1', 'goldenrod2', 'goldenrod3', 'goldenrod4', 'DarkGoldenrod1', 'DarkGoldenrod2', 'DarkGoldenrod3', 'DarkGoldenrod4', 'RosyBrown1', 'RosyBrown2', 'RosyBrown3', 'RosyBrown4', 'IndianRed1', 'IndianRed2', 'IndianRed3', 'IndianRed4', 'sienna1', 'sienna2', 'sienna3', 'sienna4', 'burlywood1', 'burlywood2', 'burlywood3', 'burlywood4', 'wheat1', 'wheat2', 'wheat3', 'wheat4', 'tan1', 'tan2', 'tan4', 'chocolate1', 'chocolate2', 'chocolate3', 'firebrick1', 'firebrick2', 'firebrick3', 'firebrick4', 'brown1', 'brown2', 'brown3', 'brown4', 'salmon1', 'salmon2', -5-

6 'salmon3', 'salmon4', 'LightSalmon2', 'LightSalmon3', 'LightSalmon4', 'orange2', 'orange3', 'orange4', 'DarkOrange1', 'DarkOrange2', 'DarkOrange3', 'DarkOrange4', 'coral1', 'coral2', 'coral3', 'coral4', 'tomato2', 'tomato3', 'tomato4', 'OrangeRed2', 'OrangeRed3', 'OrangeRed4', 'red2', 'red3', 'red4', 'DeepPink2', 'DeepPink3', 'DeepPink4', 'HotPink1', 'HotPink2', 'HotPink3', 'HotPink4', 'pink1', 'pink2', 'pink3', 'pink4', 'LightPink1', 'LightPink2', 'LightPink3', 'LightPink4', 'PaleVioletRed1', 'PaleVioletRed2', 'PaleVioletRed3', 'PaleVioletRed4', 'maroon1', 'maroon2', 'maroon3', 'maroon4', 'VioletRed1', 'VioletRed2', 'VioletRed3', 'VioletRed4', 'magenta2', 'magenta3', 'magenta4', 'orchid1', 'orchid2', 'orchid3', 'orchid4', 'plum1', 'plum2', 'plum3', 'plum4', 'MediumOrchid1', 'MediumOrchid2', 'MediumOrchid3', 'MediumOrchid4', 'DarkOrchid1', 'DarkOrchid2', 'DarkOrchid3', 'DarkOrchid4', 'purple1', 'purple2', 'purple3', 'purple4', 'MediumPurple1', 'MediumPurple2', 'MediumPurple3', 'MediumPurple4', 'thistle1', 'thistle2', 'thistle3', 'thistle4', 'gray1', 'gray2', 'gray3', 'gray4', 'gray5', 'gray6', 'gray7', 'gray8', 'gray9', 'gray10', 'gray11', 'gray12', 'gray13', 'gray14', 'gray15', 'gray16', 'gray17', 'gray18', 'gray19', 'gray20', 'gray21', 'gray22', 'gray23', 'gray24', 'gray25', 'gray26', 'gray27', 'gray28', 'gray29', 'gray30', 'gray31', 'gray32', 'gray33', 'gray34', 'gray35', 'gray36', 'gray37', 'gray38', 'gray39', 'gray40', 'gray42', 'gray43', 'gray44', 'gray45', 'gray46', 'gray47', 'gray48', 'gray49', 'gray50', 'gray51', 'gray52', 'gray53', 'gray54', 'gray55', 'gray56', 'gray57', 'gray58', 'gray59', 'gray60', 'gray61', 'gray62', 'gray63', 'gray64', 'gray65', 'gray66', 'gray67', 'gray68', 'gray69', 'gray70', 'gray71', 'gray72', 'gray73', 'gray74', 'gray75', 'gray76', 'gray77', 'gray78', 'gray79', 'gray80', 'gray81', 'gray82', 'gray83', 'gray84', 'gray85', 'gray86', 'gray87', 'gray88', 'gray89', 'gray90', 'gray91', 'gray92', 'gray93', 'gray94', 'gray95', 'gray97', 'gray98', 'gray99'] def drawframes(_sw): for c in COLORS: e= tk.label(sw.window, text = c, background = c) e.pack(fill = tk.x) r= tk.tk() r.title("named colour chart") sw= tk.scrolledwindow(r, scrollbar=tk.both) sw.pack(fill=tk.both, expand=1) drawframes(sw) r.mainloop() 猶 残念乍 tkinter に背景丈を透過する方法は無い様で有る フォントの指定 フォントはタプルを使用して 下記の様に指定する (family, size, style1[, style2 ]) 上記で family はフォント名を文字列で指定し size はフォントの大きさを数値 ( 正の数はポイント単位 負の数はピクセル単位 ) で指定し style1 style2 (style2 以降は省略可能 ) はフォントの文字修飾を下記の中から選ぶ normal( 通常 ) bold( 太字 ) roman( 通常 ) italic( 斜体 ) underline( 下線 ) overstrike( 取り消し線 ) -6-

7 下記に 此の書式に依るフォントの設定例を示す fnt1 = ('MS ゴシック ', 12) fnt2 = ('MS ゴシック ', 12, 'italic', 'overstrike') fnt3 = ('MS ゴシック ', -12, 'italic', 'bold', 'overstrike') 亦 フォントの文字修飾を 下記の様に 1 個の文字列として指定する事も出来る fnt1 = ('MS ゴシック ', 12, 'italic overstrike') fnt2 = ('MS ゴシック ', 12, 'bold italic overstrike') 更に tkinter.font モジュールをインポートすれば 下記の様に 名前付き引数で各項目を指定してフォントオブジェクトを作成する事も出来る import tkinter.font fnt1 = tkinter.font.font(family='helvetica', size=36, weight='bold') 上記の書式に於ける名付き引数は 下記の通りで有る 引数 family size weight slant underline overstrike 説明フォントファミリーを文字列で指定する サイズを正の整数 ( ポイント ) か負の整数 ( ピクセル ) で指定する 太字なら 'bold' 通常なら 'normal' を指定する 斜体なら 'italic' 通常なら 'roman' を指定する 下線なら1 通常なら0 を指定する 取り消し線なら1 通常なら0 を指定する 猶 使用可能なフォント名は 下記のコードを実行する事で確認する事が出来る import tkinter as tk import tkinter.font root = Tk() print(tkinter.font.families()) 総てのウィジェットで使用する共通のフォントを設定する場合は TK に既定オプションを設定する import tkinter as tk # デフォルト値の設定 root = Tk() root.option_add('*font', 'FixedSys 14') -7-

8 座標系 左上が原点と成り X 座標は右方向に Y 座標は下方向に増大する 単に整数値を記述した場合はピクセルと看做されるが 数値の後ろに下記の文字を記述する事で単位を変更する事が出来る アンカーの設定 Tkinter モジュールには アイテムのコンテナに対する相対位置を制御する為のアンカー定数が定義されて居る 例えば フレームがウィジェットより大きい場合 ウィジットをフレーム内の何処に配置するかを決定する 定数は 下図の様に コンパスの方位 (n ne e se s sw w nw) と center から成る N North 北 上 NE NorthEast 北東 右上 E East 東 右 SE SouthEast 南東 右下 S South 南 下 SW SouthWest 南西 左下 W West 西 左 NW NorthWest 北西 左上 レリーフの設定 Tkinter モジュールには ウィジェットの外枠に 3D 効果を与える為のレリーフスタイル定数が定義されて居る 下記に 総てのレリーフスタイルを示す ビットマップの設定 ウィジェットの bitmap オプションには 下図のビットマップが用意されて居る 左から順に error gray75 gray50 gray25 gray12 hourglass info questhead question warning で有る -8-

9 カーソルの設定 ウィジェットの cursor オプションには 下図のマウスカーソルが用意されて居る -9-

10 但し 使用するコンピュータのシステムに依存する -10-

11 イメージの設定 画像を表示するには 下記の 3 種類の方法が有る クラス BitmapImage PhotoImage ImageTk 説明 xbm フォーマットの2 色ビットマップ gif png pgm ppm フォーマットのフルカラー画像 Python Imaging Library(PIL) XBM とは カーソルやアイコン用の画像を定義する為に使用されるビットマップで C 言語のソースファイルと成るテキストファイルで有る PIL の詳細は を参照され度い BitmapImage のコンストラクタの書式は 下記の通りで有る BitmapImage( file=f [, background=b ] [, foreground=c ] ) 下記に コードに埋め込んだ XBM データから BitmapImage オブジェクトを生成して ラベルに表示するコードを示す import tkinter.tix as tk BITMAP = """ #define im_width 32 #define im_height 32 static char im_bits[] = { 0xaf,0x6d,0xeb,0xd6,0x55,0xdb,0xb6,0x2f, 0xaf,0xaa,0x6a,0x6d,0x55,0x7b,0xd7,0x1b, 0xad,0xd6,0xb5,0xae,0xad,0x55,0x6f,0x05, 0xad,0xba,0xab,0xd6,0xaa,0xd5,0x5f,0x93, 0xad,0x76,0x7d,0x67,0x5a,0xd5,0xd7,0xa3, 0xad,0xbd,0xfe,0xea,0x5a,0xab,0x69,0xb3, 0xad,0x55,0xde,0xd8,0x2e,0x2b,0xb5,0x6a, 0x69,0x4b,0x3f,0xb4,0x9e,0x92,0xb5,0xed, 0xd5,0xca,0x9c,0xb4,0x5a,0xa1,0x2a,0x6d, 0xad,0x6c,0x5f,0xda,0x2c,0x91,0xbb,0xf6, 0xad,0xaa,0x96,0xaa,0x5a,0xca,0x9d,0xfe, 0x2c,0xa5,0x2a,0xd3,0x9a,0x8a,0x4f,0xfd, 0x2c,0x25,0x4a,0x6b,0x4d,0x45,0x9f,0xba, 0x1a,0xaa,0x7a,0xb5,0xaa,0x44,0x6b,0x5b, 0x1a,0x55,0xfd,0x5e,0x4e,0xa2,0x6b,0x59, 0x9a,0xa4,0xde,0x4a,0x4a,0xd2,0xf5,0xaa }; """ r= tk.tk() r.title("bitmapimage test") bitmap = tk.bitmapimage(data=bitmap) label = tk.label(image=bitmap) label.pack() r.mainloop() -11-

12 亦 下記に XBM データをファイルから読み込み BitmapImage オブジェクトを生成して ラベルに表示するコードを示す import tkinter.tix as tk r= tk.tk() r.title("bitmapimage test") bitmap = tk.bitmapimage(file="xsquid.xbm") #bitmap = tk.bitmapimage(data=bitmap,foreground="black", background="yellow") label = tk.label(image=bitmap) label.pack() #bitmap.config(foreground="blue") #bitmap["foreground"] = "red" r.mainloop() 下記に 画像データをファイルから読み込み PhotoImage オブジェクトを生成して ラベルに表示するコードを示す import tkinter.tix as tk r= tk.tk() r.title("photoimage test") photo = tk.photoimage(file="mezon.gif") label = tk.label(image=photo) label.pack() r.mainloop() ジオメトリー文字列 ジオメトリー文字列は デスクトップ上のトップレベルのウィンドウのサイズと位置を記述るのに使用し 書式は下記の通りで有る 'wxh±x±y' w はウィンドウの幅 h はウィンドウの高さをピクセル単位で指定し x で区切る x はウィンドウの左端迄のピクセル単位の距離で + の場合はコンテナの左端から - の場合はコンテナの右端からと成る y はウィンドウの上端迄のピクセル単位の距離で + の場合はコンテナの上端から - の場合はコンテナの下端からと成る -12-

13 Python GUI ドキュメント 日本語 : 英語 : -13-

まずは以下の文章をテキストエディタで作成してみましょう テキストエディタの使用方法は別紙の テキストエディタ (gedit) の使用方法について を参考にしてください ホームページ作成の練習 ファイル名を index.html として保存ができましたら サーバーにアップロードします アップロード方法

まずは以下の文章をテキストエディタで作成してみましょう テキストエディタの使用方法は別紙の テキストエディタ (gedit) の使用方法について を参考にしてください ホームページ作成の練習 ファイル名を index.html として保存ができましたら サーバーにアップロードします アップロード方法 ホームページを作成しよう! 1. 最初に最近ですと 皆さんもインターネットを利用する機会も増えてきているかと思いますが 本日は情報を与える側の立場に立ってもらい ホームページを作成するための HTML 形式と呼ばれるファイルの作成方法を学んでもらおうと思います HTML とは タグと呼ばれるキーワードを文章中に入れることで 様々な文章スタイルを表現することができる言語です HTML ファイルを作成するときは

More information

untitled

untitled Web HTML(Hyper-Text Markup Language) Web HTML () Web / Web -1 Web -2 Web -3 Web -4 Web Web -5 White Black Red Green Blue Yellow Purple Aqua Maroon Navy Olive Teal Gray Silver Lime Fuchsia Snow Linen Bisque

More information

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top 1116 位置の記述方法について (position, top, right, bottom, left) ここまでの説明では ボックスの大きさを変えると その後ろや下にある他のボックスの位置が移動してしまいました それは margin プロパティが隣接するボックスとの間の空白を指定しているからです position プロパティを使用すると ボックスの配置位置を指定して位置を固定させたり 移動できるようにすることができます

More information

AJANコマンドリファレンス(GUIコマンド編)

AJANコマンドリファレンス(GUIコマンド編) AJAN GUI 4 5...5...5...7...8...10...11...12...13...13...13...14...15...16...17...18...19...21...22...23...24...25...26...27...27...28...29...30...30...31...32...32...33...33...35...36...37...38...40 Interface

More information

<FEFF DE30BF30AD F D E E A44A50220F CDF38000D39E B5DC22C7ABDC22CD6F66572E >

<FEFF DE30BF30AD F D E E A44A50220F CDF38000D39E B5DC22C7ABDC22CD6F66572E > 46 THREAD PWB THREAD COLOR CHART YELLOW ORANGE PURPLE RED WHITE/BLACK BROWN GREEN BLUE 101- fin P: 386 C G: 6778 207- Fish P: 144 C G: 200 601- Pale Lavender P: 2563 C 301- Bubblegum P: 189 C 807- P: C

More information

VB.NET解説

VB.NET解説 Visual Basic.NET 印刷編 目次 印刷の概要... 2 印刷の流れ... 2 標準の Windows フォーム印刷ジョブの作成... 3 実行時に於ける Windows フォーム印刷オプションの変更... 3 Windows フォームに於ける接続されたプリンタの選択... 4 Windows フォームでのグラフィックスの印刷... 5 Windows フォームでのテキストの印刷...

More information

ICONファイルフォーマット

ICONファイルフォーマット グラフィックス 画像フォーマットエンコーダパラメータ 様々なフォーマットで画像を保存 Bitmap クラスを用いる事でビットマップ JPEG GIF PNG 等様々なフォーマットの画像を読み込み操作する事が出来る 更に Bitmap クラスや Graphics コンテナを用いて描画処理等を施したイメージをファイルに保存する事も出来る 此の時 読み込めるフォーマット同様に保存するフォーマットを選択する事が出来る

More information

(pack ) Toplevel

(pack ) Toplevel 1 1 2 2 3 (pack ) 6 3.1................................... 6 3.2 1............................ 8 3.3 Toplevel........................................ 9 3.4............................... 10 3.5 Toplevel..................................

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション ( " ) で囲うか シングルクオーテーション ( ' ) で囲う PYTHON3 "

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション (  ) で囲うか シングルクオーテーション ( ' ) で囲う PYTHON3 PYTHON 入門 文字列 文字列リテラル プログラムの中で文字列を表す方法は幾つか有るが 基本的な方法は下記の 2 種で有る 対象と成る文字の集まりをダブルクオーテーション ( " ) で囲うか シングルクオーテーション ( ' ) で囲う " 文字列 " ' 文字列 ' 他のプログラミング言語ではダブルクオーテーションとシングルクオーテーションで囲う場合では エスケープ処理等の扱いが異なる物が多いが

More information

1/2

1/2 札幌学院大学社会情報学部 AO 入試課題用テキスト (3) 1 札幌学院大学社会情報学部 AO 入試課題用テキスト HTML の基礎知識 (3) 1. スタイル指定 フォントの大きさや種類 行間 ページ上のレイアウトなどを文書の スタイル と呼び このスタイルを指定するためのデータを スタイルシート と呼ぶ 以下では CSS(Cascading Style Sheets) と呼ばれるスタイルシート言語を使用する

More information

Prog2_4th

Prog2_4th 2018 年 10 月 18 日 ( 木 ) 実施 イベントハンドライベントハンドラとは Windows フォーム上のコントロールに対して クリックされた とか 文字列を変更された とかいったイベントを行った際に, それを受け取って処理を行うメソッドをイベントハンドラと呼ぶ 本日の課題第 3 回の授業では, フォームデザイナーで該当するコントロールをダブルクリックして, コードエディタに表示されたイベントハンドラの処理を記述したが,

More information

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1 合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 2018 6.12 The. 1 前回の復習 n ブラウザ って何? n Web サイト のキホンを作ってみよう 2 ブラウザ とは?HTML とは?? n ブラウザとは? WEB ページを閲覧するためのソフトウェア p HTML というブラウザに言語を表示する言語によって表示されている n HTML とは? p Hyper Text

More information

トリガーをわかり易くする方法

トリガーをわかり易くする方法 1221 トリガーをわかり易くする方法 (cursor, border-radius) 例えばブラウザにつぎのような画面が表示されていたら あなたはこの手の画像を何だと 思いますか? ほとんどの方が ハンドサインじゃないの? か 右方向を示しているのでしょう? と思われたのではないでしょうか 実は 私は手の画像をクリックすると画像が transition で右方向へ移動するように css を記述してあったのですが

More information

スタイルシートでデザインを整えよう

スタイルシートでデザインを整えよう スタイルシートでデザイン (2) CSS (Cascading Style Sheets) ここまで HTML は文章の意味的な役割を記述するもので 表示はブラウザ次第であることを強調してきました あるブラウザでの表示方法を前提に HTML で見た目を制御しようとすると 他の環境では意味が通じにくい 相互運用性の低い情報となってしまいます Web の表現を作者が指定するには HTML ではなく スタイルシートという別の機能をもちいます

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスが

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスが PYTHON 入門 関数とメソッド 関数とメソッド Python には関数 (function) とメソッド (method) が有る モジュール内に def で定義されて居る物が関数 クラス内に def で定義されて居る物がメソッドに成る ( 正確にはクラスがインスタンス化されてからメソッドに成る ) # 関数 def test_func(): print('call test_func') #

More information

ラベルを管理するクラス Label ラベルはクラス Label により管理され 各種設定を行うメソッドが準備されています ラベルの生成 new Label("1. 通常のラベルです "); ラベルのサイズ setprefsize(200,100); ラベル文字が 1. 通常のラベルです で横 200

ラベルを管理するクラス Label ラベルはクラス Label により管理され 各種設定を行うメソッドが準備されています ラベルの生成 new Label(1. 通常のラベルです ); ラベルのサイズ setprefsize(200,100); ラベル文字が 1. 通常のラベルです で横 200 HCI プログラミング 6 回目いろいろなラベルを作ってみよう 今日の講義で学ぶ内容 ラベルの表示 ツールチップの表示 マウスカーソルの変更 ラベルの表示 1 ラベルを表示してみましょう ラベルはクラス Label により管理されます ソースファイル名 :Sample6_1.java // ラベルの表示 public class Sample6_1 extends Application Label[]

More information

piyo0704b.rtfd

piyo0704b.rtfd ウィンドウ内に収まらなくなると 右および下に スクロールバーが現われます 51 Text 部品と Scrollbar 1 Text 部品と Scrollbar とを組み合わせて利用すると便利です root = Tk(); root.title("text with: Scrollbar") root.config(width=150, height=80) frame = Frame(root) frame.pack(fill=both,

More information

1. ホームページ概要 (1) ホームページとは現在インターネット上では 世界中で数億台以上のコンピュータが相互に接続されています このインターネットが爆発的に普及した最大の要因が ホームページ です ホームページ を作成 閲覧するためにパソコンを購入する方が増えてきています ホームページの最大の特

1. ホームページ概要 (1) ホームページとは現在インターネット上では 世界中で数億台以上のコンピュータが相互に接続されています このインターネットが爆発的に普及した最大の要因が ホームページ です ホームページ を作成 閲覧するためにパソコンを購入する方が増えてきています ホームページの最大の特 目次 1. ホームページ概要... 1 (1) ホームページとは... 1 (2) ホームページのサービス Web とは?... 1 (3) ホームページの住所 アドレスとは?... 1 (4) ホームページを公開するとは?... 1 (5)FTP とは?... 2 (6) 教員用 Web サーバ (c-faculty) について... 2 2. 準備するもの... 3 (1) ソフトウェア...

More information

C 資料 電脳梁山泊烏賊塾 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に

C 資料 電脳梁山泊烏賊塾 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に 構造体 C++ の構造体 初めに 此処では Visual Studio 2017 を起動し 新しいプロジェクトで Visual C++ の Windows デスクトップを選択し Windows コンソールアプリケーションを作成する 定義と変数宣言 C++ に於いては 構造体を定義は下記の様に記述する ( 末尾のセミコロンを忘れない様に ) strust Point int x; int y; 上記の様に定義すれば

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル WPF デザイナーに依るサイズ変更可能なアプリケーションの作成 Grid コンテナーコントロールと共に GridSplitter コントロールを使用する事に依り 実行時にユーザーに依ってサイズを変更出来るウィンドウレイアウトを作成出来る 例えば 領域に分割されて居る UI を持つアプリケーションで ユーザーが分割線をドラッグする事に依り より多くの内容を見る必要が有る領域を大きくする事が出来る

More information

Tcl/Tkによるプログラミング

Tcl/Tkによるプログラミング 9. Tcl/Tk によるプログラミング 9.1. はじめに 9.1.1. Tcl/Tk とは Tcl/Tk は簡単に GUI(Graphical User Interface) アプリケーションを作るためのプログラミング言語です. もともと Unix 上で開発されたものですが, 現在様々なプラットフォームに移植されています. 今回使用するのは Windows95/98/NT 用に移植されたものです.Tcl/Tk

More information

ブロック パニック

ブロック パニック ブロックパニック VB 2005 9 プログラムの概要 壁が迫り来る不思議な空間のオリジナルゲーム ブロックパニック を作成する スタートボタンをクリックし上下左右の矢印キーで白猿を移動させる スペースキーを押すと 向いて居る方向の壁が後退する 左右の壁が合わさると ゲームは終了する 一般的に 実用プログラムに比較するとゲームプログラムは 高度なテクニックを要求される事が多い 此処では ゲームプログラムを作成する事に依り

More information

TEAM WEAR 1

TEAM WEAR 1 TEAM WEAR 1 2 TEAM WEAR BUSINESS WEAR 3 4 5 6 7 11 13 28 29 41 43 45 INDEX 3 4 5 6 z x c v b n 7 1 m 0, 2 3 4 5. z x c v b n m,. 0 1 2 3 4 5 8 z x c v b n m,. 9 1 0 2 3 4 5 z x c v b n m,. 0 1 2 3 4 5

More information

VB実用Ⅲ⑩ フリーデータベースⅡ

VB実用Ⅲ⑩ フリーデータベースⅡ MySQL の利用 MySQL の ODBC(MyODBC) テキストでは MySQL Connector/ODBC(mysql-connector-odbc-3.51.14-win32.msi) をインストールした場合に付いて解説して居るが 此処では MyODBC(MyODBC-3.51.10-x86-win-32bit.msi) をインストールし myodbc-3.51.06-conv_ujis.zip

More information

GUIプログラムⅣ

GUIプログラムⅣ GUI プログラム Ⅳ 画像指定ウィンドウの生成 ファイル名 :awtimage.java import java.awt.*; import java.awt.event.*; public class awtimage extends Frame // コンポーネントクラスの宣言 Button btnbrowse; Label lblcaption7; TextField txtimage; //

More information

二次元連続動的計画法による知的画像処理システム ImageFileSelector RTC 機能仕様書 ImageFileSelectorRTC Ver.1.0 ( 株 ) 東日本計算センター 1 / 11

二次元連続動的計画法による知的画像処理システム ImageFileSelector RTC 機能仕様書 ImageFileSelectorRTC Ver.1.0 ( 株 ) 東日本計算センター 1 / 11 機能仕様書 ImageFileSelectorRTC Ver.1.0 ( 株 ) 東日本計算センター 1 / 11 改版履歴 Ver 改版日 内容 0.5 2016/02/15 新規作成 0.6 2016/03/1 GUI 釦配置変更 1.0 2016/3/14 初版リリース 2 / 11 目次 目次...3 1. はじめに...4 1.1. 対象読者... 4 1.2. 適応範囲... 4 1.3.

More information

JavaScript 演習 2 1

JavaScript 演習 2 1 JavaScript 演習 2 1 本日の内容 演習問題 1の解答例 前回の続き document.getelementbyid 関数 演習問題 4 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習問題 5 演習問題 1 prompt メソッドと document.write メソッドを用いて, ユーザから入力されたテキストと文字の色に応じて, 表示内容を変化させる JavaScript

More information

Java Scriptプログラミング入門 3.6~ 茨城大学工学部情報工学科 08T4018Y 小幡智裕

Java Scriptプログラミング入門 3.6~ 茨城大学工学部情報工学科 08T4018Y  小幡智裕 Java Script プログラミング入門 3-6~3-7 茨城大学工学部情報工学科 08T4018Y 小幡智裕 3-6 組み込み関数 組み込み関数とは JavaScript の内部にあらかじめ用意されている関数のこと ユーザ定義の関数と同様に 関数名のみで呼び出すことができる 3-6-1 文字列を式として評価する関数 eval() 関数 引数 : string 式として評価する文字列 戻り値 :

More information

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個 1238-2 円形グラデーションのトランジション ラディアルグラデーションのトランジション W3C 仕様では background-image プロパティは transition プロパティでのトランジションや後で アニメーション編 に出てくる animation プロパティでのアニメーションができないようになっています ラディアルグラデーションの radial-gradient( ) 関数と repeating-radial-gradient(

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 ゲームプログラミング スプライト スプライト Pygame では pygame.sprite を用いる事でスプライトの管理 描画 衝突判定等を簡単に行う事が出来る 此れを利用してキャラクター操作に関する各種機能をスプライトクラスとして 1 個

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 ゲームプログラミング スプライト スプライト Pygame では pygame.sprite を用いる事でスプライトの管理 描画 衝突判定等を簡単に行う事が出来る 此れを利用してキャラクター操作に関する各種機能をスプライトクラスとして 1 個 PYTHON 入門 ゲームプログラミング スプライト スプライト Pygame では pygame.sprite を用いる事でスプライトの管理 描画 衝突判定等を簡単に行う事が出来る 此れを利用してキャラクター操作に関する各種機能をスプライトクラスとして 1 個に纏め 複数のキャラクターを扱い易くしたコードを 下記に示す pygame.sprite.sprite. init (self) self.img

More information

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID 10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/

More information

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する)

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する) 1232 セレクタを使う (selector) CSS でスタイルを指定する時に セレクタ (selector) でスタイルを適用する対象を特定することができます セレクタには次のようなものがあります もうすでに使用してきた #box1 のような指定は id セレクタ と呼ばれるセレクタです また フォントの指定で使用してきた.font1 は class セレクタ と呼ばれるセレクタです セレクタ

More information

C#の基本

C#の基本 C# の基本 ~ 開発環境の使い方 ~ C# とは プログラミング言語のひとつであり C C++ Java 等に並ぶ代表的な言語の一つである 容易に GUI( グラフィックやボタンとの連携ができる ) プログラミングが可能である メモリ管理等の煩雑な操作が必要なく 比較的初心者向きの言語である C# の利点 C C++ に比べて メモリ管理が必要ない GUIが作りやすい Javaに比べて コードの制限が少ない

More information

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 ゲームプログラミング スプライトの衝突判定 スプライトの衝突判定 スプライトの衝突判定の例として インベーダーゲームのコードを 下記に示す PYTHON3 #coding: utf-8 import pygame from pygame.lo

PYTHON 資料 電脳梁山泊烏賊塾 PYTHON 入門 ゲームプログラミング スプライトの衝突判定 スプライトの衝突判定 スプライトの衝突判定の例として インベーダーゲームのコードを 下記に示す PYTHON3 #coding: utf-8 import pygame from pygame.lo PYTHON 入門 ゲームプログラミング スプライトの衝突判定 スプライトの衝突判定 スプライトの衝突判定の例として インベーダーゲームのコードを 下記に示す #coding: utf-8 import pygame from pygame.locals import * import os import sys SCR_RECT = Rect(0, 0, 640, 480) def main():

More information

目次 1. プロフィール画像工房の概要 3 2. プロフィール画像の作成 9 3. プロフィール画像の登録 まとめ 29 レッスン内容 プロフィール画像工房 インターネット上に提供されているさまざまなサービス ( これ以降 サービス と記述します ) を利用するときには 利用するユーザー

目次 1. プロフィール画像工房の概要 3 2. プロフィール画像の作成 9 3. プロフィール画像の登録 まとめ 29 レッスン内容 プロフィール画像工房 インターネット上に提供されているさまざまなサービス ( これ以降 サービス と記述します ) を利用するときには 利用するユーザー 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Word 2013( テキスト内では Word と記述します ) Internet Explorer 11 画面の設定( 解像度 ) 1024 768 ピクセル テキスト内の解説で利用しているマイクロソフト社の Web メールサービス Outlook.com については 2014 年 6 月時点で提供している内容にもとづいています

More information

Border Width と記述します id 属性 div3 の div 要素を記述し 中にテキストで Border Radius と記述します id 属性 div4 の div 要素を記述し 中に span 要素を1つ記述しその中にテキストで Border All<br />(Color,Widt

Border Width と記述します id 属性 div3 の div 要素を記述し 中にテキストで Border Radius と記述します id 属性 div4 の div 要素を記述し 中に span 要素を1つ記述しその中にテキストで Border All<br />(Color,Widt 1338-1 ボーダーのアニメーション (1) border のアニメーションは web ページを作るときにボタンのアニメーションとして使えそ うです アニメーションで変化させることができる border 関係のプロパティ border-color animation で色を滑らかに変化させることができます border-width animation で幅を滑らかに変化させることができます border-radius

More information

Color Change

Color Change 1229 Text の 3D トランジション (rotatex, rotatey) テキストが 3D で変形するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると テキストが 3D で 変化するトランジションが動きます プロパティ transform: rotatex( ) rotatey( ) 要素を 3D 回転するときに指定します

More information

平成 30 年度 プログラミング研修講座 岩手県立総合教育センター

平成 30 年度 プログラミング研修講座 岩手県立総合教育センター 平成 30 年度 プログラミング研修講座 岩手県立総合教育センター 目次第 1 章プログラミングについて 1 ソフトウェアの働き 1 2 プログラミング言語 1 3 主なプログラミング言語の歴史 2 第 2 章 Visual Basic について 1 Visual Basic とは 3 2.NET Framework の環境 3 3 Visual Basic と.NET Framework の関係

More information

FAQ82.xls

FAQ82.xls ユーザーテンプレートの登録方法を教えてください (ddp シリーズ ) Adobe Photoshop で作成したオリジナルテンプレートを ddp で使用できるようにするには ユーザーユーティリティーソフト を使用し ddp で使用できるテンプレートとして編集 登録する必要があります ユーザーテンプレートの編集 1. オリジナルテンプレートを データの読み書きができるところ ( リムーバブルディスクなど

More information

64bit環境で32bitコンポーネントの利用

64bit環境で32bitコンポーネントの利用 64bit 環境 64bit 環境で 32bit コンポーネントの利用 Windows 7 や 8 の出現で 愈々 64bit 環境も普及し始めて来た 64bit 環境に於いては 64bit 用に最適化された 64bit コンポーネントを使用するのが本筋で有ろうが 64bit 環境に於いても 32bit コンポーネントを使用し度い場合が有る 過去の遺物 ( レガシ ) と仕て切り捨てるのではなく 良い物は良い物と仕て有効利用すると謂う観点から

More information

グラフィックス 目次

グラフィックス 目次 WPF チュートリアル Microsoft Expression Blend を使用してボタンを作成する 此のチュートリアルでは WPF のカスタマイズされたボタンを Microsoft Expression Blend を使用して作成する手順に付いて説明する Microsoft Expression Blend の具体的な動作は Extensible Application Markup Language(XAML)

More information

Microsoft Word A02

Microsoft Word A02 1 / 10 ページ キャリアアップコンピューティング 第 2 講 [ 全 15 講 ] 2018 年度 2 / 10 ページ 第 2 講ビジネスドキュメントの基本 2-1 Word の起動 画面構成 Word を起動し 各部の名称と機能を確認してみましょう 2 1 3 6 4 5 名称 機能 1 タイトルバー アプリケーション名とファイル名が表示されます 2 クイックアクセスツールバー よく使うコマンドを登録できます

More information

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必 1252-1 ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必要もありません すべて CSS3 の機能だけで作成されています サンプル CSS1 形と色が変化するリンクボタン

More information

エクセルのプロパティ

エクセルのプロパティ エクセルのプロパティ 配置 HorizontalAlignment プロパティ 指定されたオブジェクトのセルに入力されて居る内容の配置 ( 横位置 ) を設定する 何のオブジェクトが対象の場合も 使用出来る定数は XlHAlign クラスの xlhaligncenter xlhaligndistributed xlhalignjustify xlhalignleft xlhalignright の孰れかで有る

More information

演算増幅器

演算増幅器 コンピュータグラフィックス 2 前回は GLUT を使った簡単な 2 次元グラフィックスについて習った 今週は以下の項目について 補足していく イベント駆動型プログラムの動作について コンピュータグラフィックスの座標系 イベント駆動型プログラム従来のプログラムとの違いこれまでに学習してきたプログラムは上から下に順次実行され 条件分岐や繰り返し処理によって プログラムの流れ (flow: フロー )

More information

Prog2_9th

Prog2_9th 2017 年 11 月 30 日 ( 木 ) 実施 Canvas による描画 Canvas とは Canvas は, 描画コールを保持するためのクラスである 描画には, 次の 4 つの要素が必要である (1) ビットマップピクセル ( 画素 ) を保持 (2) キャンバス描画コール ( ビットマップへの書き出し要請 ) に対応 (3) 描画プリミティブ描画領域, パス, テキスト, ビットマップ等

More information

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out 1339 アウトラインのアニメーション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースと して使用されることが多い機能です また outline でボックスの輪郭をアニメーションさ せることもできますが あまり使われることはないかもしれません アニメーションで変化させることができる outline 関係のプロパティ outline-color animation

More information

Prog1_12th

Prog1_12th 2014 年 7 月 3 日 ( 木 ) 実施 GUIプログラミング今回の授業では,Java 言語での GUI(Graphical User Interface) プログラミングの基礎について学習する GUIツールキット Java 言語では,GUI プログラミング用のツールキットとして, 次のものが用意されている 1) AWT(Abstract Window Toolkit) 2) Swing AWT

More information

27短01研01斉藤.indd

27短01研01斉藤.indd WordPress を用いたホームページ作成 Making a homepage using the WordPress 斎藤敏之 Toshiyuki SAITOH キーワード 1. はじめに WordPress WordPress PC PC WordPress HTML CSS HTML CSS WordPress 2.HTMLとCSSの基礎 HTML CSS World Wide Web Consortium

More information

ルーレットプログラム

ルーレットプログラム ルーレットプログラム VB 2005 4 プログラムの概要 カジノの代表的なゲーム ルーレット を作成する 先ず GO! ボタンをクリックすると ルーレット盤上をボールが回転し 一定時間経過すると ボールが止まり 出目を表示するプログラムを作成する 出目を 1~16 大小 偶数奇数の内から予想して 予め設定した持ち点の範囲内で賭け点を決め 賭け点と出目に依り 1 点賭けの場合は 16 倍 其他は 2

More information

ToDo: 今回のタイトル

ToDo: 今回のタイトル グラフの描画 プログラミング演習 I L03 今週の目標 キャンバスを使って思ったような図 ( 指定された線 = グラフ ) を描いてみる 今週は発展問題が三つあります 2 グラフの準備 値の算出 3 値の表示 これまでは 文字列や値を表示するのには 主に JOptionPane.showMessageDialog() を使っていましたが ちょっとしたものを表示するのには System.out.println()

More information

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation

IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 2014 IBM Corporation IBM Business Process Manager CSS による Coach レイアウト制御ガイド WebSphere 目次 1. はじめに ( 資料の目的 ) 2. Coach View 構造の基本 2.1 CSS の基礎 2.2 Coach における CSS 記述場所 2.3 標準 Coach View 構造の基本 2.4 Coach における CSS セレクター指定の基本 3. 実践

More information

MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div

MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div 1334 テキストのアニメーション animation プロパティを使ってテキストに係わるプロパティのアニメーションを作ってみ ましょう ( 注 )Safari(webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color

More information

ファイル操作-インターネットキャッシュ

ファイル操作-インターネットキャッシュ ファイル操作 インターネット一時ファイルの保存場所 インターネットキャッシュ インターネット一時ファイルの保存場所は Internet Explorer の場合 下記の手順で確認する事が出来る 1.[ ツール ] [ インターネットオプション ] でインターネットオプション画面のダイアログを表示させる 2.[ 全般 ] タブで [ インターネット一時ファイル ] グループの [ 設定 ] をクリックすると

More information

ListViewコントロール

ListViewコントロール ListView コントロール ListView コントロールへ項目を追加 本稿では.NET Framework の標準コントロールで有る ListView コントロール (System.Windows.Forms 名前空間 ) を活用する為に ListView コントロールにデータを追加する方法を紹介する ListView コントロールは データ項目をアイコン表示や詳細表示等に依り一覧表示する為の物で

More information

Sponsored Athletes Kazuhiro Takahashi Hidekazu Ito Jun Sengoku Contents Size Chart P4 SLEEPING BAGS P10 INSULATION & THERMAL P11 HARDSHELL P16 SOFTSHE

Sponsored Athletes Kazuhiro Takahashi Hidekazu Ito Jun Sengoku Contents Size Chart P4 SLEEPING BAGS P10 INSULATION & THERMAL P11 HARDSHELL P16 SOFTSHE MOUNTAIN EQUIPMENT 2012 SPRING & SUMMER CATALOG www.mountain-equipment.jp MOUNTAIN EQUIPMENT is trade mark used under license from Bollin Group Mountain Equipment makes functional, comfortable, protective

More information

1 フォントの書式 EXCEL では表示されている文字 ( 数字 ) の書式をワープロと同様に設定 変更できる また セルそのものの色やパターン ( 網掛け ) などを設定することができる 設定 変更できる内容には次のようなものがある 1 字体 ( フォント ) の書式設定 ( フォントはセルの書式

1 フォントの書式 EXCEL では表示されている文字 ( 数字 ) の書式をワープロと同様に設定 変更できる また セルそのものの色やパターン ( 網掛け ) などを設定することができる 設定 変更できる内容には次のようなものがある 1 字体 ( フォント ) の書式設定 ( フォントはセルの書式 モジュール ME-04 ME-04 フォント セルの設定 岡山県情報教育センター 1 フォントの書式 EXCEL では表示されている文字 ( 数字 ) の書式をワープロと同様に設定 変更できる また セルそのものの色やパターン ( 網掛け ) などを設定することができる 設定 変更できる内容には次のようなものがある 1 字体 ( フォント ) の書式設定 ( フォントはセルの書式設定の一部である )

More information

(Microsoft Word - Word\216\300\217K\212\356\221b1.doc)

(Microsoft Word - Word\216\300\217K\212\356\221b1.doc) Excel Word 実習 (1 章 Word 入門編 ) 2007.4 学科名学科氏名 目標資格 Microsoft Office Specialist( 主催 :Microsoft Corp. Odyssey Communications inc.) 実施日 : 平成 XX 年 X 月 XX 日 (X) Microsoft Excel 実施日 : 平成 XX 年 X 月 XX 日 (X) Microsoft

More information

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

Microsoft Word - 教材WebページのHTML5及びCSS3の解説 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 6 3 Contents の解説 3.1 IE9 の画面 教材 Web ページの HTML5 及び CSS3 の解説.docx Page 7 3.2 画面構成 3.3 HTML5(menu.html)

More information

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 1 6 (1) (2) HTML (3) PDF Copy&Paste 1 Web 1 Web Web 1 Web HTML 6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1 6 3 1.1 HTML Web HTML(Hyper Text Markup Language)

More information

ファイル操作-バイナリファイル

ファイル操作-バイナリファイル ファイル操作 バイナリ ファイルを読み書きする バイナリファイル ( 即ちテキストファイル以外のファイル ) を読み書きするには FileStream クラス (System.IO 名前空間 ) を利用する FileStream クラスはファイル用のストリームをサポートするクラスで有り Stream クラス (System.IO 名前空間 ) の派生クラスの 1 つで有る 基本的には コンストラクタで指定したファイルのストリームに対して

More information

構造体

構造体 構造体 Byte 配列 構造体とコピーする方法 構造体とバイト配列の変換を行うには System.Runtime.InteropServices 名前空間をインポートして置くと便利で有る Imports System.Runtime.InteropServices using System.Runtime.InteropServices; 下記の 3 種類の構造体にバイト配列の値を格納した場合に付いて検証する

More information

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値

Visual Basic 資料 電脳梁山泊烏賊塾 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 コレクション初期化子 コレクション初期化子 初めに.NET 版の Visual Basic では 其れ迄の Visual Basic 6.0 とは異なり 下記の例の様に変数宣言の構文に 初期値を代入する式が書ける様に成った 其の際 1 の様に単一の値 ( 此処では 10) を代入する丈でなく 2 の配列変数の宣言の様に ブレース { } の中にカンマ区切りで初期値のリストを記述し 配列の各要素に初期値を代入出来る様に成った

More information

ポストカード

ポストカード ポストカード作成 NPO 法人いきいきネットとくしま第 110 回定例勉強会 森の日 平成 25 年 7 月 24 日林暁子 デジカメで写した写真を使ってポストカードを作成します Windows に付属しているペイントソフトを使って写真の編集や加工をします で用紙を はがき に設定しポストカードを作成します 1. ペイントの起動 2. 写真を加工 3. ワード (Word) の起動 4. ページ設定

More information

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ

目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18 インポート時の制限事項...19 リ [SP 改 ] フォームレイアウトデザイナー FOR SHAREPOINT 2013 ユーザーマニュアル 1.0 版 2014 年 04 月 11 日 株式会社アンク 目次 概要... 2 フォームレイアウトデザイナー機能の設定... 3 設定したフォームレイアウトデザイナーの確認...14 その他スタイルの設定...15 フォームレイアウトデザイナーをエクスポート...17 フォームレイアウトデザイナーをインポート...18

More information

1. ホームページ 概 要 (1)ホームページとは 現 在 インターネット 上 では 世 界 中 で 数 億 台 以 上 のコンピュータが 相 互 に 接 続 されています このインターネットが 爆 発 的 に 普 及 した 最 大 の 要 因 が ホームページ です ホームページ を 作 成 閲

1. ホームページ 概 要 (1)ホームページとは 現 在 インターネット 上 では 世 界 中 で 数 億 台 以 上 のコンピュータが 相 互 に 接 続 されています このインターネットが 爆 発 的 に 普 及 した 最 大 の 要 因 が ホームページ です ホームページ を 作 成 閲 目 次 1. ホームページ 概 要... 1 (1) ホームページとは (2) ホームページのサービス Web とは? (3) ホームページの 住 所 アドレスとは? (4) ホームページを 公 開 するとは? (5) FTP とは? (6) 教 員 用 Web サーバ(c-faculty)について 2. 準 備 するもの... 3 (1) ソフトウェア (2) アカウント パスワード (3) ホームページデータ

More information

1セル範囲 A13:E196 を選択し メニューの データ - 並べ替え をクリック 並べ替え ダイアログボックスで 最優先されるキー から 年代 を選択し OK をクリック ( セル範囲 A13:E196 のデータが 年代 で並び替えられたことを確認する ) 2セル範囲 A13:E196 を選択し

1セル範囲 A13:E196 を選択し メニューの データ - 並べ替え をクリック 並べ替え ダイアログボックスで 最優先されるキー から 年代 を選択し OK をクリック ( セル範囲 A13:E196 のデータが 年代 で並び替えられたことを確認する ) 2セル範囲 A13:E196 を選択し 作成 1. アンケート集計表 ( 表計算 ) Excel を起動し メニューの ファイル - 開く をクリックして ファイルを開く ダイアログボックスで ファイルの種類 のプルダウンメニューから テキストファイル (*.prn;*.txt;*.csv) を選択し 総合実技課題( 類題 1) フォルダーの アンケート.csv ファイルを選択して 開く をクリックしてください (1) セル範囲 A13:E196

More information

グラフィックス

グラフィックス グラフィックス PictureBox の Image プロパティに関する良く有る勘違い PictureBox に画像を表示する方法と仕て PictureBox の Image プロパティを使う方法と Graphics の DrawImage メソッドを使う方法が有るが 此の 2 つの方法を混同し 正しく理解して居ない事が多い様で有る 例えば 下記に列挙する様な状況が 此れに該当する 1.PictureBox

More information

回文作成支援プログラム

回文作成支援プログラム 回文作成支援プログラム VB1 プログラムの概要 原文を 1 字入力する度に 其の回文が順次表示される 即ち AB と入力すると ABA と表示され ABC と入力すると ABCBA と表示される 亦 消去ボタンをクリックすると 原文 及び 回文を消去する事も出来る 終了ボタンをクリックすると プログラムをメモリから消去して終了する 今回の課題項目 単純変数の宣言 (Dim) 標準コントロールの利用

More information

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

More information

NotifyIconコントロール

NotifyIconコントロール NotifyIcon コントロール システムトレイ ( タスクトレイ ) にアイコンを表示する.NET Framework 2.0 以降の場合は 後述の 2 を観て欲しい Outlook や MSN Messenger 等の様に Windows アプリケーションではシステムトレイ ( タスクトレイ ステータス領域等とも呼ばれる ) にアイコンを表示して アプリケーションの状態を示したり アプリケーションのフォームを表示したりする為のショートカットとして利用する事が出来る.NET

More information

Prog2_12th

Prog2_12th 2018 年 12 月 13 日 ( 木 ) 実施クラスの継承オブジェクト指向プログラミングの基本的な属性として, 親クラスのメンバを再利用, 拡張, または変更する子クラスを定義することが出来る メンバの再利用を継承と呼び, 継承元となるクラスを基底クラスと呼ぶ また, 基底クラスのメンバを継承するクラスを, 派生クラスと呼ぶ なお, メンバの中でコンストラクタは継承されない C# 言語では,Java

More information

ワープロソフトウェア

ワープロソフトウェア 表計算ソフト (Excel) 表計算ソフト (Excel) とは 表計算ソフト数値データの集計 分析に用いられるアプリケーション表 グラフの作成 統計関数によるデータ解析 データベースなどを行うことができる メリットとして計算が自動 また簡単なシミュレーションができる Excel Microsoftによって提供されている表計算ソフトの名称関数の入力やマクロ機能,GUIの操作に優れており様々な用途に使用されている

More information

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動 1225-8 練習 8 Translate Balls(translateX, translatey, translate) transform プロパティの translate 関数を使用して 2 つのボールを斜めに転がすトランジシ ョンを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると 2 つのボールが斜 めに転がります 動きの仕組み このトランジションは

More information

セル G5 に 大手町店 の合計を求めましょう 暮らしのパソコンいろは 1 セル G5 をクリックします 2 ホーム タブをクリックします 3 編集 グループの ( 合計 ) をクリックします セル G5 と数式バーに =SUM(D5:F5) と表示され セル範囲 D5:F5 が点滅する線で囲まれま

セル G5 に 大手町店 の合計を求めましょう 暮らしのパソコンいろは 1 セル G5 をクリックします 2 ホーム タブをクリックします 3 編集 グループの ( 合計 ) をクリックします セル G5 と数式バーに =SUM(D5:F5) と表示され セル範囲 D5:F5 が点滅する線で囲まれま 暮らしのパソコンいろは 第 3 章表の作成 2007 資料 B を開いて 次の表を作成しましょう 1. - 関数の入力 1) 関数とは 関数 とは 決まりごとにしたがって計算する数式のことです 演算記号を使って数式を入力する代わりに カッコ内に必要な引数を指定して計算を行います = 関数名 ( 引数 1 引数 2 ) 1 2 3 1 先頭に = を入力します 2 関数名を入力します 3 引数をカッコで囲み

More information

HCI プログラミング 5 回目ウィンドウに画像を表示してみよう 今日の講義で学ぶ内容 画像の表示 画像のエフェクト 画像のビューポート指定 画像の表示 1 画像を表示してみましょう 画像の表示はクラス ImageView により管理されます ソースファイル名 :Sample5_1.java //

HCI プログラミング 5 回目ウィンドウに画像を表示してみよう 今日の講義で学ぶ内容 画像の表示 画像のエフェクト 画像のビューポート指定 画像の表示 1 画像を表示してみましょう 画像の表示はクラス ImageView により管理されます ソースファイル名 :Sample5_1.java // HCI プログラミング 5 回目ウィンドウに画像を表示してみよう 今日の講義で学ぶ内容 画像の表示 画像のエフェクト 画像のビューポート指定 画像の表示 1 画像を表示してみましょう 画像の表示はクラス ImageView により管理されます ソースファイル名 :Sample5_1.java // 画像の表示 public class Sample5_1 extends Application //

More information

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り 1250 アウトラインのトランジション outline は入力フィールドの輪郭を赤くして目立たせるなど ユーザーインターフェースとして使用されることが多い機能です outline はボックスに指定して border と同じようにトランジションさせることもできますが あまり使われることはないかもしれません outline には border と違って 角の半径を指定して丸くする機能はありません 入力フィールドをクリックすると変化します

More information

19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで

19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで 19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで Kivy というソフトウェアを使う Kivy は Python のパッケージ管理システム pip を使ってインターネット上のファイルサーバからインストールが可能である

More information

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ

overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ 1225-6 練習 6 Overflow The Stage(overflow) ピエロの玉乗りがステージの外から入って外へ出て行くトランジションを作ってみましょ う Hover ボタンの上をマウスポインター ( カーソル ) で hover すると ピエロの玉乗りが ステージの外から入って外へ出て行きます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 ピエロとボールの横方向の動き

More information

Userコントロール

Userコントロール User コントロール 初めてのユーザーコントロールの作成 作成したクラスは他のプログラムで再利用出来る為 同じコードを何度も繰り返し作成する必要が無い コントロールも 複数のプロジェクトで再利用出来るクラスで有る 同じユーザーインターフェイスを何度も繰り返してデザインすると謂う経験は 恐らく誰でも有る 例えば 姓と名を入力する為の TextBox コントロールを追加した後で 両方を組み合わせてフルネームを作成するコードを追加する等の作業で有る

More information

Kasthall Hand tufted rugs CLASSIC Cream 8001 Pearl Grey 5002 Dove Grey 5004 Granite 5005 Beach 8003 Nougat 8004 Sandstone 8002 Velvet Black 5001 Truff

Kasthall Hand tufted rugs CLASSIC Cream 8001 Pearl Grey 5002 Dove Grey 5004 Granite 5005 Beach 8003 Nougat 8004 Sandstone 8002 Velvet Black 5001 Truff 1889 年創業の老舗ラグメーカーカスタール 1889 Kinna ISO14001 世代を超えて培われたクラフトマンシップ 100 Kasthall Hand tufted rugs CLASSIC Cream 8001 Pearl Grey 5002 Dove Grey 5004 Granite 5005 Beach 8003 Nougat 8004 Sandstone 8002 Velvet

More information

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63> 情報処理 C (P.1) 情報処理 C (2011 年度 ) ホームページの作成 http://open.shonan.bunkyo.ac.jp/~ohtan/ テキストエディタ ( メモ帳 TeraPad など ) でHTMLファイルを作成する HTML(Hyper Text Markup Language ) ホームページを記述するための言語のこと テキストエディタの起動 (TeraPad の場合

More information

Microsoft PowerPoint - 講義資料-mlib

Microsoft PowerPoint - 講義資料-mlib 5 回目グラフ作成ライブラリ mlib の使い方 グラフ関数 clf, Set_figure, Aspect_ratio Plot1d, Plot1d_int, Plotxy Axis_xcap, Axis_ycap, Grid_on, Legend Text_draw フィギュアウインドウの生成 フィギュアウインドウ グラフィックウインドウ内にあるグラフ作成用の仮想ウインドウで一つのフィギュアウインドウには一つのグラフを描くことができる

More information

Python によるジオプロセシング スクリプト入門

Python によるジオプロセシング スクリプト入門 アイコンの説明... 8 第 1 章イントロダクション... 9 本コースの目的... 11 講習内容... 11 講習資料... 12 イントロダクション... 12 ArcGIS... 13 Web サイト... 13 開発者向けプログラム / サービス... 14 演習 1: 演習環境の構築... 15 ステップ 1: Windows へのログオン ( オプション )... 15 ステップ 2:

More information

4D Progress( 進捗バー ) 4D には新しい組み込みコンポーネント 4D Progressが含まれます このコンポーネントを使用して (Mac OSのFinderのように ) 1つ以上の進捗バーを同じウィンドウに表示することができます 各進捗バーにはProgress Newメソッドから自

4D Progress( 進捗バー ) 4D には新しい組み込みコンポーネント 4D Progressが含まれます このコンポーネントを使用して (Mac OSのFinderのように ) 1つ以上の進捗バーを同じウィンドウに表示することができます 各進捗バーにはProgress Newメソッドから自 4D Progress( 進捗バー ) 4D には新しい組み込みコンポーネント 4D Progressが含まれます このコンポーネントを使用して (Mac OSのFinderのように ) 1つ以上の進捗バーを同じウィンドウに表示することができます 各進捗バーにはProgress Newメソッドから自動でIDが割り当てられます このIDは進捗ダイアログボックスの属性と値を管理するコンポーネントメソッドで使用されます

More information

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更 ファイル操作 アプリケーションソフトウェアなどで作成したデータはディスクにファイルとして保存される そのファイルに関してコピーや削除などの基本的な操作について実習する また ファイルを整理するためのフォルダの作成などの実習をする (A) ファイル名 ファイル名はデータなどのファイルをディスクに保存しておくときに付ける名前である データファイルはどんどん増えていくので 何のデータであるのかわかりやすいファイル名を付けるようにする

More information

ブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt(

ブロックの 1 文字目のを変更する セレクタ : first-letter { 1 文字目のを指定するフォントや文字色 背景色 枠線などの ブロックの 1 文字目を字下げする text-indent: 字下げ幅段落の1 文字目の字下げ幅を指定する em( 標準 1em) px( ピクセル ) pt( 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) Web プログラミング 1 HTML+CSS (4) (2 章 ) 2013/5/15( 水 ) 演習名 使用するフォルダ 演習 1 Z: Webプログラミング1 20130515 演習

More information

1222-A Transform Function Order (trsn

1222-A Transform Function Order (trsn 1247 Matrix3D の合成 Multiply Matrix3D ここでは matrix3d 関数で 3D の変形 ( 拡大縮小 傾斜 ) 回転 移動を同時に行いたい場 合の数値の指定方法について説明します マトリックスに指定する数値はつぎのようになっています ( 注 : これは数学上のマトッリ クスの数値の並びです 数学上のマトリックスで計算して 最後に matrix3d 関数の数値の 並びで指定します

More information

Prog2_11th

Prog2_11th 2012 年 12 月 6 日 ( 木 ) 実施 GUIプログラミング今回及び次回の授業では,Java 言語での GUI プログラミングの基礎について学習する GUIツールキット Java 言語では,GUI プログラミング用のツールキットとして, 次のものが用意されている 1) AWT (Abstract Window Toolkit) 2) Swing AWT は Java 言語の当初から実装されていた標準の

More information

CubePDF ユーザーズマニュアル

CubePDF ユーザーズマニュアル CubePDF ユーザーズマニュアル 2018.11.22 第 13 版 1 1. PDF への変換手順 CubePDF は仮想プリンターとしてインストールされます そのため Web ブラウザや Microsoft Word, Excel, PowerPoint など印刷ボタンのあるアプリケーションであればどれでも 次の 3 ステップで PDF へ変換することができます 1. PDF 化したいものを適当なアプリケーションで表示し

More information

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は 1225-9 練習 9 Skew Wheel(skewX, skewy, skew) カラーホイールが斜めに回転するトランジションを作ってみましょう Hover ボタンの上をマウスポインター ( カーソル ) で hover すると カラーホイールが 回転しながら斜めに傾いていきます 動きの仕組み このトランジションは 次の3つの動きの組み合わせで動きます 1 カラーホイールの画像の傾き transform

More information

スライド 1

スライド 1 第 6 章表計算 B(Excel 2003) ( 解答と解説 ) 6B-1. 表計算ソフトの操作 1 条件付き書式の設定 1. ( ア )=E ( イ )= お 条件付き書式とは セルの数値によりセルの背景に色を付けたり 文字に色を付けたり アイコンをつけたりして分類することができる機能です 本問題では 以下の手順が解答となります 1 2 ユーザー定義の表示形式 1. ( ア )=2 ( イ )=4

More information

Prog2_6th

Prog2_6th 2016 年 11 月 10 日 ( 木 ) 実施 インテントインテントとは Android アプリは複数のアクティビティを持つことが出来, また, アクティビティ以外の要素も持つので, 複数のアクティビティ間, アクティビティとアクティビティ以外の要素との間といったオブジェクト間を結び付ける仕組みが必要となる その役割を担うのがインテントで, 複数のアプリ間やアプリとシステムとの間もインテントで結び付けることが出来る

More information

一方, 物体色 ( 色や光を反射して色刺激を起こすもの, つまり印刷物 ) の表現には, 減法混色 (CMY) が用いられる CMY の C はシアン (Cyn),M はマゼンタ (Mgent),Y はイエロー (Yellow) であり, これらは色の 3 原色と呼ばれるものである なお, 同じシア

一方, 物体色 ( 色や光を反射して色刺激を起こすもの, つまり印刷物 ) の表現には, 減法混色 (CMY) が用いられる CMY の C はシアン (Cyn),M はマゼンタ (Mgent),Y はイエロー (Yellow) であり, これらは色の 3 原色と呼ばれるものである なお, 同じシア 第 4 章デジタル画像の処理 デジタル画像処理の基礎について理解し,Jv によるフィルタリング処理や座標変換のプログラムを作成する 4.1 RGB 表色系と CMY 表色系 TV やコンピュータのディスプレイ, デジタルカメラでの色の表現には, 加法混色 (RGB) が用いられる RGB の R は赤 (Red),G は緑 (Green),B は青 (Blue) であり, これらは光の 3 原色と呼ばれるものである

More information

Sample 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Excel 2010( テキスト内では Excel と記述します ) 画面の設定( 解像度 ) ピクセル 本テキストは 次の環境でも利用可能です Windows

Sample 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Excel 2010( テキスト内では Excel と記述します ) 画面の設定( 解像度 ) ピクセル 本テキストは 次の環境でも利用可能です Windows 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Excel 2010( テキスト内では Excel と記述します ) 画面の設定( 解像度 ) 1024 768 ピクセル 本テキストは 次の環境でも利用可能です Windows 7 Home Premium 以外のオペレーティングシステムで Microsoft Excel 2010 が動作する環境

More information

WORD4「チラシを作成しよう4 ~文字アートと絵と写真~」

WORD4「チラシを作成しよう4 ~文字アートと絵と写真~」 ワード 4 チラシを作成しよう 4 ~ 文字アートと絵と写真 ~ はじめにタイトルは文字のアートで ( ワードアート ) タイトルを入れよう ( ワードアートの挿入 ) タイトルに変化をつけてかっこよく ( ワードアートの効果の変更 ) タイトルを適切な位置に ( ワードアートの移動 ) タイトルを適切な大きさに ( ワードアートのサイズ変更 ) タイトルにふさわしい文字の形に ( ワードアートのフォントの変更

More information

大阪ガス株式会社 情報通信部 御中

大阪ガス株式会社 情報通信部 御中 大阪ガス暗号化 / 復号化ツール (Release 0.C.0.0) ユーザーズマニュアル 1 目次 1. 暗号化ツールの使用方法... 3 1.1 暗号化ツールの概要... 3 1.2 暗号化ツールを起動する... 3 1.2.1 デスクトップアイコンを開いて起動する... 3 1.2.2 デスクトップアイコンにファイルをドラッグ & ドロップして起動する... 3 1.2.3 スタートメニューから起動する...

More information

旅のしおり

旅のしおり ワードでワクワク旅のしおり Word2007 のいろいろな機能を使って楽しい旅のしおり作成に挑戦しましょう! 1. ワード (Word) の起動 2. ページ設定 3. 文字のレイアウト 6. 表のレイアウト 7. ファイルの保存 8. クリップアート挿入 4. セクション区切りの挿入 5. 表の挿入 下記のような 旅のしおり を作成します 1 1. ワード (Word) の起動 [ スタート ]

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション かんたんマニュアル 差し込み印刷編 目次 STEP:1 STEP:2 STEP:3 STEP:4 元となるラベル カードのデータを作ろうP.2 差し込みデータの関連付けを設定しよう P.7 データの差し込みをしよう P.11 印刷しよう P.17 STEP1: 画面の確認をしよう 差し込み印刷とは 表計算ソフトで作った住所録を宛名ラベルに印刷したり 名簿をも とに同じ形式のカードを作ったりするときに便利な機能です

More information

計算機プログラミング

計算機プログラミング プログラミング言語 C 第 8 講 システム標準関数 ( 入出力関数 ) システム標準関数 システムに備え付けの関数 例 ) printf( ); scanf( ); 標準出力関数 標準入力関数 A. 入出力用の関数 高水準入出力関数 高水準言語 (OS に依存しない ) 低水準入出力関数 機械語レベル (OS に依存 ) B. それ以外の関数 引数と関数の型 ( 戻り値 ) に注目しましょう 例

More information