てふまるブログ

プログラミング情報

Swift, SwiftUI の役に立つ記事のまとめ

tefumaru 2020年9月25日 / 2020年12月12日

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

自分が過去に理解できなかったり上手く使いこなせなかった時にお世話になった記事をまとめることにしたよ。

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人">

中の人

この記事が誰かの役に立つことができれば幸いです！

目次

SwiftUI
- アニメーション
- GeometryReader
Swift

SwiftUI

アニメーション

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

バネ振動のアニメーション！

GeometryReader

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

最初は結構ややこしいGeometryReaderについて！

Swift

オプショナル

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

Swiftで最初に皆がつまづく『オプショナル』。

自分は理解できるまでに半年くらいかかったけど、この記事がなかったら多分１年くらいかかったと思う、、、

NSAttributedString

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

フォントや文字色などが異なる文字列を組み合わせたい時に使えるよ。

特に異なるフォントを組み合わせることが多いよ。

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人">

中の人

自分はまあまあな頻度で使うことがあるかな

使えるプロパティざっくり(日本語)

公式ドキュメント(英語)

StackView

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

UIの実装時や、特にUIに変更を加える時にすごく便利だよ。

使わないことがないくらい便利！

CAGradientLayer

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

グラデーションをつける時に使うよ。

単色だったら淡白でも、グラデーションでちょっと色に差をつけるだけでお洒落になる！

マップ周りの簡単な機能の実装

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

ピンを刺したりルートを表示させたりの簡単な機能をまとめてくれてるよ

SF Symbols

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

『SF Symbols』はAppleが提供しているアイコンだよ！

大きさや色はもちろん、アイコンのボールド(線の太さ)を9種類の中から選べるのが便利すぎる。

DateFormatter

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

時間関係の表記を指定できる便利なやつ！

『6分前』『13:40 PM』のように自由自在にコントロールできる！

フォーマット(英語)

フォーマットのルール

最強チートシート (Swift3のコードで古いけど対して変わらない！はず！)

配列周り

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

配列に対して各要素に共通の処理をしたり、条件に当てはまる要素のみを取り出したり、要素を指定の並びに並び替えたり色々できる。

配列に対する処理

配列内の重複排除

配列内での並び替え

フレームワーク

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

オススメのフレームワークをまとめてくれている記事を乗っけておくね。

フレームワークっていうのは複雑な機能を簡単に書けるようにしてくれてるものだよ。

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/DwoccaLVsAAY4ZB.jpg" alt="中の人">

中の人

フレームワークはすごく便利だけど、スキルがついていない最初の頃からフレームワークを多用するのはスキル向上の妨げになるから注意！

firstIndex

<img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img class="lazy lazy-hidden" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lazy-type="image" data-lazy-src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる"><noscript><img src="http://tefumaru.com/wp-content/uploads/2019/01/Dwh2zUfU8AAadyp-2.jpg" alt="てふまる">

てふまる

配列の中から指定の要素やインデックス番号を取得する方法だよ。