プログラミング

今回は写真を簡単に綺麗に並べる方法を紹介します！ 写真の表示方法はこちらの記事で詳しく説明していますので、是非参考にしてみてください。 グリッドデザインの実装方法 まずは最終的なコードを紹介します。 コ...

今回はテキストフィールドで入力欄を作り、ボタンを押すことでテキストを表示する方法をご紹介します。 TextFieldの使用方法 TextFieldで入力欄を作成して、更新のボタンを押すと、その内容が結果の部分に表示されるように...

今回はSliderをオリジナルで作成して、範囲指定できるようにする方法を紹介します。 普通のSliderはボリュームの指定など、範囲の中から一つの値を選ぶものでした。 しかし、今回紹介するのは、料金や年齢などの検索等で下限と上...

今回はSliderの基本的な使用方法とデザインについて紹介します。 Sliderはボリュームや明るさなどの値を指定するのに便利です。ドラッグ操作で範囲内の値を指定することができます。 valueのみを指定したSliderの使用...

アプリで画像表示は必須ですよね！ 今回はそんな画像の表示の表示方法を紹介します。 画像のサイズの指定方法やトリミングの方法を紹介しますのでぜひ覚えてアプリ制作に活かしてください！ アプリに画像を追加して表示する ま...

今回はSwiftUIの部品に余白を設定する方法を紹介します。 余白はデザインを大きく左右する要素なので、しっかり覚えて使いこなしたいですね！ padding()の設定方法 Textに余白をもたせます。 間にDivi...

今回はテキストの色の変更方法を紹介します。 テキスト以外にもあらゆるパーツの色指定に使用できますので覚えておけば開発もスムーズに進められるはずです！ Colorで元々用意されている色にテキストの色を変更する方法 .for...

前回はリストの基本的な使用方法について紹介しました。 今回はそのリストの基本的なデザインの種類とタイトルの表示方法を紹介します。 場面や用途に合わせて適切なデザインやタイトル表示を行えるように種類を把握しておきまし...

今回紹介する配列のリスト表示は様々な場面で使用するため基本をしっかり覚えておきたいところです。 まずは配列ではなくリストの中身を直接書いて表示する方法から順を追って説明したいと思います。 テキストを直接書いてリストを表示する ...

ボタンをタップするたびに乱数を作成し、その結果をテキストに表示する方法を紹介します。 使用するパーツはTextとButtonのみですので簡単に試していただけるかと思います。順を追って説明しますので、早速やっていきましょう。 ボ...

今回はSwiftUIで様々な形のボタンを実装する方法を紹介します。 ボタンは用途や配置場所によって様々な形に変形させて使用する必要があります。そこで今回はボタンの形を四角、丸、角丸に変形するコードと実際の画面をお見せします。 ...

今回はSwiftUIでテキスト使用できるフォントの種類とその指定方法を紹介します。 デザインを考える際にもフォントの種類と指定は重要になるので、どんなフォントがあるのかを頭の片隅に置いておくといいと思います！ 参考ページ： ...

今回はSwiftUIでテキストを自由に配置する方法を紹介します。 縦に並べたり、横に並べたり、上下左右中央寄せの方法などもあり、様々な場面で必要となるテクニックなので最後まで読んでいただけると幸いです！また、テキスト以外にもボタンや...

今回はライブラリからTextをドラッグ&ドロップで追加する方法を説明します。非常に簡単なため短い記事になりますが、基礎は大事なので最後まで読んでいただけると幸いです。 ライブラリを表示する ライブラリとは、Swi...

今回は初歩の初歩であるプロジェクトの作成方法を紹介していきます。 SwiftUIの開発に必要なのはMacとXcodeのみですので説明を見ながら気軽に始めていきましょう！ Xcodeのインストールと起動 まずはApp...