SwiftUIでカラーピッカーを作るという連載です。今回はノブをドラッグ（パン）ジェスチャーで移動できるようにする処理を実装します。 SwiftUIではDragGestureを使う UIKitではiOSやiPadOSで、スクリーンを指でなぞるジェスチャーのことを「パン」と呼びま...

This series of articles resolves around creating a color picker in SwiftUI. Initially, I envisioned the code to be on a smaller scale and, thus, added code with minimal organization. However, this approach led to a convoluted codebase. S...

SwiftUIでカラーピッカーを作るという連載記事です。もっと小規模なコードになると思っていたので、あまり整理しないでコードを付け足して来てしまったため、コードがごちゃごちゃになってしまいました。今回はコードの整理をしたいと思います。 1チャネル...

SwiftUIでカラーピッカーを作るという連載記事です。今回はカラーピッカーのグラデーションビュー上をタップして、RGB値を設定できるようにするためのコードを実装します。 This is a series of articles on creating a color picker in SwiftUI. In this ...

SwiftUIでカラーピッカーを作るという連載記事です。今回はカラーピッカーのグラデーションビュー上をタップして、RGB値を設定できるようにするためのコードを実装します。 SwiftUIでタップジェスチャーに対応するには SwiftUIでタップジェスチャーに対応...

This is a series of articles on creating a color picker in SwiftUI. In the previous article, we implemented the placement of the knob, but it remains fixed at the location where the value is 0, regardless of the current value. This artic...

SwiftUIでカラーピッカーを作る連載記事です。前回まででノブを配置するところまで実装できていますが、現在値に関係無く、値が0のときの場所に固定表示されています。今回は、値によって表示位置を変更する処理を実装します。 表示位置の計算 この連載で...

Developer mode was introduced in iOS 15. When developer mode is turned off, you are unable to develop apps on the actual device, including such as installing and debugging an app under development. This article explains how to turn on de...

iOS 15からデベロッパーモードが導入されました。デベロッパーモードがオフになっているときは、開発中のアプリをインストールしてデバッグするなどの、実機を使ったアプリ開発ができません。この記事ではデベロッパーモードをオンにする方法について解説...

テックブログですが、本サイトに再統合されました。 技術系のHow To記事の公開場所としての役割をテックブログに変更してから、こちらのブログの更新頻度がかなり低下してしまいました。 テックブログはヘッダーのブログメニューやフッターにリンクを張っ...

The connection and power supply method can determine whether the iPad charges or not. It is also essential to power the iPad when working long hours, such as when debugging iPad apps in Xcode. In this article, we investigated different c...

iPadは接続方法及び給電方法によって、充電される場合と充電されない場合があります。また、Macとの接続方法によってMacから認識される場合とされない場合があります。XcodeでiPadアプリをデバッグしているときなど、長時間作業するときには給電できること...

This is a series of articles on creating a color picker in SwiftUI. We created a text field in the previous article to display the current value. In this article, we will continue the process by implementing the look and feel of the proc...

SwiftUIでカラーピッカーを作るという連載記事です。前回、現在値を表示するテキストフィールドを作りましたので、今回はその続きで、グラデーションビュー上に現在値を示すノブを表示する処理の見た目を実装します。 ノブの形状ですが、この記事では次の...

In a SwiftUI app, you can use GeometryReader to dynamically get the view size. This article explains how to do it. Output the View Size into the Console Following the code, get the view size using GeometryReader and print it into the con...

SwiftUIでアプリ実行中に動的にビューの大きさを取得するには、GeometryReaderと組み合わせる方法があります。 この記事では具体的な方法とコード例を解説します。 ビューのサイズをコンソールに出力する GeometryReaderと組み合わせて、ビューの大きさを...

This is a series of articles about creating a color picker in SwiftUI. The current value of the color picker we're creating in this series will be displayed as follows. Display labels and values above the gradient view Values can be edit...

SwiftUIでカラーピッカーを作るという連載記事です。この連載で作成するカラーピッカーの現在値は次のような表示にしたいと思います。 グラデーションビューの上にラベルと値を表示する 値はキーボードから編集出来るようにする グラデーションビュー上に...

In this multi-part series, we will create a color picker in SwiftUI. This time, we will create the gradient part to be displayed in the color picker. SwiftUIでグラデーションを表示する Displaying gradients in SwiftUI struct PickerGradatio...

何回かに分けて、SwiftUIでカラーピッカーを作ってみます。今回はカラーピッカーに表示するグラデーション部分を作ります。 SwiftUIでグラデーションを表示する SwiftUIでグラデーションを表示するには、LinearGradientビューを使います。グラデーションの...