SwiftUI 【SwiftUI】写真をインスタグラムのようにおしゃれに並べる方法!グリッドデザインの最も簡単な実装方法を紹介します! 今回は写真を簡単に綺麗に並べる方法を紹介します! 写真の表示方法はこちらの記事で詳しく説明していますので、是非参考にしてみてください。 グリッドデザインの実装方法 まずは最終的なコードを紹介します。 コ... 2022.02.13 SwiftUI
SwiftUI 【SwiftUI】TextFieldでフォームを作成し入力された値を使う方法 今回はテキストフィールドで入力欄を作り、ボタンを押すことでテキストを表示する方法をご紹介します。 TextFieldの使用方法 TextFieldで入力欄を作成して、更新のボタンを押すと、その内容が結果の部分に表示されるように... 2022.02.06 SwiftUI
SwiftUI 【SwiftUI】スライダーのつまみを二つにして範囲指定する方法 今回はSliderをオリジナルで作成して、範囲指定できるようにする方法を紹介します。 普通のSliderはボリュームの指定など、範囲の中から一つの値を選ぶものでした。 しかし、今回紹介するのは、料金や年齢などの検索等で下限と上... 2021.11.03 SwiftUI
SwiftUI 【SwiftUI】Sliderの使用方法とデザイン変更 今回はSliderの基本的な使用方法とデザインについて紹介します。 Sliderはボリュームや明るさなどの値を指定するのに便利です。ドラッグ操作で範囲内の値を指定することができます。 valueのみを指定したSliderの使用... 2021.10.27 SwiftUI
SwiftUI 【SwiftUI】画像の表示とサイズ指定やトリミング アプリで画像表示は必須ですよね! 今回はそんな画像の表示の表示方法を紹介します。 画像のサイズの指定方法やトリミングの方法を紹介しますのでぜひ覚えてアプリ制作に活かしてください! アプリに画像を追加して表示する ま... 2021.10.26 SwiftUI
SwiftUI 【SwiftUI】余白を設定するpadding()の使用方法 今回はSwiftUIの部品に余白を設定する方法を紹介します。 余白はデザインを大きく左右する要素なので、しっかり覚えて使いこなしたいですね! padding()の設定方法 Textに余白をもたせます。 間にDivi... 2021.10.24 SwiftUI
SwiftUI 【SwiftUI】テキストの色の変更方法を3パターン紹介 今回はテキストの色の変更方法を紹介します。 テキスト以外にもあらゆるパーツの色指定に使用できますので覚えておけば開発もスムーズに進められるはずです! Colorで元々用意されている色にテキストの色を変更する方法 .for... 2021.10.24 SwiftUI
SwiftUI 【SwiftUI】リストのデザイン変更とタイトルの表示方法 前回はリストの基本的な使用方法について紹介しました。 今回はそのリストの基本的なデザインの種類とタイトルの表示方法を紹介します。 場面や用途に合わせて適切なデザインやタイトル表示を行えるように種類を把握しておきまし... 2021.09.29 SwiftUI
SwiftUI 【SwiftUI】配列をループしてリストで表示する最も簡単な方法 今回紹介する配列のリスト表示は様々な場面で使用するため基本をしっかり覚えておきたいところです。 まずは配列ではなくリストの中身を直接書いて表示する方法から順を追って説明したいと思います。 テキストを直接書いてリストを表示する ... 2021.09.23 SwiftUI
SwiftUI 【SwiftUI】ボタンのアクションで乱数を作成しテキストで表示する方法 ボタンをタップするたびに乱数を作成し、その結果をテキストに表示する方法を紹介します。 使用するパーツはTextとButtonのみですので簡単に試していただけるかと思います。順を追って説明しますので、早速やっていきましょう。 ボ... 2021.09.20 SwiftUI
SwiftUI 【SwiftUI】四角ボタン、角丸ボタン、丸ボタンの実装方法 今回はSwiftUIで様々な形のボタンを実装する方法を紹介します。 ボタンは用途や配置場所によって様々な形に変形させて使用する必要があります。そこで今回はボタンの形を四角、丸、角丸に変形するコードと実際の画面をお見せします。 ... 2021.09.19 SwiftUI
SwiftUI 【SwiftUI】Textのフォントサイズや種類とその指定方法 今回はSwiftUIでテキスト使用できるフォントの種類とその指定方法を紹介します。 デザインを考える際にもフォントの種類と指定は重要になるので、どんなフォントがあるのかを頭の片隅に置いておくといいと思います! 参考ページ: ... 2021.09.14 SwiftUI
SwiftUI 【SwiftUI】VStackとHStackを使いこなしてテキストを自由に配置する 今回はSwiftUIでテキストを自由に配置する方法を紹介します。 縦に並べたり、横に並べたり、上下左右中央寄せの方法などもあり、様々な場面で必要となるテクニックなので最後まで読んでいただけると幸いです!また、テキスト以外にもボタンや... 2021.09.10 SwiftUI
SwiftUI 【SwiftUI】Textを追加する方法 今回はライブラリからTextをドラッグ&ドロップで追加する方法を説明します。非常に簡単なため短い記事になりますが、基礎は大事なので最後まで読んでいただけると幸いです。 ライブラリを表示する ライブラリとは、Swi... 2021.09.08 SwiftUI
SwiftUI 【SwiftUI】開発を始める方法 今回は初歩の初歩であるプロジェクトの作成方法を紹介していきます。 SwiftUIの開発に必要なのはMacとXcodeのみですので説明を見ながら気軽に始めていきましょう! Xcodeのインストールと起動 まずはApp... 2021.09.07 SwiftUI
プログラミング 個人開発を始めたきっかけ はじめまして、中田です。平日はIT企業でエンジニアとして働いています。言語は主にPHPでWEBアプリなんかを作っています。そんな私ですが、コロナ禍で家にいることが多くなったこともあり、昔から挑戦してみたかったスマホアプリの開発についに手を... 2021.08.01 プログラミング