htmlでのボタン押下処理はよく行うけど、
swiftでのやり方は以下の通り。
//
// ContentView.swift
// testProject
//
// Created by yuki on 2023/09/29.
//
import SwiftUI
struct ContentView: View {
var body: some View {
Button(action: {
print("ボタン押下")
}) {
HStack {
Image(systemName: "checkmark.circle")
Text("ボタンを押して")
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

このコードは、タップすると “ボタン押下” というメッセージがコンソールに表示される単純なものだ。ボタンには “checkmark.circle” のアイコンと “ボタンを押して” というテキストが含まれており、ボタンがタップされるとコンソールにメッセージが表示される。
コードの詳細は以下の通り、
ボタン:
Button
ビューは、ユーザーがタップできる操作可能な領域を表す。action
クロージャは、ボタンがタップされたときに実行されるアクションを指定する。この場合、ボタンがタップされたときに “ボタン押下” というメッセージをコンソールに出力する。HStack
ビュー内に、ボタンの中に表示されるコンテンツを横方向に配置。Image
ビューは、システムのアイコンである “checkmark.circle” のアイコンを表示。Text
ビューは、テキストラベルを表示(ここでは “ボタンを押して” というテキストを表示)。
ナットボタン 四つ穴ボタン 【ブラック】 黒 フチ無し フラット スーツボタン ベーシック ウッド ボタン 6個入り 【25mm】 きらきらぷんぷん丸 B-1119
¥652 (2025年10月20日 15:08 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)【サイズ】直径約25mm 【1粒の厚み】約3.5mm 【1粒の重さ】約2.1g 【数量】6個入り 【ボタンの形】四つ穴ボタン 【材質】椰子の種 【カラー】ブラック 【模様について】ナットボタン特有の風合いがあります。 【特徴】表裏が無いフラットなフチ無しデザインです。 【用途】スーツ・コート・ジャケットボタンに。
NO902 ボタン 裏ボタン 黒 2穴 楕円
¥230 (2025年10月20日 15:08 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)日本製
平クルミボタン 合皮ブラック (28mm(2個入り))
¥580 (2025年10月20日 15:08 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)衣料用合皮クルミボタン 衣料~雑貨まで幅広くご活用ください。 安心の日本製造品