Storyboardとの付き合い方 2018
Aug 12, 2018 少し前に、自分のStoryboardの使い方をツイートしたら割と反応があったので、改めてまとめてみようと思います。これまで何年かiOSアプリの開発をしてきて、Storyboardとの付き合い方は何度も変わりました。なので、今回紹介するものはあくまで2018年現在のもので、来年には変わっているかもしれません。 説明のイメージを掴みやすくするため、画面の例を用意しました。左が編集時のStoryboardで、右が実行時のiOSシミュレーターです。具体的なトピックが出た時に、この例を説明に使うことがあります。 記事の最後にこれが動作するサンプルコードも用意しましたので、興味があればどうぞ。 Storyboardを使う目的 以下の2つを重視して、Storyboardを選択しています。 動作確認に掛かる時間を短縮する 成果物の構造を把握しやすくする ただし、Storyboar
Why I Don’t Use Storyboard
MotivationI wanted to share my biased conclusion that Storyboard has more cons than pros based on my limited experience working in a startup with 8 other developers. Disclaimer: I use storyboards all the time. I have specific usage cases. I’m aware it isn’t a black and white answer. Only tradeoffs exist. ObjectivesFirst, you will learn at which circumstances I favor storyboards. Second, you will l
UILabel、UIButtonなどを簡単に角丸、枠線をつける - onthewavesのコードスニペット
テーマ UILabel、UIButtonなどを簡単に角丸、枠線をつける方法をご紹介します。 背景 今まで、ちょっと角丸にしたい、線をつけたいというときに、 毎回ソースコードにcornerRadiusやmasksToBoundsなどに値をセットしていました。 面倒だなーと思っていると、 StoryBoard上で、簡単にできる方法があったので、ご紹介します。 extensionを利用する方法です。 まずは、完成品は、こちら 手順 UIViewのextensionを作る 対象のViewをStoryBoardで設置する StoryBoardで対象Viewの値を設定する 以上です。 では、やってみます。 1. UIViewのextensionを作る 今回は、角丸と、枠線を引くためのプロパティを追加します。 import UIKit extension UIView { @IBInspectable
まだ Storyboard で消耗してるの？——Re:ゼロから始める視覚表現（ビジュアルリプリゼンテーション） - Qiita
まだ Storyboard で消耗してるの？——Re:ゼロから始める視覚表現（ビジュアルリプリゼンテーション）XcodeStoryboardAutoLayoutポエムSwift 煽り全開の dis りタイトルになってしまいましたが、まあそれくらい筆者が不満を抱いたってこととして受け止めていただければ幸いでございます。 ほとんどの iOS 開発の教材はおそらくこのように教えているでしょう。「Xcode 開いて、Main.storyboard をクリックして、blabla…」と。 そしてほとんど（筆者調べ）の開発者たちは、結局最後まで、Storyboard の効率的な使い方が見つからず、多少なりとも心のどこかで「F*ck」とぼやいているのではないかと。 というかそもそもそこまでたどり着く前に「Storyboard の使い方わかりましぇーん」で終わってしまう屍も数多くいるのではないかと。 アップ
GitHub - nohana/StoryboardTraining: デザイナー向けStoryboard勉強会資料
README.md Storyboard Training デザイナー向けStoryboard勉強会資料 事前準備 以下の作業を事前に完了させておいてください。 Xcodeのインストール どちらか好きな方でインストールしてください https://itunes.apple.com/jp/app/xcode/id497799835?mt=12 https://developer.apple.com/downloads/ Xcodeを1回以上起動 初回起動は時間がかかります Storyboardとは アプリの画面遷移と画面レイアウトをグラフィカルに編集するためのツールです Xcodeで作成することができます .storyboard という拡張子のファイルで、内部的にはXMLです 用語 View(ビュー) 画面に表示されるパーツを意味します ボタン、ラベル、画像などもViewです View Co
Application Coordinatorを使ってぐちゃぐちゃになった遷移を綺麗に管理する - Qiita
動機 Storyboard＆Segueでの管理は便利ですが複雑なアプリを作っていくとどんどん 辛くなっていきます。例えば以下のようなケース。 ViewController間で値を引き回したい どこのページにいても指定したページに遷移がしたい（アプリ内通知やURLSchemaでの移動） 表示されているページに応じて処理を変えたい（初回登録フロー時にはxxxの通知は出さない、など） 起動時に条件（ログインしているかどうかなど）に応じて遷移を変えたい 1番はhttps://github.com/tokorom/TKRSegueOptions を使ってperformSegueを 呼ぶ場所で値を渡せるようにすれば少し綺麗になるんですが、依然として遷移先の 情報を知ってないと何を渡せばいいかが決まらず、変更に弱い作りになってしまっていました。 2番はNotificationを使って根っこのViewCo
[iOS 9] ノンコーディングで Storyboard を分割できる Storyboard Reference | DevelopersIO
はじめに こんにちは、モバイルアプリサービス部の荒川です。 この記事では、Xcode 7 から追加されたUIコンポーネントの1つ Storyboard Reference について紹介します。 iOS アプリ開発で UI の作成に Storyboard を使用している方を、主な対象読者とします。 Storyboard・Segue と聞いて何かわからないと言う方は、 [iOS]これからiOSアプリを作る方向け Storyboardで画面遷移を作る を参考にして下さい。 iPhone アプリ開発では、使用する言語（Objective-C・Swift）に関わらず、一般的なUIコンポーネントであれば Storyboard で作成することが可能です。コードでも UI を作成することはもちろん可能ですが、ViewController クラスが肥大化し、冗長なコードとなりやすいので、Storyboard
![[iOS 9] ノンコーディングで Storyboard を分割できる Storyboard Reference | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6d8135f0d68a822201772175f07443bf1b998f2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F08%2Fios9.png)
【iOS9】Storyboard ReferenceでStoryboardを分割しよう - 非常識プログラマの憂鬱
2015-06-10 【iOS9】Storyboard ReferenceでStoryboardを分割しよう iOS Swift 自分は、画面レイアウトの作成にStoryboardを使っていますが、 １つのStoryboardにあれやこれやViewControllerを配置して、 繋げるようなことはしていません。 2、3画面ならいいのかもしれませんが、画面数が多すぎると見通しが悪くなり、 何より複数人で作業する場合は、 同時に同じStoryboardを触ることが出来ません。 なので、基本的に1ViewController = 1Storyboardで作っています。 しかしそうすると、画面遷移する際にコードでStoryboardからViewControllerを作って 新たに表示するという記述が必要になってきます。 新たにXcode7らStoryboard ReferenceというS
iOSアプリのコードレビューについて話しました #関モバ - yashiganiの英傑になるまで死ねない日記
関西モバイルアプリ研究会#2で「iOSアプリのコードレビューで最近気になるところ」という発表をしました． kanmoba.connpass.com コードレビューでよく指摘するようなことをまとめたのですが，まとめてみるとアプリを設計・実装するときに注意すべきこととほとんど変わらないような気がしました． けどコードレビューって言っておいたほうが意識高そうな感じがするのでコードレビューということにしています． speakerdeck.com スライドだけ見てもあんまりわかんないとおもったけど，ブクマ集まってるわりに特に質問とか無いので特に補足はしません． 代わりにコードレビューのコツっぽいのをつけておきます． コードレビューするときに最近ちょっと気にしてること ちょっと気にしていることを書いておきます． 筆者の経験に基づくポイントです． 1. 理由を聞く こうしてください！って指摘するよりは理
Storyboards Tutorial for iOS: Part 1
Update note: This tutorial has been updated for Xcode 9, iOS 11, and Swift 4 by Nicholas Sakaimbo. The original tutorial was written by Matthijs Hollemans. Storyboards are an exciting feature first introduced in iOS 5 that save time building user interfaces for your apps. Storyboards allow you to prototype and design multiple view controller views within one file. Before Storyboards you had to use
Size Classesとは | Cyber Passion for iOS
今やiOSもさまざまな端末のサイズがあり今後も増えるかもしれません。Interface Builderもそれに対応してSize Classesという概念が導入されました。 Compact、Regularという表現でサイズを抽象化 Size Classesとは端末のサイズを抽象化したものです。縦横サイズをCompact、Regularの組み合わせで表現します。 以下、AppleのDocumentより引用し説明します。 iPadの場合 縦画面（Portrait）、横画面（Landscape）どちらも幅、高さ共にRegularとなります。 画像引用元: Adaptivity and Layout iPhone 6 Plusの場合 縦画面は幅Compact、高さRegular。横画面は幅Regular、高さCompact。 画像引用元: Adaptivity and Layout その他、iPho
[iOS 8/Xcode 6] Localization がより簡単になりました | DevelopersIO
Localization がより簡単に！ Xcode 6 では Localization (多言語化) に関する機能が増強され、より簡単に管理できるようになりました。どのような点に変更があったか確認していきましょう。 XLIFF のインポートとエクスポート Xcode 6 では新たに XLIFF (XML Localization Interchange File Format) 形式によるローカライズデータのインポート/エクスポートがサポートされました。XLIFF はソフトウェアや文書の国際化・翻訳のために開発された XML ベースの規格です。Storyboard や InfoPlist、Localizable.string などのようなローカライズの対象となるファイルの各種設定値を言語毎に XLIFF 形式で書き出すことができます。 書き出す方法は非常に簡単で、プロジェクトを選択した状
![[iOS 8/Xcode 6] Localization がより簡単になりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b92dfecc1683bd6bd1943840e9d28953e3b81b2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F09%2Ficon-xcode-6.png)
สล็อตเว็บตรง ฝากถอนไม่มีขั้นต่ำ เว็บตรงสล็อต ใหม่ล่าสุด แตกง่าย 100%
สล็อตเว็บตรง ฝาก-ถอน ไม่มีขั้นต่ำ เว็บตรงสล็อต FAFA666 ที่คนเล่นเยอะที่สุด พบกับเกมทำเงินที่ง่ายที่สุดในตอนนี้ได้แล้วกับการเข้ามาเล่นพนัน สล็อตเว็บตรง ของเรา ในตอนนี้ที่มีอัตราการชนะสูงถึง 95 เปอร์เซ็นต์ ซึ่งจะทำให้คุณสามารถกอบโกยกำไรได้ง่ายมากๆ แถมการเข้ามาเล่นพนันที่ สล็อต ของเรา ในตอนนี้ยังมีการฝากถอนแบบไม่มีขั้นต่ำให้นักพนันทุกคนได้เล่นอีกด้วย ซึ่งการฝากถอนไม่มีขั้นต่ำนั้นจะทำให้นักพนันทุกคนสา
[iOS 8] storyboard で作成した Static Cells にコードからアクセスする | DevelopersIO
できてみれば簡単 storyboard で UITableView の content を Static Cells にした場合、コードに TableViewDataSource のメソッドを書かなくてもセルを表示することができます。 しかし、コードからセルのテキストカラーやフォントなどを設定したい場合は、セルを生成するコードが存在しないため一工夫しなければセルにアクセスすることができません。 今回はその方法を説明します。 アクセス方法 super メソッド呼び出しで cell を取得します。 import UIKit class TableViewController: UITableViewController { override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSInd
![[iOS 8] storyboard で作成した Static Cells にコードからアクセスする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
Storyboardを1画面ごとに分割した話 - 24/7 twenty-four seven
今年の5月くらいの話なのですが、ユビレジのiPadアプリケーションのプロジェクトで使っているStoryboardを基本的に1画面（≒1 View Controller)の単位に分割するということをしました。 1画面1Storyboardメソッドについてはnakiwoさんが書かれた記事も参考になります。 1画面から始めるStoryboard - Cocoaメモ ↑ 上記の資料はどちらかというとStoryboardを使い始めるにあたって、１画面単位で少しずつ使っていこうという感じですが、ユビレジではもともとほぼ全部の画面がStoryboardになっていました。 ただ複数人で共同作業をするにあたっては、1画面単位を1ファイルにしておくくらいがメンテナンスしやすいんじゃないかなあという結論になったのでしばらくそういうふうに運用することにしました。 また、XIBと違ってStoryboardは単純にコ
Segueのメソッドの中で別のSegueを実行する – morizotter blog
今、趣味で情報を一覧できるアプリを作っているのだけど、モーダルで開いたリストから遷移しているのがちょっと気持ち悪くて、モーダルをしまった上でメイン画面から遷移する動作に変えようと思ったのでした。問題は全部UIStoryboardのSegueで遷移しているということです。 なので、モーダルからメインに戻るときもUnwindのSegueを使っています。UnwindのSegueのprepareでメインのビューコントローラの引数をセットして、メインのunwind segueメソッドで別のsegueを起動しようとしたのですが動きませんでした。 これはメインのunwind segueメソッドに、 [self performSelector:@selector(someSegueLaunchMethod) withObject:nil afterDelay:0.0]; こんな感じの記述を書くことで解消し
1画面から始めるStoryboard
1画面から始めるStoryboard。 第56回 Cocoa勉強会関西の発表資料。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBDesignable x PaintCode
1画面から始めるStoryboard - Cocoaメモ
4行でBlurView（刷りガラス風）Xcode6&iOS8 - Qiita
