イカなる時も

なんか色々垂れ流してます

2023/06/21

jsでクエリパラメータの取得はURLSearchParamsで良い感じにできる。

// 現在のクエリパラメータ全体を取得
const searchParams = new URLSearchParams(window.location.search);

// クエリがたとえば'domain/foo?key=bar'だと↓でbarが取得できる
searchParams.get('key');

setもできるけどそんなに使わなさそう。

developer.mozilla.org

2023/06/18

アプリでよく見るボトムバーをSwiftUIでどうやって良い感じに実装するのか気になったので調べた。

結論、TabViewを使えば良い。TabViewに渡すブロックの中にViewを並べる。 このViewはボトムバーに置いたアイコンなどをタップしたときに表示される。 .tabItemでアイコンにしたりテキストにしたり設定する。 .badgeでバッジ(新着が何件来てますみたいなの強調するやつ)を表示できる。文字列も渡せる。

アイコンとテキストを一緒に表示するならLabelの方が良さそう。iOS 14から使えるようになったらしい。 iOS 13以下をサポートしてるアプリだと使えないってことですよね多分。 ChatGPTに聞いたら#available(iOS 15, *)iOSのバージョンチェックできるよって教えてくれた。神だ課金しようかな。

TabView {
    Text("Home Screen")
        .tabItem {
            Image(systemName: "house")
            Text("Home")
    }
    Text("Message Screen")
        .badge(1)
        .tabItem {
            Image(systemName: "message")
            Text("Message")
    }
    Text("Profile Screen")
        .badge("!")
        .tabItem {
            Label("Profile", systemImage: "person.crop.circle.fill")
    }
}

今度、someについて調べようかな全くわからん、、、

var body: some View { // これ
    ...

参考

developer.apple.com