[WPF/xaml]Segoe MDL2 FontFamilyを使って、いいね！っぽいボタンをつくる - Qiita
<Window x:Class="WpfApp31.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:WpfApp31" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <!-- http:
![[WPF/xaml]Segoe MDL2 FontFamilyを使って、いいね！っぽいボタンをつくる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb39313c8f5ec8178f45d7bcf8647776757ab1d9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMwLmdpdGh1YnVzZXJjb250ZW50LmNvbSUyRnUlMkYxOTE4MDQ1NiUzRnYlM0Q0P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTg2MzEzNDYyYmUwZDgwMTBhNmNhYWJlODI1MWY5M2Y3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db921c524cb92ce2f16a72d85584a8d72%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCV1BGJTJGeGFtbCU1RFNlZ29lJTIwTURMMiUyMEZvbnRGYW1pbHklRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODAlODElRTMlODElODQlRTMlODElODQlRTMlODElQUQlRUYlQkMlODElRTMlODElQTMlRTMlODElQkQlRTMlODElODQlRTMlODMlOUMlRTMlODIlQkYlRTMlODMlQjMlRTMlODIlOTIlRTMlODElQTQlRTMlODElOEYlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0xZjFjYTk2NDkxOGM1MWMwNzUwMTI1MjgzZWEyYTE2ZQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0ZXJhMTcwNyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWRiMmMzZTcwNTU4MWQzYTdkYWRkNjUzNzI4OGIxYmI4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc13a14a8c2b379681bb8f9d26460ac02)
概要 今回は、マインスイーパーでの地雷を配置するアルゴリズムについて、急遽作成してみたくなったので、Python作っていきます。 プログラム ゲームボードの作成 下記コードがゲームボードを作成するプログラムです。 TODOの箇所のコードを有効化し、地雷を配置する処理を書いていきます。 import tkinter as tk from tkinter import messagebox import random class Minesweeper: """ マインスイーパークラス """ def __init__(self, master, rows=10, cols=10, mines=10): self.master = master self.rows = rows # 列数 self.cols = cols # 行数 self.mines = mines # 地雷の数 self.
こんにちは、あんはるです。 接触確認アプリ「COCOA」の開発に貢献したこと、そして、簡単に開発に参加する方法を紹介します。 みなさんに接触確認アプリ「Cocoa」の開発の参加は簡単にできるということを伝えたくて書きました 実際自分で改善してみた経験も書いています cocoaが使いにくい！と思ったら是非この記事を読んで改善してみるといいと思います👍 是非読んでみてください🙇♂️https://t.co/3G1UEL9Rb2 — あんはる@アプリ作れるJK (@_anharu) June 26, 2020 追記 7/12 この記事見て実際に接触確認アプリを改善してみました！っていう方 いらっしゃったらご連絡ください 追記 7/23 この記事見て実際に接触確認アプリを改善した方々🎉🎉🎉 この記事によって、実際に接触確認アプリにコミットする方が増えたらいいな！という目的で書いたので少
はじめに tracebackをmessageboxに表示したい！ Tkinterで作成したアプリケーションをexe化して完璧だと思った矢先、ユーザーによって予期せぬエラーを引き起こされる場合がある（知らんけど） consoleウィンドウがあればtracebackを遡ってエラーを追求できるが、GUIのみの場合は何も起こらずエラーが出たのかすらわからない。 予測できるエラーに対してはtkinterのmessagebox.showerror()をif文とかで仕込んでおけばよいが、すべてのエラーに対して仕込むのは至難の業。 今回は、こんな風にtracebackの一部を表示し、 consoleがなくても「エラーやで」とわかってもらう方法をメモします。 発想 基本的な考え方は次の通りである。 try-except文を使ってエラーのときはmessagebox.showerror()を表示する すべての動
[Material-UI] Grid Componentでアイテムをレスポンシブに配置する | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 Reactにマテリアルデザインを簡単に導入できるMaterial-UIでは、レスポンシブレイアウトグリッドを実装するための方法としてGridというComponentが提供されています。 React Grid component - Material-UI このたびアンケート画面をMaterial-UIで実装する機会があったので、Grid Componentを使用してアイテム（回答ボタン）のレスポンシブな配置を試してみました。 環境 $ npm list --depth=0 ... ├── @material-ui/core@4.12.2 ├── react@17.0.2 ├── typescript@4.2.4 ... 実装 質問文のテキストと、回答の選択肢のボタンが配置されたアンケート画面を想定してみます。 import React f
![[Material-UI] Grid Componentでアイテムをレスポンシブに配置する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dafaf8ad6b55b50c80b9d36570d220f3c0536e1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2021%2F07%2Fthumbnail_Materil-UI.png)
こんにちは、あんはるです。 接触確認アプリ「COCOA」の開発に貢献したこと、そして、簡単に開発に参加する方法を紹介します。 みなさんに接触確認アプリ「Cocoa」の開発の参加は簡単にできるということを伝えたくて書きました 実際自分で改善してみた経験も書いています cocoaが使いにくい！と思ったら是非この記事を読んで改善してみるといいと思います👍 是非読んでみてください🙇♂️https://t.co/3G1UEL9Rb2 — あんはる@アプリ作れるJK (@_anharu) June 26, 2020 追記 7/12 この記事見て実際に接触確認アプリを改善してみました！っていう方 いらっしゃったらご連絡ください 追記 7/23 この記事見て実際に接触確認アプリを改善した方々🎉🎉🎉 この記事によって、実際に接触確認アプリにコミットする方が増えたらいいな！という目的で書いたので少
Pythonで電卓作ってみた - Qiita
はじめに 今回はAtsu1209jp の友達（今度アカウント作ります。ｗｗｗ）が書いた記事です。 雰囲気違うけどよろしくね〜(by Atsu1209jp) python 電卓の作り方。参考にするが良い。 import tkinter as tk from tkinter import ttk # Define BUTTON = [ ['', 'B', 'C', '/'], ['7', '8', '9', '*'], ['4', '5', '6', '-'], ['1', '2', '3', '+'], ['00', '0', '.', '='] ] SYMBOL = ['+', '-', '*', '/'] # 簡易的な電卓を作ってみた！ class CaluGui(object): def __init__(self, app=None): # Define self.calc_str
インスタグラムから画像を取得するための「instaloder」について紹介します。インスタグラムには画像のダウンロードが機能がないため、ダウンローダ―の制作が必要です。当記事ではInstaloderを使いダウンローダ―を作っていきます。 instalorderについて instaloderというライブラリを使います。instaloderはPythonで書かれたInstagramの非公式APIで、Instagramから画像を取得するためのシンプルで使いやすいツールです。また、ダウンロードした画像を自動的に整理し、保存することができます。 instaloderを使用するためには、Pythonをインストールする必要があります。 公式リンク https://instaloader.github.io/ 仮想環境を用意するPythonの仮想環境を作成した場合、作成した仮想環境を有効化する必要がありま
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? あなたは仕事中、他人に対して優しくありたいと思っています。なんで俺がやらなきゃいけないのという怒りを堪えて、めんどくさい案件を文句を言わずに対処しています。昼飯あとで食べよう、、ふう～とりあえずキリついた！少し背伸びしてから机を少しかたずけて、さてお昼っっ、という瞬間、あなたの余裕がありそうな瞬間を狙っていた後輩が、新たなめんどくさい案件をもってきました。あれ、気持ちが顔に出てませんか？後輩ビビってますよ？ビビることによってインシデント報告されなくなり、さらに重大な事件が。。。ということまではいかないと思いますが、仕事中気付かないうちに
プログラミング関連Blog 私の興味の端から端までをお届けします！ 【免責事項】このサイトの情報は私の個人的な見解で、私以外の意見を代弁するものではありません。 【WPF】【MVVM】イベントをViewModelのメソッドに割り当てる。 http://pro.art55.jp/?eid=1303819 上記の続きです。 先ほどは ダブルクリックイベントにViewModel側で定義したメソッドをアタッチする実装を紹介しました。 さて、この文章本当でしょうか、XAML上にイベントを宣言的に記述するスタンダードでないやり方なので実際にイベントとして割り当てられているかどうか、外部からイベントを発生させて、実際にメソッドが呼び出されるかどうか検証してみました。 public partial class MainWindow : Window { public MainWindow() { Init
概要 単純な文字列置換アプリケーションをTkinterで作成します。 最終的な外観や操作は以下のような感じになります。 前提 実行環境 本ページで記載しているコードはWindows10, python3.7で実行できることを確認しております。 必要なpythonモジュール デフォルトでインストールされているモジュールのみを使用します。 ソースコードについて GitHubで公開しております。 https://github.com/The-town/ReplaceString 記事内のコードは若干手を加えているため、GitHub上のコードと差異があります。 それでは、はじめましょう。 STEP1 GUIオブジェクトの設定 import tkinter.scrolledtext as scrolled_text import tkinter as tk class Frame(tk.Frame)
IsHitTestVisible云々はここでは忘れてください。 滅多にないと思いますが、クリックはさせたいけど、特定の領域のクリックイベントは握りつぶしたい（別の動作に振り替えたい）、というケースを想定しています。具体的にはListBoxItemのIsSelected=Trueにはさせたくないが、SelectされたItemが欲しいケースです。 前提の確認 MouseLeftButtonDown イベント まずはGridをネストしたXamlを用意します。 <Grid MouseLeftButtonDown="Grid_MouseLeftButtonDown" Name="Grid1"> <Grid MouseLeftButtonDown="Grid_MouseLeftButtonDown" Name="Grid2"> <Grid MouseLeftButtonDown="Grid_Mouse
[WPF]DataTriggerを使って、ViewModelのフラグ等にバインドして、見た目を変化させる - Qiita
[WPF]DataTriggerを使って、ViewModelのフラグ等にバインドして、見た目を変化させるC#WPFXaml やりたいこと ビューモデルのフラグなどにバインドして、画面の見た目を変えたい。 やり方 DataTriggerというのを使って実現できた。Styleの中にDataTriggerを組み込んでやる感じ。 似たようなものに、ただのTriggerがあるが、こちらはそのコントロール自身のプロパティを見て、自身のほかのプロパティを切り替えるようなことができるっぽい。 下記に、その両方のサンプルを載せる。 View(xaml) <UserControl x:Class="PrismSample.Views.UserControl1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="
![[WPF]DataTriggerを使って、ViewModelのフラグ等にバインドして、見た目を変化させる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/df95c6db9d3244c334ba826f5192f24ede66ce88/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCV1BGJTVERGF0YVRyaWdnZXIlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODAlODFWaWV3TW9kZWwlRTMlODElQUUlRTMlODMlOTUlRTMlODMlQTklRTMlODIlQjAlRTclQUQlODklRTMlODElQUIlRTMlODMlOTAlRTMlODIlQTQlRTMlODMlQjMlRTMlODMlODklRTMlODElOTclRTMlODElQTYlRTMlODAlODElRTglQTYlOEIlRTMlODElOUYlRTclOUIlQUUlRTMlODIlOTIlRTUlQTQlODklRTUlOEMlOTYlRTMlODElOTUlRTMlODElOUIlRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWU2NzRlMzcwYWQxMmFhOGYwODc4ODYwNTNjNjAwY2Rl%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwdGVyYTE3MDcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTg3NjkwOGM4Zjc5ZGUxZjM0NjdiYTRmYWJiZjYxNzlj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D2b65ecea363c39c46602c78f9f78eb11)
Note このコンテンツは、Pearson Education, Inc. の許可を得て、『Framework Design Guidelines: Conventions, Idioms, and Patterns for Reusable .NET Libraries, 2nd Edition (フレームワーク設計ガイドライン: 再利用可能な .NET ライブラリの規約、表現形式、およびパターン、第 2 版)』から転載されています。 この版は 2008 年に出版され、その後、この本は第 3 版で全面的に改訂されました。 このページの情報の一部は古くなっている可能性があります。 依存関係プロパティ (DP) は、その値が、たとえば型変数 (フィールド) に格納されるのではなく、プロパティ ストアに格納される通常のプロパティです。 添付依存関係プロパティは、オブジェクトとそのコンテナーの間
何度か同じ内容で検索している気がしたので、備忘録として残すことにしました。 バリデーションエラーの処理を追加する際は、ボタンのアクティブ状態についても実装することが多いのであわせて残しておきます。 仕様/作成したもの ReactiveProperty 7.2.0 使用したバリデーション属性 必須項目確認(Required) 整数/実数確認(自作Int/DoubleValidation) 範囲確認(Rangeで適当に範囲設定(ここでは-100から100までに設定)) 3つの入力箇所ですべてエラーがなければ、ボタンをアクティブ状態へ ValidationDemo 外観 左が初期状態。ボタンは非アクティブ状態。 真ん中がエラーとなる文字列を入力した場合。 右がエラーなしの状態。ボタンはアクティブ状態。 ソースコード 今回はWPFで実装しました。 IntValidationAttribute, D
mutex関連記事 やりたいこと C#のアプリとC++のアプリの2つのアプリから一つのリソース(例えばファイル)に読み書きするときに、同時に読み書きしてしまうといろいろ都合が悪いので、同時にアクセスしないように排他制御をしたい。 やり方 Mutexを使う。基本的には、 別のアプリと同じ名前の名前付きMutexを作る。 そのMutexを所有権を要求(WaitOne)して、 使える状態(シグナル状態)であれば、そのまま自分が所有して、使いたいリソースを使う。 他ですでに所有されている状態(非シグナル状態)であれば、他がmutex開放して使える状態になるまで待つ。 使いたいリソースを使い終わったら、所有していたmutexを開放(Release)する。 という流れでmutexを使う。 C#のサンプルコード 下記が、WPFでmutexを使うサンプルコード。別途C++版も作成して両方からmutexを使
![[C#] Mutexでリソースの排他制御をする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/999dbd5996f04524c2e2c45a2299b435593d5a54/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMwLmdpdGh1YnVzZXJjb250ZW50LmNvbSUyRnUlMkYxOTE4MDQ1NiUzRnYlM0Q0P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTg2MzEzNDYyYmUwZDgwMTBhNmNhYWJlODI1MWY5M2Y3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db921c524cb92ce2f16a72d85584a8d72%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQyUyMyU1RCUyME11dGV4JUUzJTgxJUE3JUUzJTgzJUFBJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgyJUI5JUUzJTgxJUFFJUU2JThFJTkyJUU0JUJCJTk2JUU1JTg4JUI2JUU1JUJFJUExJUUzJTgyJTkyJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9Y2QxNzE1ZjgxNWYxYjYzMmJkMjY0OTRhNGRlYjE0ODc%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0ZXJhMTcwNyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWRiMmMzZTcwNTU4MWQzYTdkYWRkNjUzNzI4OGIxYmI4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D84b79e0213b673ba0416a93dc802dd9d)
WPFで要素（ボタンとかパネルとか）を画像として保存したいと思うことがあります。 画像として保存したい要素をビットマップにレンダリングし画像として保存することができますが、画像として保存する要素の位置に注意する必要があります。 以下のサンプルコードで要素の位置の違いで画像がどのように変化するかを見てみましょう。 <Window x:Class="SaveImage.Views.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei
【React】スクロールバーのあるDrawerをスクロールして閉じた後、再表示時に先頭に戻っているようにしたい - Qiita
背景 クマの出没場所を全国規模で登録できるアプリを作成中の事象です。 下のgifのように、スクロールバーが表示されるDrawerメニューを実装したところ、下までスクロール → 登録ボタン押下 → 再表示時した後に、先頭に戻らせたい…という願望が生じました。 （登録したデータはテスト環境のもので、実際に起きたことではありません） 動作環境 node.js ver 18.18.2 next.js ver 14.0.3 react ver 18 mui/material ver 5.16.7 試したこと Drawerの初期表示時に scrolTo でトップに戻させる 閉じるボタン、登録ボタンを押したときに、 scrllTo でトップに戻させる いずれも再表示時、トップに戻るようにはなりませんでした。同期処理で表示 → スクロール の順序を確定させれば可能かもしれませんが、そこまで難しく考えたくな
import { ThemeProvider } from 'styled-components'; import { MeetingProvider, lightTheme, GlobalStyles, } from 'amazon-chime-sdk-component-library-react'; const App = () => ( <ThemeProvider theme={lightTheme}> <GlobalStyles /> {/* * MTGに必要な情報はほとんどが MeetingManager なるものが管理してくれるようになっています * このProviderは MeetingManager インスタンスを提供するためのものです */} <MeetingProvider> <Meeting /> </MeetingProvider> </ThemeProvide
XamlReaderクラスとXamlWriterクラスを使うことで、簡単にXAMLの読み書きができます。 ということで、さっそく使い方。 XamlWriterでWPFのコントロールとかをXAMLとして出力 XamlWriterにオブジェクトを渡すと、XAML形式のテキストを取得できます。 とりあえず、PageにGridを追加。Gridを2×2に分割してButtonを追加したものを用意し、このPageをXamlWriterで出力してみました。 サンプルコード var page = new Page(); var grid = new Grid(); grid.ColumnDefinitions.Add(new ColumnDefinition()); grid.ColumnDefinitions.Add(new ColumnDefinition()); grid.RowDefinitions
Python - Tkinter（GUI構築ライブラリ）の基本 - ひとりでのアプリ開発 - fineの備忘録 -
初め Tkinter とは Python で GUI を組むことのできるツールキットのことです。本記事では、Tkinter の特徴や使い方を簡単にまとめます。 Index 初め Index Tkinter とは Tkinter の構造 Tkinter の使い方 インポート Window の作成 Window の設定 Frame ウィジェットの配置 ttk について 実行結果 参考 Tkinter とは Tkinter とは Python で GUI を組むことのできるツールキットのことです。 ウィンドウを作成し、その上にボタンやスライダーなどを表示させることができます。 本記事では、上の画像のように Tkinter で配置できるウィジェット（ボタンやスライダーなど）の一覧を表示するウィンドウを作成していく中で、Tkinter の使い方を学びます。 Tkinter の構造 Tkinter は
WPFボタンに画像を表示する-文字の上に画像を重ねて表示する
WPFボタン上に画像と文字を表示 WPFでアプリケーションを開発しています。 操作が完了したら、ボタンの上に完了を意味するアイコンを表示したい（文字の上に重ねて画像を表示したい）という案件が出てきました。 画像の表示方法 bluebird.pngを表示したいXAML上にドロップすると、ソリューションエクスプローラに表示されます。ソリューションエクスプローラ上で、分かりやすいフォルダを作成し分類しておきます。 ボタン上に画像と文字を並べる ボタンにスタックパネルを作成し、Image Sourceと、Label Contentを配置します。 文字と絵がかさならない状態はこれでできます。 <Window x:Class="ボタンに画像貼り付け.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Tkinterの使い方：リストボックス（Listbox）の使い方
このページでは tkinter のウィジェットの１つである「リストボックス（Listbox クラス）」の使い方について解説していきます。 私の下記環境での実行結果をもとに説明していますが、環境によっては動きが異なるかもしれません 実際にご自身の環境で実行結果を確認していただくと、より確実に設定の効果を理解することができると思います OS：macOS Big Sur Python：3.9.4 Tkinter：8.6 リストボックスウィジェット まずは、リストボックスウィジェットがどのようなウィジェットであるのかについて解説していきます。 リストボックスウィジェットとは リストボックスは下の図のようなウィジェットになります（OS 等の環境によっては見た目が異なる可能性があります）。 このリストボックスウィジェットは、選択可能な項目の一覧をユーザーに示し、その中の１つもしくは複数の項目をユーザー
【 Word, Excel, PowerPoint, PDFファイル選択可能 】日本語テキストから、SVO格を指定した検索単語を含む「係受け元単語 -> 係受け先単語」を全件出力するGUIツール - Qiita
# Tkinterのライブラリを取り込む import tkinter, tkinter.filedialog, tkinter.messagebox, spacy, collections, CaboCha, os, os.path,docx, openpyxl, pptx from pdfminer.converter import PDFPageAggregator from pdfminer.layout import LAParams, LTContainer, LTTextBox from pdfminer.pdfinterp import PDFPageInterpreter, PDFResourceManager from pdfminer.pdfpage import PDFPage from typing import List, Dict, Tuple, TypeVa
こんにちは、あんはるです。 接触確認アプリ「COCOA」の開発に貢献したこと、そして、簡単に開発に参加する方法を紹介します。 みなさんに接触確認アプリ「Cocoa」の開発の参加は簡単にできるということを伝えたくて書きました 実際自分で改善してみた経験も書いています cocoaが使いにくい！と思ったら是非この記事を読んで改善してみるといいと思います👍 是非読んでみてください🙇♂️https://t.co/3G1UEL9Rb2 — あんはる@アプリ作れるJK (@_anharu) June 26, 2020 追記 7/12 この記事見て実際に接触確認アプリを改善してみました！っていう方 いらっしゃったらご連絡ください 追記 7/23 この記事見て実際に接触確認アプリを改善した方々🎉🎉🎉 この記事によって、実際に接触確認アプリにコミットする方が増えたらいいな！という目的で書いたので少
R0lGODlhwADAAPcAAACw8AGw8AKx8AOx8ASx8Aay8Aey8Aiy8Amz8Qqz8Quz8Qy0 8Q208Q608Q+18RC18RG18RK28RW38Ra38Re38Ri38Ry58h258h658h+68iC68iG6 8iO78iW78ie88iu98yy+8y2+8y6+8y+/8zC/8zK/8zPA8zbB8zfB8zjB8znC8zrC 8zzD9EDE9EPF9EXF9EfG9EjG9EnH9ErH9EvH9EzI9E7I9U/I9VDJ9VHJ9VLJ9VPK 9VTK9VXK9VbL9VfL9VjL9VnM9VrM9VvM9VzN9V3N9V7N9l/N9mDO9mHO9mLO9mPP 9mTP9mbQ9mnR9mrR9mvR9mzR9m3S9m7S9nDT93bV93zW94na+I3c+I7c+I/c+JHd +ZPe+ZTe+Z
AWS×AIでリアタイ実況DX！発表者の音声を瞬時に魅力的なツイートに変換 〜あなたのアウトプットを加速する革新ソリューション〜 - Qiita
import tkinter as tk from tkinter import messagebox import threading import subprocess import boto3 import time import struct # 設定項目 STREAM_NAME = '＜ストリーム名＞' REGION_NAME = 'us-east-1' MAX_RECORD_SIZE = 1048576 - 100 # Kinesisに送信できる最大データサイズ（1MB） SAMPLE_RATE = 16000 # 16kHz BITS_PER_SAMPLE = 16 # 16-bit CHANNELS = 1 # モノラル # Kinesisクライアント kinesis_client = boto3.client('kinesis', region_name=REGION_N
GridSplitterの縦分割・横分割に関する解説。 とりあえずサクッと動くモノを。 WinFormのSplitContainerに相当するが、使用感は大分異なる。Visual Studioでのプロパティ設定も可能だが、それほど素直に動いてくれない。 間違ったCodingをすると見た目上、非表示化する。 参考 resanaplaza.com 横分割(Column) 下記 コード <Grid> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <GridSplitter Grid.Column ="0" Background="Blue" Width="10"/> <Button Grid.Column="0" Margin="0,0,5,0" Content
はじめに Pythonでtkinterを用いて、こちらの機能を有したGUIアプリケーションをつくります。 ファイルを選択して画像を表示 ドラッグ&ドロップで画像を表示 表示した画像をGUI上から非表示にする 実際の動作は下記のとおりです。 試した動作環境 Python 3.11.3 tkinter 8.6 pythonでGUIを作成するためのライブラリ tkinterdnd2 0.3.0 tkinterでドラッグ&ドロップを実現するためのライブラリ py2app 0.28.6 ソースコード ソースコード import tkinter as tk from tkinter import filedialog from PIL import Image, ImageTk import pathlib from tkinterdnd2 import DND_FILES, TkinterDnD #
reactで作る todo アプリ 4/4｜TANALIB
この記事では、図で示したような ToDo アプリの開発手順について全 4 部構成で詳しく解説しています。React の基礎から応用までを実際のコーディングを通じて学ぶことに焦点を当てています。初心者から中級者向けの内容となっており、ToDo アプリの開発は、実践的な技能の習得とポートフォリオ作成のための具体的な例として最適だと考えています。 この第 4 部では、Firebase による認証機能の実装を行います。 想定読者 react の初学者から中級者 react を触ったことはあるが、なにかポートフォリオ的な物を作りたい人 記事構成 ToDo アプリの概要と開発環境の構築 json-server の導入とレイアウトの定義 ToDo アプリの機能と API リクエストの実装 Firebase による認証機能の実装 Firebase Authentication とは Firebase Au
Tkinter学習の一環で統計的な調査に必要なサンプル数を算出するアプリを作ってみました。「統計WEB」の母比率の区間推定における必要なサンプルサイズの解説ページを参考に制作しました。 コード from tkinter import * from tkinter import font from scipy.stats import norm #ウィンドウのタイトル+サイズ window = Tk() window.title("標本サイズ計算機") window.minsize(width=600, height=450) window.config(padx=50, pady=20) myfont = font.Font(family='Helvetica', size=20, weight='bold') myfont_result = font.Font(family='Helve
背景 写真で撮影した文字をPCに書き起こすのが手間だったので、文字認識を利用してテキスト化したかった。 環境 OS: windows 10.0 python 3.9 構成 PC内に保存した画像ファイルを画像変換し、textにします。画像変換は、google drive api for pythonを使用しています。 GUIは、Tkinterを用いて作成をしました。 作成 Google CloudPlatformでプロジェクトの作成 google-drive-ocrを使用し文字認識を行うためには、Google CloudPlatformでプロジェクトを作成する必要があります。こちらの記事を参考に作成をしました。ここでは、最終的にgoogle drive apiへアクセスするための*jsonファイルを取得します。 プログラム 画像ファイルH,.png .jpg .gifを選択できるようにしてい
##はじめに 以前、１つのファルダの複数画像を指定してエクセルファイルのA列に画像を貼り付けるコードを作成した↓ ・フォルダ内の画像をまとめてエクセルに貼り付け 指定したフォルダにサブフォルダがあった場合にサブフォルダの画像は選択できない問題あった。 なので、指定したフォルダにサブフォルダがある場合にはサブフォルダ内の画像も再帰的に検索して貼り付けるようにした。 ##仕様 ・画像が存在するフォルダと貼り付け先のエクセルはGUIで選択 ・画像をエクセルに貼り付ける際はフォルダごとに列を分けて貼り付ける ・エクセルの各列の１行目は貼り付ける画像のフォルダのパスを入力 ・１つの画像を１つのセルに貼り付ける ・各画像が重ならないようにセルの高さと幅を調整 ・貼り付け処理が終わったら「処理が完了しました」というダイアログで通知 ##コード import tkinter as tk import tk
はじめに 本記事ではPythonを使ったアプリケーションを開発していきます。 GUIライブラリには標準ライブラリのtkinterを採用しています。 メール送信には標準ライブラリのsmtplibを採用しています。 本記事を読むことである程度pythonを理解している方であれば、ある程度tkinterの使い方とsmtplibの使い方を覚えることができると思います。 tkinterとは Pythonの標準ライブラリの1つです。 GUIアプリケーションを構築するためのライブラリです。 シンプルな文法と起動の速さが特徴のGUIライブラリです。 ウィンドウの作成 まずは基礎となるウィンドウを作っていきましょう。 import tkinter as tk class Application(tk.Frame): def __init__(self, master): super().__init__(m
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マインスイーパーの地雷を配置するアルゴリズム - Qiita
JKが接触確認アプリ「COCOA」の開発に貢献した話。〜1日でXamarinを学びアプリ改善〜 - Qiita
【Tkinter】Tkinterでtraceback表示したい！ - Qiita
JKが接触確認アプリ「COCOA」の開発に貢献した話。〜1日でXamarinを学びアプリ改善〜 - Qiita
インスタグラムから画像を取得する｜Yas@エンジニア
【python】顔にでてしまっている表情を評価 - Qiita
【WPF】【MVVM】イベントをViewModelのメソッドに割り当てる。２ | 創造的プログラミングと粘土細工
Tkinter CookBook ～文字列置換アプリケーション～ - Qiita
特定のコントロール上でMouse Eventを排除したい（C# WPF）
依存関係プロパティ - Framework Design Guidelines
ReactivePropertyを使ってバリデーションエラーを表示する - Qiita
[C#] Mutexでリソースの排他制御をする - Qiita
Nine Works WPFで要素を画像として保存する
【Amazon Chime SDK】Chime SDKのサンプルを触ってみる - Qiita
XamlReader/XamlWriterでXAMLを読み書き - SourceChord
JKが接触確認アプリ「COCOA」の開発に貢献した話。〜1日でXamarinを学びアプリ改善〜 - Qiita
【Python】自動フォルダ作成ツールを改良して追加実装した - Qiita
WPF GridSplitterの凡例（使い方） - sheephumanのブログ
Python：tkinterでドラッグ&ドロップに対応した画像表示ビューアーをつくる
Python + Tkinter - 統計的な調査に要する標本サイズを算出するアプリ - Qiita
pythonでGoogle Drive API を使用した文字認識をする。 - Qiita
サブフォルダを含むフォルダ内の画像をまとめてエクセルに貼り付け - Qiita
Pythonのtkinterで簡易メール送信アプリを作ってみた - Qiita