Name: iOS 18のSwiftUIアップデート (My Favorite SwiftUI Updates in iOS 18)
Uploaded: 2024-12-19T06:51:32.000Z
Duration: 4 min 31 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

様態の副詞

In iOS 18, we can easily create mesh gradients to improve the look and feel of our app.

iOS 18では、アプリのルック＆フィールを向上させるメッシュ・グラデーションを簡単に作成できる。

And as you can see here, they can also be animated for that little extra special something.

また、ここにあるように、アニメーションにすることもできる。

程度の副詞

I've seen them used in a foreground style for a text, which is pretty cool.

テキストの前景スタイルに使われているのを見たことがあるが、かなりクールだ。

Also on buttons in like an animated border around a button.

また、ボタンの周囲にアニメーションのボーダーを表示することもできる。

And even that new Siri animation looks like a mesh gradient to me.

新しいSiriのアニメーションも、私にはメッシュのグラデーションにしか見えない。

And when done subtly, I think these look amazing.

そして、さりげなくやると、これが素晴らしく見えるんだ。

My worry, though, is now that it's so easy, we're just going to see mesh gradients everywhere.

ただ、心配なのは、これほど簡単になったことで、メッシュのグラデーションがあちこちで見られるようになることだ。

So my advice, use them sparingly, keep it subtle.

だからアドバイスとしては、控えめに、さりげなく使うことだ。

Today's video is sponsored by Squarespace.

今日のビデオはSquarespaceがスポンサーです。

We can now transition from one view to another using a zoom transition.

ズーム・トランジションを使って、あるビューから別のビューへ移行できるようになった。

And when you use this, it replaces the old slide in from the left transition with a zoom.

これを使うと、従来の左からのスライドインがズームに置き換わる。

And when you tap the back button, it collapses back into the item that it came from.

そして、戻るボタンをタップすると、元のアイテムに折りたたまれて戻る。

And this zoom transition also works with sheets or full screen covers.

また、このズームはシートやフルスクリーンカバーでも機能する。

And it just feels so natural on a grid UI to zoom in out of the item and then collapse back into the item when you tap on it.

また、グリッドUIでは、アイテムからズームインし、タップするとアイテムに戻るのがとても自然に感じられる。

私はこのエディションの大ファンだ。

I'm going to be using it in many, many places.

いろいろなところで使うつもりだ。

しかし、やはり適切なときに使うことだ。

I am in love with SF Symbols, and they just keep getting better year after year.

私はSFシンボルに惚れ込んでいて、年々良くなっている。

And that's no different this year with SF Symbols 6.

そしてそれは、今年のSFシンボルズ6でも変わらない。

We get 800 new symbols, which brings the count up to over 6,000, as well as new animations like wiggle.

新しいシンボルが800種類追加され、その数は6,000種類を超える。

And rotate, which rotates intelligently, it doesn't rotate the entire symbol, just rotates the appropriate element of the symbol.

rotateはインテリジェントに回転し、シンボル全体を回転させるのではなく、シンボルの適切な要素だけを回転させる。

And the dot replace animation gets replaced with magic replace.

そして、ドット置換アニメーションはマジック置換に置き換えられる。

And as you see here, it just intelligently changes icons, like if a badge pops up on the same icon or a slash goes through it.

このように、同じアイコンの上にバッジがポップアップしたり、スラッシュが貫通したりすると、アイコンをインテリジェントに変更する。

だから、より多くのシンボル、より多くのアニメーションがある。

On iPad, the tab bar over on the side can now float up at the top, freeing up all that screen real estate for your content.

iPadでは、横のタブバーが上部に表示されるようになり、コンテンツ用に画面領域が解放された。

And the user gets to pick and choose what goes into that floating tab bar so they can put what they use most up there and hide things they don't often use.

また、ユーザーはフローティングタブバーに入れるものを自由に選べるので、よく使うものはそこに入れ、あまり使わないものは隠すことができる。

And you can even adapt a similar behavior on Mac OS by styling the tab bar to appear as a segment to control in the toolbar.

また、タブバーをツールバーのコントロールのセグメントとして表示するようにスタイリングすることで、マックOS上で同様の動作を適応させることもできる。

For the iPads, this is a way better experience, in my opinion, and I can't wait to build this into Creator View.

CreatorViewに組み込むのが待ち遠しい。

Speaking of building things into Creator View, you know, sometimes it's just the little things in life that are just oh so sweet.

クリエイター・ビューの中に何かを組み込むといえば、人生には些細なことがとても素敵なことだったりする。

And this next improvement is a small one, but I love it.

そしてこの次の改良は小さなものだが、私は気に入っている。

You can now indicate sheet size on the iPad.

iPadでシートサイズを指定できるようになりました。

For example, you can indicate .form so you get a proper size sheet for a form, not this gigantic, unnecessary sheet for a small form.

