- 運営しているクリエイター
2021年1月の記事一覧
SwiftUIで行こう!- タイマーを作ろ! - 2
機能を追加していきます。参考サイトです。
タイマーの心臓部、class TimerManager:ObservableObject{}を編集していきます。
Pickerで選んだ時間をsecondsLeftに代入して使えるようにすること、その選んだ時間をUserDefaultsで記憶する命令を書いていきます。
@Published var secondsLeft = UserDefaults.
SwiftUIで行こう!- タイマーを作ろ! - 1
参考サイトをみながらタイマーを作ります。まず見た目から作っていきます。
新規プロジェクトを作り、タイマーのモードをまず決めるためのファイルを新規に作ります。タイマーの状態をenumで示してやります。
import Foundationenum TimerMode { case running case pause case initial}
画面構成はタイトルと残り秒数、ボタン、
SwiftUIでいこう! - ドラッグ & ドロップ
公式ドキュメントです。
参考サイトです。
少し似ているものとしてドラッグジェスチャー
すごく簡単にできます。参考サイトのコードをコピペ。これだけでテキストを" TextField"にドラッグ&ドロップできます。XcodeのPlaygroundで実行できます。
import SwiftUIimport PlaygroundSupportstruct Sample11View: View {
ホームページを作ってみたい! - 動きをもっと!JavaScript。 - 4 スクロールイベント
スクロールをきっかけ、トリガーに表示されるJavaScriptです。
"Scroll Down"の文字と矢印、四角を表示させるHTML部分は
<div class="msg">Scroll Down<br>↓</div><div class="box-inner"> <div class="fade-in fade-in-up box"></div> <div class="fade-in f
SwiftUI覚書 - 2021/01
ちょっと気になっているサイトを集めてみました。参考にしていきたいと思い覚書として残しておきます。
TextEditor の使い方
シュミレーターでのデバックエリア表示
クイズゲームの作り方。
プロパティラッパーの使い方など。
リンクについて。
ARKit。
ちょっとしたアプリ作成。
SwiftUIチップス。
@StateObjectの使い方。
カメラアプリの作り方。
ホームページを作ってみたい! - 動きをもっと!JavaScript。 - 3 スライドショー
名前を付けて何かする、何かができることをやりましたが、ホームページで実際よく使われているものを作ってみましょう。
トップページなどで見かけるスライドショーを作ってみましょう!時間で画像が切り替わるスライドショーです。参考サイトです。
今回はJSBinではできないので自分のパソコン環境で作ります。テキストエディタを使ってやります。CotEditor(Mac専用)を使ってやっていきます。ブラウザで
ホームページを作ってみたい! - 動きをもっと!JavaScript。 - 2 計算
前回はホームページに表示されるボタンをクリックするとアラートが出ることがわかりました。HTMLのタグをJavaScriptで取得して操作しました。
ざっとおさらいですが、まず何かしたい要素、今回は<Button></Button>ですが、これに" button"という名前を付けました。
const button = document.getElementById("button");
ge
ホームページを作ってみたい! - 動きをもっと!JavaScript。 - 1 ボタン
スタイルシート、CSSでホームページのレイアウトができました。JavaScriptではページを操作している時に、例えばボタンを押した時、スクロールした時、マウス操作した時をきっかけに動きのあるページを作ることができます。
まず実例からやってみましょう。以下ボタンを押したらアラートが"Hello"と出ます。JSBinのHTMLの<body><body>に以下のようにコードを書いて右画面に出てくるボ
SwiftUI Tutorials - Interfacing with UIKit
UIKitとの連携方法です。画面遷移するためのUIPageViewController()をSwiftUIで使うために必要なことをやっていきます。
Create a View to Represent a UIPageViewController
UIKitのViewをSwiftUIで使う場合はUIViewControllerRepresentableプロトコルに準拠させることが必要です。
ま
SwiftUI Tutorials -Working with UI Controls
設定画面を作っていきます。
Display a User Profile
Profile.swiftという ファイルを作り、構造体Profileを作りプロパティを決めていきます。
struct Profile { var username: String var prefersNotifications = true var seasonalPhoto = Season.wint
SwiftUI Tutorials - Composing Complex Interfaces
上部にランドマークを強調表示しながら、下部の方ではカテゴリー分けして表示できるようにします。
新しいSwiftUIファイルCategoryHome.swiftを作り構造体CategoryHome.を作ります。
var body: some View { NavigationView { Text("Hello, World!") .