ゼロからはじめるPython(73) より簡単にデスクトップアプリが作れるPySimpleGUIを使ってみよう
本連載では以前Tkinterを使ってデスクトップアプリを作る方法を紹介した。Tkinterもそれほど難しくないものの、PySimpleGUIを使うともっと簡単にデスクトップアプリが作れると話題だ。今回は、話題のPySimpleGUIを使って、日給計算アプリを作ってみよう。 PySimpleGUIを使って日給計算アプリを作ってみよう PySimpleGUIについて PySimpleGUIとは2018年より開発されているデスクトップアプリを作るためのライブラリだ。GUIとはGraphical User Interfaceの略で、ボタンやテキストボックスなど、マウスやタップ操作に応じて反応するインターフェイスのことだ。 もともと、PythonでGUIを持ったアプリを作るのには、Tkinter、Qt、WxPythonなどのライブラリが利用されてきた。実際のところ、PySimpleGUIはこれら既に
「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita
会社勤めをしながら個人開発をしているtakashiです。 本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。 長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。 アプリはこちら。無料でダウンロードできます。 目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真
Flutter製アプリ「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita
会社勤めをしながら個人開発をしているtakashiです。 本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。 長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。 アプリはこちら。無料でダウンロードできます。 目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真
Flutter StudioでアプリのUIをつくろう！｜TechRacho by BPS株式会社
こんにちは。ウイングドアの田上です🐈 最近弊社ではFlutter™の機運が高まっておりまして社内勉強会も行われています💪 FlutterではコードでUIを組まないといけないので、なかなかむずかしいな〜😰と思っていたところ、 Flutter Studioという便利なツールがあったのでご紹介させていただきます❗️ Flutter Studioとは Webブラウザ上でFlutterのUIを組むことができるツールです。 マウス操作でWidgetの配置を行ってレイアウトを作成することができます。 Flutter StudioのUI説明 Flutter Studio にアクセスをすると、まずこの画面が表示されます。 ①Widget一覧 Flutterで使えるWidgetが選択できます。 レイアウトを組む際は、ここからWidgetを選択して、シミュレータへとドラッグ&ドロップをします。 ②シミュレ
【Unity】ＵＩを端末に合わせたサイズに調節する
端末のサイズに合わせて ゲームのＵＩのサイズを自動で変更させましょう。 １：UIを設置する Canvasに２つのボタンを設置しました。 以下の２枚の画像はそれぞれ端末の解像度が ・２４０×４００ ・４８０×８００ の２つの画面サイズの端末で 表示したときの画面です。 自分が想定した画面以外だと ＵＩの大きさが変化してレイアウトが崩れているのがわかります。 240×400 480×800 ４８０×８００だとボタンが小さく表示され、 レイアウトが崩れてしまっています。 ２：Canvas Scalar 端末のサイズに合わせてＵＩの表示する 大きさを自動で調節させるために CanVas Scalarの設定を変更します。 まずはCanvasを選択します。 Canvasを選択 InspectorのCanvas Scalarに注目 ３：UI Scale Mode UI Scale Modeを変更して 解
Webアプリをあっという間にカッコよく！ BootstrapによるレスポンシブWebレイアウト
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
デザイン・使用感ともに超上質！iPhoneカレンダーアプリの最高峰、「STACCAL」が発売されたぞ！！
数あるiPhoneアプリの中でも、群雄割拠がひしめきあっているのが「カレンダー」というジャンル。私も、数々のカレンダーアプリを試してみては「最も使いやすいものはどれなのか？」を試行錯誤する毎日でした。 しかし、毎日のように使用するものなのにデザインが気にくわなかったり、あるものは使用感がひっかかる、こちらは同期が不安定…など、どうも「コレだ！」というものに出会うことは無かったのです。 が。 そんな日々に、終止符を打ってくれるアプリがこの度発売されました。 その名も「Staccal」。 アプリの動画が発表されてからというもの、その出来を想像する毎日だったのですが、「Staccal」のクオリティはあっさりと私の期待を飛び越えていくﾌｧﾋﾞｭﾗｽﾏｯｸｽなものでした。 現時点で間違いなくiPhoneカレンダーアプリの最高峰のひとつと断言して良いでしょう！ﾄﾞﾔｧ!!ﾄﾞﾔｧ!!!! 美しいUIに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