例えば、.formと指定すれば、フォームに適したサイズのシートを表示することができる。

Now I know this small form could be a popover view like you see like on the Calendar app, but it's just to demonstrate how ridiculous the sheet size is.

この小さなフォームは、カレンダー・アプリにあるようなポップオーバー・ビューでもいいのだが、シート・サイズがいかにバカバカしいかを示すためだ。

We can indicate .form to get a much smaller, more reasonable sheet size.

.formを使えば、より小さく、より合理的なシートサイズを得ることができる。

Or better yet, you can specify a custom size to make it however you like.

もっといいのは、カスタムサイズを指定して好きなように作ることができることだ。

So no more giant sheets for everything on iPad.

だから、もうiPadに巨大なシートは必要ない。

The new text format for date reference is awesome.

日付参照用の新しいテキストフォーマットは素晴らしい。

As you can see on the screen, you pass the text in two dates, right?

画面を見てわかるように、2つの日付でテキストを渡しているよね？

We have current date and next song date, and it can generate a reference, offset or timer based on those two dates in a wide variety of formats.

現在の日付と次の曲の日付があり、この2つの日付に基づいて参照、オフセット、タイマーをさまざまな形式で生成することができる。

As you see here on the screen, this builds on the relatively new formatter API that was introduced in iOS 15.

この画面にあるように、これはiOS 15で導入された比較的新しいフォーマッターAPIをベースにしている。

And if you haven't worked with that yet or checked it out, definitely go to gosh darn format syntax, scroll through there.

もし、まだ使ったことがなかったり、チェックしたことがなかったりしたら、ぜひ「gosh darn format syntax」にアクセスして、そこをスクロールしてみてほしい。

Like, it's amazing how powerful these are.

このパワフルさには驚かされるよ。

I use them extensively in my apps, and it's just been such a time saver.

私のアプリでは幅広く使っているし、時間の節約にもなっている。

Now, if you're here staying up to date on the latest and greatest in Swift UI, I know you're building some pretty great apps, and it's best to have a personal website to showcase your work.

さて、もしあなたがここでSwift UIの最新情報を入手しているのであれば、あなたはとても素晴らしいアプリを作っていると思うし、あなたの作品を紹介する個人ウェブサイトを持つのがベストだ。

And that brings me to today's sponsor, Squarespace.

そして、今日のスポンサーであるSquarespaceを紹介しよう。

Squarespace is an all in one platform to help you get that iOS developer portfolio up and running very quickly.

Squarespaceは、iOSデベロッパーのポートフォリオを素早く立ち上げ、運用するためのオールインワンプラットフォームです。

今、私たちが開発者であることを知った。

We can build a website ourself, but we're also iOS developers.

私たちはウェブサイトを自分たちで作ることができますが、iOSの開発者でもあります。

And I would argue there's an opportunity cost of your time.

そして、あなたの時間には機会費用がかかると主張したい。

Now, do you want to spend your time learning about web development, responsive design, all the different browsers, or do you want to spend your time building apps?

さて、あなたはウェブ開発やレスポンシブデザイン、さまざまなブラウザについて学ぶことに時間を費やしたいだろうか、それともアプリを作ることに時間を費やしたいだろうか？

So that's why I always recommend letting Squarespace take that off your plate to build your iOS developer portfolio.

だから私は、iOSデベロッパーのポートフォリオを構築するために、Squarespaceにそれを任せることをいつも勧めているのです。

They have all kinds of beautiful themes and templates to get you started.

美しいテーマやテンプレートが揃っている。

And you can use their next generation website editor with the fluid engine to just really unlock all the creativity in the world.

また、フルード・エンジンを搭載した次世代ウェブサイト・エディタを使えば、世界中のクリエイティビティを解き放つことができる。

You can even use Squarespace blueprint and Squarespace AI to help you figure out what to write on your website.

Squarespace blueprintやSquarespace AIを使って、ウェブサイトに何を書くべきかを考えることもできます。

それがいつも一番難しいからだ。

ここで何を言っていいのかわからない。

Throw it into Squarespace's AI and they'll help you out.

SquarespaceのAIに投げ込めば、助けてくれます。

They handle all the SEO and analytics for you.

SEOとアナリティクスをすべて代行してくれる。

Again, Squarespace handling your website just takes so much off your plate.

繰り返しになりますが、Squarespaceがあなたのウェブサイトを管理することで、あなたの負担が大幅に軽減されます。

So when you're ready to get started, go to squarespace.com.

準備ができたら、squarespace.comにアクセスしてください。

 And when you're ready to launch, go to squarespace.com slash Sean Allen to get 10% off your first purchase of a website or domain.

そして、ウェブサイトを立ち上げる準備ができたら、squarespace.comからSean Allenにアクセスすると、ウェブサイトやドメインの初回購入が10％オフになる。