はてなブックマーク

はじめに PythonのGUIライブラリの一種である「Tkinter」について解説しています。 皆さんも一緒にTkinterを使いこなして、パイソニスターに近づいていきましょう。 環境 私が動かした環境は次の通り。 Windows11 Home Python 3.9.9 Tkinterって何ぞや？ Pythonで扱うことのできるGUIライブラリの一種です。最大の特徴は、Pythonさえインストールすればデフォルトで入っており、環境構築をする必要が無いところです。 そういう意味では、最も手軽に使用できるGUIライブラリとも言えますね。 ただ弱点もありまして デザインツールがほとんどない（「Page」や「Tkinter Designer」くらいしか無い） 近代的なデザインに対応していない（最近はCustomTkinterというオシャレなGUIがある） という点が挙げられます。ですが、ゆるっゆる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 暇な時間を利用して個人開発をやっていますからくりです。 今回はPythonとTwitterAPIでツイート数順にランキング表示するアプリを作成してみました。 開発したきっかけ アニメの人気キャラクターや人気商品はネットで検索すれば分かりますが、実際のところ何をもとにして集計されているのかわかりません。 Twitterであればより正確に把握できるのではないのかと思い、開発に至りました。 開発したプログラムの紹介 今回開発したプログラム「ツイート集計」はこちらです。 CSVによる集計 スクレイピングによる集計 CSVやスクレイピングから取得

はじめに PythonのGUIライブラリの一つである「PySide6」の使い方について解説していきます。 これからPySide6を使っていこうと思っている方に向けて記載しております。 なるべく嚙み砕いて、それでいて簡潔にしたつもりです。 また、この記事ではよく使うであろうウィジェットに絞っております。 そのほか私が「おっこれいいなっ！」って思ったものがあれば、別の記事を記載して、そのリンクを貼っていきます。 環境 Windows 11 Home Python 3 ここでは Python 3.9.9 を使用 テキストエディタ 秀丸エディタ PySide6って何ぞや？ 世界で超絶大人気GUIライブラリの一つである「Qt」をPythonでも使えるようにしたのがPySide6です。 本来QtはC++で使用するものですが、あまりの人気っぷりにPythonでも使用できるようになりました。 いつからかは

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

React #1 Advent Calendar 2017 の　12/23 日分の記事になります。 「負債を残さない React プロトタイピング」というテーマで、UIプロトタイピングのやり方について書きました。 単品の技術ネタというよりは、複数のツールを組み合わせたプラクティス/開発フローの話になります。 中級者（すでに React でアプリを作れる人）向けの内容になりますので、あらかじめご了承ください。 TL;DR; プロトタイピングには Storybook を活用しましょう。 TypeScript で Props の変更漏れをなくしましょう。 Jest のスナップショットテストでコンポーネントをゆるく保護しましょう。 動機 開発初期の UI プロトタイピングを考えます。 おおまかには以下のような状況です。 UI主導でエンジニアが画面設計とそのプロトタイプを作る。当初はサーバーサイドは

Rollup について Rollup は Webpack などと同じモジュールバンドラーと呼ばれるものの一種で、複数のファイルやモジュールからなる JavaScript ライブラリを1ファイルにまとめて特定のモジュール形式にあわせて出力するツールだ。 React の開発者が Webpack for apps, and Rollup for libraries と述べているように1、ライブラリ開発に格段に向いており、使用例が増えている。 本エントリでは単なる入門ではなく、実際に使える設定を具体例とともに示していく。NPM でパッケージを公開している人はぜひ導入を検討してみてほしい。とくにビルドのためだけに gulp を使っている人はその簡潔さに驚くだろう。 インストール 例によって npm でインストールする。なお、下の "i" は "install"、"D" は "--save-dev"

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

個人的にちょうど該当の問題を取り扱ったので、TypeScript 2.7.1 で導入された esModuleInterop　オプションの役割と背景についてまとめておく。 なお、本来は export と import の両方に影響するオプションだが、この記事では外部の npm パッケージを import する状況のみを取り上げる。 TL;DR Node.js 環境で import/export を使う場合、 esModuleInterop オプションを積極的に有効にする。 関数や class を export するモジュールを import する場合、import * as _ from '_' のかわりに import _ = require('_') を使う。 モジュールの互換性 先にTypeScript の ES6 modules の解釈と allowSyntheticDefaultI

はじめに 2016年11月に TypeScript 2.1 がリリースされ 、ES2016(ES7) と足並みを揃えつつより現代的なプログラミング言語の機能の大半が揃いました。Angular2 からの採択や TypeScript のネイティブ対応、 Visual Studio および Visual Studio Code の強力なコーディング支援によって、その存在感を増しつつあります。 この記事では TypeScript 2.1 で新たに導入された機能や TypeScript 1.8 頃から入っていった大きな変化をさらいつつ、実際のコードをどう書き換えればよいかを示していきます。 基本的には TypeScript 1.5 から 1.7 くらいで止まっている人が対象ですが、Angular2 を機に入ってきたようなニュービーの方にも巷の古いサンプルコードを読み替える役に立つと思います。 ＃——

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? もう駄目だ。ついに React 以外のプロジェクトでも Jest 一択になってしまった。 もともと自分の選択するテストツールは、むかしは jasmine、いまは mocha + chai（ときどき power-assert） をベースに周辺ツールと連携させていて、React を使うようになってしばらくして Jest を入れるようになった。ここ5年くらいのフロントエンド界隈では標準の一種だと思う。 それがどうしてこんなに Jest びいきになったのか。 その1. 楽 とにかく楽だからだ。 Jest の売りはオール・イン・ワンとゼロ・コンフ

はじめに 2016年11月に TypeScript 2.1 がリリースされ 、ES2016(ES7) と足並みを揃えつつより現代的なプログラミング言語の機能の大半が揃いました。Angular2 からの採択や TypeScript のネイティブ対応、 Visual Studio および Visual Studio Code の強力なコーディング支援によって、その存在感を増しつつあります。 この記事では TypeScript 2.1 で新たに導入された機能や TypeScript 1.8 頃から入っていった大きな変化をさらいつつ、実際のコードをどう書き換えればよいかを示していきます。 基本的には TypeScript 1.5 から 1.7 くらいで止まっている人が対象ですが、Angular2 を機に入ってきたようなニュービーの方にも巷の古いサンプルコードを読み替える役に立つと思います。 ＃——