写真ギャラリーのようなレイアウトを作るとき、CSSの columns プロパティはとても便利です。 ただ、使ってみると写真の表示順が「上から下、次の列へ」となり、直感的な「左から右、次の行へ」の順番にならなくて困った経験はないでしょうか。 今回は、行優先の表示順を維持しつつ、高さの異なる要素が隙間なく並ぶMasonryレイアウトをReactで実装する方法を紹介します。 Read more

FlutterアプリでPage Viewのログを正確に送るのは、意外と面倒です。 画面遷移だけでなく、バックグラウンドからの復帰や、前の画面に戻ってきた時など、考慮すべきタイミングが複数あります。 今回は flutter_hooks を使ったアプリの構成で、useRouteObserver と useAppLifecycleListener という2つのHookを作り、それらを組み合わせた usePageViewLogger を実装しました。 Read more

Flutter開発で使えるAndroid Studioのtipsをいくつか紹介します。 Read more

Dart 3.10では、コードをより簡潔に記述できるdot shorthandsが導入されました。 この機能を使うことで、特定のプロパティやメソッドにアクセスするコードを短縮して記述できます。 今までと書き方や見た目が結構変わるので、最初は戸惑うかもしれませんが、慣れてくるとこちらのほうが見やすいと感じるようになると思います。 Read more

先日会社でUnicode Propertyを使っている例を見たのでどんな言語で使えるのか調べてみました。 Read more

今回は、Flutter 3.35 で追加されたDropdownMenuFormField について解説します。 これによって、よくある入力フォームの実装がかなり楽になるのでおすすめです。 以前のDropdownButtonを使った複雑な実装と比較しながら、DropdownMenuFormFieldがどれほど便利になったかを見ていきましょう。 Read more

2020年頃にJisplit89 を組んで使っています。 今ではType-C版がデフォルトで入っていますが、当時はType-B版がデフォルトだったのでType-Bで使っていました。 Read more

Dart3.8からNull-aware elements が使えるようになり、今まで冗長だった書き方が改善されました!! 🎉 この記事では、いくつかの便利な書き方を紹介します。 Read more

Mac標準のプレビュー.appを使えば、PDFを画像に変換できます。 ただし、1枚ずつしか書き出せないためページ数が多い場合は大変です。 やり方は2通りあって、1つはAutomatorを使う方法です。 Automatorを使う方法は調べるといくつかでてくるので、この記事では解説しません。 ここでは、もう1つのコマンドでの方法を紹介します。 Read more

FlutterでAndroid用アプリをビルドする際にエラーが起きるとします。 $ flutter build apk --release --flavor dev その時のログはこんな感じです。 Read more