SwiftUI で開発する上で Xcode のコード補完機能を知らない人は居ないだろうが、中には初見では分かりづらいコード補完も存在する。

例えば、以下のような Button のコードを書きたかったとする。

Button {
    // Action
} label: {
    // Label
}

Xcode 上で Button( まで入力すると、 (action:label:) という候補が表示されるため、これを選べば良いことが分かる。

すると、以下の状態になる。

ここから最初のコードスタイルに持っていくにはどうしたらよいだろう。

そのやり方について知らない場合、以下のように愚直なコードスタイルで書いてしまいがちだ。

Xcode に慣れていないユーザのために先に説明しておくと、プレースホルダ（灰色になって入力すべき箇所）間の移動は Tab キーで行える。Tab で順方向、Shift + Tab で逆方向への移動になる。これは SwiftUI に限らず、エディタ上にプレースホルダが存在する場合の共通動作となっている。

さて、話を戻すと以下のようなコードを記述したところだった。

Button(action: {
    
}, label: {
    
})

このコードスタイルは正しく、一切省略しない最も基本となる書き方になっている。引数ラベルの action: と label: からクロージャ内に何を指定するべきか明白で、SwiftUI に慣れていないうちはこちらの書き方の方が読みやすいと感じるかもしれない。

しかし、クロージャ内が何を示しているのかは、（すべてではないにしろ）コードの文脈から容易に判断できるケースが多い。

Button(action: {
    onTapSwiftButton()
}, label: {
    Label("Swift", systemImage: "swift")
})

これはサンプルコードの域を出ていないが、action: や label: といった引数ラベルが無くても、コードの意味は読み取れるだろう。

言い換えると、以下のほうがスッキリしていて見やすいと感じる人が多いはずだ。

Button {
    onTapSwiftButton()
} label: {
    Label("Swift", systemImage: "swift")
}

そう、これこそ最初に目指していたコードスタイルだ。

しかし、このコードスタイルには自分で書き直さねばならないのだろうか。もしそうだとしたら、面倒に感じてそのままで良いかと妥協してしまう人も多いのではないだろうか。

安心して欲しい。このコード形式には、以下のように最初のコード補完から行える。

やり方はコード補完の候補から雛形を入力した後、クロージャのプレースホルダにフォーカスが当たっている状態、すなわち以下のような状態で Enter を入力するだけだ。

この Enter でシンプルなクロージャの書き方にする方法は、クロージャが要求されているプレースホルダにおいて（おそらく）常に利用できる。

例えば、以下は .sheet のクロージャを補完する例となる。

こうしたテクニックは地味ではあるものの、コーディング時の時間およびストレスを削減してくれるはずだ。

ところで、途中で挙げた問に対する回答をまだ答えていなかった。

しかし、このコードスタイルには自分で書き直さねばならないのだろうか。

基本的には最初からシンプルなクロージャ形式で書くのが好ましいと思われるが、様々な理由からそうできないこともあるだろう。例えば、引数ラベルを確認しながらコーディングしたい場合や、既存の古いコードを改修するケースなどが考えられる。

そうしたケースにおいては、新しくコード補完で雛形を作り、必要なコードをコピペするのが最も早いだろうと私は感じている。

Discussion

コードフォーマット系のツール、例えば SwiftFormat などがこうしたコードスタイルへのフォーマットをサポートした際には、それを利用して自動的に変換するのがよいだろう。

Reference

この Effective 候補を書くことになったツイート：
https://twitter.com/tobi462/status/1515549361354129408?s=20&t=gCDR91uGJPjRjVt5RZFogw