#macOS | #launchd | #shellJune 24, 2026caffeinate + launchdでMacのスリープ抑止をログイン時に自動起動するMacでスリープを抑止したいとき、caffeinate コマンドが便利です。 ただ、ターミナルを開くたびに手で叩くのは意外と面倒で、閉じ忘れたウィンドウの数だけプロセスが増えてしまうこともあります。 今回は caffeinate をlaunchd経由でログイン時に自動起動させ、常駐させる方法を紹介します。 Read more
#asdf | #Node.js | #pnpmMay 7, 2026asdfでNode.jsを更新すると、よくpnpmが使えなくなるので対処法をメモ普段はasdfでNode.jsを管理しているのですが、.tool-versions のバージョンが上がって asdf install するたびに、それまで使えていたpnpmが使えなくなります。 毎回対処法を思い出すところから始めているので、原因の仕組みと合わせてメモしておきます。 Read more
#React | #Next.js | #CSS | #TypeScriptApril 29, 2026CSS columnsの表示順を行優先に変えるMasonryレイアウトの実装写真ギャラリーのようなレイアウトを作るとき、CSSの columns プロパティはとても便利です。 ただ、使ってみると写真の表示順が「上から下、次の列へ」となり、直感的な「左から右、次の行へ」の順番にならなくて困った経験はないでしょうか。 今回は、行優先の表示順をベースにしつつ、高さの異なる要素をバランスよく配置するMasonryレイアウトをReactで実装する方法を紹介します。 Read more
#Flutter | #DartDecember 30, 2025flutter_hooksでPage Viewのログを実装するFlutterアプリでPage Viewのログを正確に送るのは、意外と面倒です。 画面遷移だけでなく、バックグラウンドからの復帰や、前の画面に戻ってきた時など、考慮すべきタイミングが複数あります。 今回は flutter_hooks を使ったアプリの構成で、useRouteObserver と useAppLifecycleListener という2つのHookを作り、それらを組み合わせた usePageViewLogger を実装しました。 Read more
#Dart | #Flutter | #Android StudioNovember 30, 2025Flutter開発で使えるAndroid StudioのtipsFlutter開発で使えるAndroid Studioのtipsをいくつか紹介します。 Read more
#Dart | #FlutterOctober 4, 2025【Dart/Flutter】Dot Shorthandsによって書き方が変わる!!Dart 3.10では、コードをより簡潔に記述できるdot shorthandsが導入されました。 この機能を使うことで、特定のプロパティやメソッドにアクセスするコードを短縮して記述できます。 今までと書き方や見た目が結構変わるので、最初は戸惑うかもしれませんが、慣れてくるとこちらのほうが見やすいと感じるようになると思います。 Read more
#JavaScript | #TypeScriptSeptember 27, 2025Unicode Propertyを使って簡単に正規表現を書く先日会社でUnicode Propertyを使っている例を見たのでどんな言語で使えるのか調べてみました。 Read more
#FlutterAugust 31, 2025Flutter3.35から追加されたDropdownMenuFormFieldが便利!!今回は、Flutter 3.35 で追加されたDropdownMenuFormField について解説します。 これによって、よくある入力フォームの実装がかなり楽になるのでおすすめです。 以前のDropdownButtonを使った複雑な実装と比較しながら、DropdownMenuFormFieldがどれほど便利になったかを見ていきましょう。 Read more
#KeyboardJuly 23, 2025Pro microのType-B端子が壊れたので、Type-C端子と混ぜてってみた2020年頃にJisplit89 を組んで使っています。 今ではType-C版がデフォルトで入っていますが、当時はType-B版がデフォルトだったのでType-Bで使っていました。 Read more
#Dart | #FlutterJune 20, 2025Dart3.8から導入されたNull-aware elementsが便利!!Dart3.8からNull-aware elements が使えるようになり、今まで冗長だった書き方が改善されました!! 🎉 この記事では、いくつかの便利な書き方を紹介します。 Read more