Submit Search
Upload
だいすきStoryboard - #potatotips (iOS/Android開発Tips共有会) 第7回
•
14 likes
•
21,617 views
Kentaro Matsumae
Follow
#potatotips (iOS/Android開発Tips共有会) 第7回 で発表した資料です。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 18
Download now
Download to read offline
Recommended
がんばれガンプ ソルバルウを倒せ
がんばれガンプ ソルバルウを倒せ
Tomohiro Suzuki
Androidでお気軽プログラミング
Androidでお気軽プログラミング
高見 知英
20200809 jcdug lt
20200809 jcdug lt
ひかり 影中
がんばれガンプ ソルバルウを倒せについて
がんばれガンプ ソルバルウを倒せについて
Tomohiro Suzuki
Cocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみました
Tomohiro Suzuki
2017冬の開発合宿vrオンラインゲーム
2017冬の開発合宿vrオンラインゲーム
Syo Igarashi
モックアップ共有のススメ
モックアップ共有のススメ
Kazuyoshi Goto
ぼくはきみの盾 ドキュメントコメント編
ぼくはきみの盾 ドキュメントコメント編
勝成 鈴江
Recommended
がんばれガンプ ソルバルウを倒せ
がんばれガンプ ソルバルウを倒せ
Tomohiro Suzuki
Androidでお気軽プログラミング
Androidでお気軽プログラミング
高見 知英
20200809 jcdug lt
20200809 jcdug lt
ひかり 影中
がんばれガンプ ソルバルウを倒せについて
がんばれガンプ ソルバルウを倒せについて
Tomohiro Suzuki
Cocos sharpでゲーム開発してみました
Cocos sharpでゲーム開発してみました
Tomohiro Suzuki
2017冬の開発合宿vrオンラインゲーム
2017冬の開発合宿vrオンラインゲーム
Syo Igarashi
モックアップ共有のススメ
モックアップ共有のススメ
Kazuyoshi Goto
ぼくはきみの盾 ドキュメントコメント編
ぼくはきみの盾 ドキュメントコメント編
勝成 鈴江
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
典子 松本
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
典子 松本
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
典子 松本
Android Pattern Cookbook で見るトレンドの変遷
Android Pattern Cookbook で見るトレンドの変遷
Yuki Anzai
JS Board で IoT は楽勝か?
JS Board で IoT は楽勝か?
Shingo Fukui
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
典子 松本
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
モバイルUIプログラミング(3/9プロ生勉強会LT)
モバイルUIプログラミング(3/9プロ生勉強会LT)
Satoshi Watanabe
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Masaki Fuke
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
典子 松本
Cocoa勉強会20140621 macとiosで共通のコード
Cocoa勉強会20140621 macとiosで共通のコード
Satoshi Oomori
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
典子 松本
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
Yu Tanaka
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
Yuki Anzai
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
典子 松本
Hello, React!! まで導く Reactの基礎
Hello, React!! まで導く Reactの基礎
iPride Co., Ltd.
de:code 夏まつり クイズクライアント作ったよ!
de:code 夏まつり クイズクライアント作ったよ!
Kazumi IWANAGA
チャットボット開発を取り巻く環境と Cogbot コミュニティ
チャットボット開発を取り巻く環境と Cogbot コミュニティ
Atsushi Yokohama (BEACHSIDE)
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
schoowebcampus
UIToolbarの同時タッチを防ぐ
UIToolbarの同時タッチを防ぐ
Yuichi Yoshida
ICTutorialOverlay : A utility for making "Overlay Tutorial"
ICTutorialOverlay : A utility for making "Overlay Tutorial"
Ichito Nagata
More Related Content
What's hot
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
典子 松本
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
典子 松本
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
典子 松本
Android Pattern Cookbook で見るトレンドの変遷
Android Pattern Cookbook で見るトレンドの変遷
Yuki Anzai
JS Board で IoT は楽勝か?
JS Board で IoT は楽勝か?
Shingo Fukui
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
典子 松本
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
モバイルUIプログラミング(3/9プロ生勉強会LT)
モバイルUIプログラミング(3/9プロ生勉強会LT)
Satoshi Watanabe
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Masaki Fuke
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
典子 松本
Cocoa勉強会20140621 macとiosで共通のコード
Cocoa勉強会20140621 macとiosで共通のコード
Satoshi Oomori
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
典子 松本
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
Yu Tanaka
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
Yuki Anzai
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
典子 松本
Hello, React!! まで導く Reactの基礎
Hello, React!! まで導く Reactの基礎
iPride Co., Ltd.
de:code 夏まつり クイズクライアント作ったよ!
de:code 夏まつり クイズクライアント作ったよ!
Kazumi IWANAGA
チャットボット開発を取り巻く環境と Cogbot コミュニティ
チャットボット開発を取り巻く環境と Cogbot コミュニティ
Atsushi Yokohama (BEACHSIDE)
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
schoowebcampus
What's hot
(20)
案件規模で使い分けよう!Microsoft Azure×WordPressの話
案件規模で使い分けよう!Microsoft Azure×WordPressの話
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
Web制作的に便利な機能満載!Microsoft Azureを使ってみよう
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
A/BテストをAzure×Googleアナリティクスで試してみました。
A/BテストをAzure×Googleアナリティクスで試してみました。
Android Pattern Cookbook で見るトレンドの変遷
Android Pattern Cookbook で見るトレンドの変遷
JS Board で IoT は楽勝か?
JS Board で IoT は楽勝か?
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
Microsoft Azure WebAppsでECサイトを構築してみた話 ~EC-CUBE3で試してみました~
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
モバイルUIプログラミング(3/9プロ生勉強会LT)
モバイルUIプログラミング(3/9プロ生勉強会LT)
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Cocoa勉強会20140621 macとiosで共通のコード
Cocoa勉強会20140621 macとiosで共通のコード
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
簡単・お手軽!ノンプログラミングで便利BOTを作ってみた話
【Swift】 それ、enumとstructでやってみましょう!!
【Swift】 それ、enumとstructでやってみましょう!!
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
"あんざいゆき" x "秋葉ちひろ" はカンファレンスアプリをどう作るのか?
Designer's Design Talk「デザインの基礎」
Designer's Design Talk「デザインの基礎」
Hello, React!! まで導く Reactの基礎
Hello, React!! まで導く Reactの基礎
de:code 夏まつり クイズクライアント作ったよ!
de:code 夏まつり クイズクライアント作ったよ!
チャットボット開発を取り巻く環境と Cogbot コミュニティ
チャットボット開発を取り巻く環境と Cogbot コミュニティ
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編 先生:増井 雄一郎
Viewers also liked
UIToolbarの同時タッチを防ぐ
UIToolbarの同時タッチを防ぐ
Yuichi Yoshida
ICTutorialOverlay : A utility for making "Overlay Tutorial"
ICTutorialOverlay : A utility for making "Overlay Tutorial"
Ichito Nagata
2013 content strategy - EBriks Infotech
2013 content strategy - EBriks Infotech
EBriks Infotech Pvt. Ltd.
Luko paljetak
Luko paljetak
Frizbi Frizbić
anybuild/Hosting casual #1
anybuild/Hosting casual #1
Ryo Kuroda
char32_tとXpressiveと
char32_tとXpressiveと
egtra
I16092.00_E501-E501
I16092.00_E501-E501
Samantha Merritt
最高の自分に進化する方法【コンサル起業実践講座】
最高の自分に進化する方法【コンサル起業実践講座】
伊藤 剛志
Vi lever for å levere
Vi lever for å levere
Martin Koksrud Bekkelund
Videómarketing szállodáknak
Videómarketing szállodáknak
Tamás A.
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
István Kolozsi
Trabajo colaborativo list
Trabajo colaborativo list
Katerin Colcha
20120319 aws meister-reloaded-s3
20120319 aws meister-reloaded-s3
Amazon Web Services Japan
Empower Teollisuus IoT
Empower Teollisuus IoT
Matti Karhu
Conférence_20150928_Linkedin
Conférence_20150928_Linkedin
Ollivier Monferran
Shepherd Elementary School Community Meeting Flyer
Shepherd Elementary School Community Meeting Flyer
DC Department of General Services
جای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانی
rezamahdavi1980
חשבון נפש: מצב לימודי המתמטיקה בישראל - 2014
חשבון נפש: מצב לימודי המתמטיקה בישראל - 2014
Eli Hurvitz
Эффективные кампании в интернете для разных задач МСБ.
Эффективные кампании в интернете для разных задач МСБ.
Serhii Stasko
Unityを使ったVRアプリ作成入門 ABCD2015金沢編
Unityを使ったVRアプリ作成入門 ABCD2015金沢編
kinneko
Viewers also liked
(20)
UIToolbarの同時タッチを防ぐ
UIToolbarの同時タッチを防ぐ
ICTutorialOverlay : A utility for making "Overlay Tutorial"
ICTutorialOverlay : A utility for making "Overlay Tutorial"
2013 content strategy - EBriks Infotech
2013 content strategy - EBriks Infotech
Luko paljetak
Luko paljetak
anybuild/Hosting casual #1
anybuild/Hosting casual #1
char32_tとXpressiveと
char32_tとXpressiveと
I16092.00_E501-E501
I16092.00_E501-E501
最高の自分に進化する方法【コンサル起業実践講座】
最高の自分に進化する方法【コンサル起業実践講座】
Vi lever for å levere
Vi lever for å levere
Videómarketing szállodáknak
Videómarketing szállodáknak
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
Trabajo colaborativo list
Trabajo colaborativo list
20120319 aws meister-reloaded-s3
20120319 aws meister-reloaded-s3
Empower Teollisuus IoT
Empower Teollisuus IoT
Conférence_20150928_Linkedin
Conférence_20150928_Linkedin
Shepherd Elementary School Community Meeting Flyer
Shepherd Elementary School Community Meeting Flyer
جای خالی مدیر ارشد برند در شرکت های ایرانی
جای خالی مدیر ارشد برند در شرکت های ایرانی
חשבון נפש: מצב לימודי המתמטיקה בישראל - 2014
חשבון נפש: מצב לימודי המתמטיקה בישראל - 2014
Эффективные кампании в интернете для разных задач МСБ.
Эффективные кампании в интернете для разных задач МСБ.
Unityを使ったVRアプリ作成入門 ABCD2015金沢編
Unityを使ったVRアプリ作成入門 ABCD2015金沢編
Similar to だいすきStoryboard - #potatotips (iOS/Android開発Tips共有会) 第7回
iOS6時代のTwitter / Facebook連携
iOS6時代のTwitter / Facebook連携
Masahiro Murakami
マルチデバイスに対応するためのAuto layout
マルチデバイスに対応するためのAuto layout
asakahara
モバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意すること
dsuke Takaoka
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
TomomitsuKusaba
.NET 7におけるBlazorの新機能
.NET 7におけるBlazorの新機能
TomomitsuKusaba
.NET 7期待の新機能
.NET 7期待の新機能
TomomitsuKusaba
やはりお前らのCore Dataの使い方も間違っている
やはりお前らのCore Dataの使い方も間違っている
今城 善矩
第1回 コデアルiOSアプリ勉強会
第1回 コデアルiOSアプリ勉強会
codeal
.NET6新機能の振り返り
.NET6新機能の振り返り
TomomitsuKusaba
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法
Takao Sumitomo
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
トモロヲ いちがみ
Static Web AppsとBlazor WebAssemblyのすすめ
Static Web AppsとBlazor WebAssemblyのすすめ
TomomitsuKusaba
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
TomomitsuKusaba
やはりお前らのiOS7対応は間違っている
やはりお前らのiOS7対応は間違っている
今城 善矩
[CEDEC2017] 最新モバイルゲームの実例からみるUE4のモバイル向け機能・Tipsを全部まるっとご紹介!
[CEDEC2017] 最新モバイルゲームの実例からみるUE4のモバイル向け機能・Tipsを全部まるっとご紹介!
エピック・ゲームズ・ジャパン Epic Games Japan
BlazorにSwaggerを導入してみよう
BlazorにSwaggerを導入してみよう
TomomitsuKusaba
BaseViewControllerは作りたくない
BaseViewControllerは作りたくない
今城 善矩
Letsgo developer 2012 Continuous Delivery
Letsgo developer 2012 Continuous Delivery
Nobuhiro Sue
きちんと理解できるiOS開発〜Auto Layout編
きちんと理解できるiOS開発〜Auto Layout編
mission:beGeek
Cocoa勉強会201302
Cocoa勉強会201302
Satoshi Oomori
Similar to だいすきStoryboard - #potatotips (iOS/Android開発Tips共有会) 第7回
(20)
iOS6時代のTwitter / Facebook連携
iOS6時代のTwitter / Facebook連携
マルチデバイスに対応するためのAuto layout
マルチデバイスに対応するためのAuto layout
モバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリケーションを複数端末で動かすために注意すること
Web開発者が始める .NET MAUI Blazor App
Web開発者が始める .NET MAUI Blazor App
.NET 7におけるBlazorの新機能
.NET 7におけるBlazorの新機能
.NET 7期待の新機能
.NET 7期待の新機能
やはりお前らのCore Dataの使い方も間違っている
やはりお前らのCore Dataの使い方も間違っている
第1回 コデアルiOSアプリ勉強会
第1回 コデアルiOSアプリ勉強会
.NET6新機能の振り返り
.NET6新機能の振り返り
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法
キッチンにはスマートフォンとカレーライス
キッチンにはスマートフォンとカレーライス
Static Web AppsとBlazor WebAssemblyのすすめ
Static Web AppsとBlazor WebAssemblyのすすめ
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
やはりお前らのiOS7対応は間違っている
やはりお前らのiOS7対応は間違っている
[CEDEC2017] 最新モバイルゲームの実例からみるUE4のモバイル向け機能・Tipsを全部まるっとご紹介!
[CEDEC2017] 最新モバイルゲームの実例からみるUE4のモバイル向け機能・Tipsを全部まるっとご紹介!
BlazorにSwaggerを導入してみよう
BlazorにSwaggerを導入してみよう
BaseViewControllerは作りたくない
BaseViewControllerは作りたくない
Letsgo developer 2012 Continuous Delivery
Letsgo developer 2012 Continuous Delivery
きちんと理解できるiOS開発〜Auto Layout編
きちんと理解できるiOS開発〜Auto Layout編
Cocoa勉強会201302
Cocoa勉強会201302
だいすきStoryboard - #potatotips (iOS/Android開発Tips共有会) 第7回
1.
だいすきStoryboard 【第7回】potatotips (iOS/Android開発Tips共有会) DeNA 松前健太郎 @kenmaz ※背景画像と内容は直接の関係はありません
2.
自己紹介 • 松前健太郎 @kenmaz •
前職 動画にコメント流す会社でiOS/スマホまわり • 現職 マンガボックスiOS開発 ________________
3.
続きはウェb • CodeIQ • DeNA中の人が解説する「マンガボッ クス」システム構成とiOSアプリの 内部構成 •
https://codeiq.jp/magazine/ 2014/05/9946/
4.
StoryboardのTips
5.
UIパーツの定義 • なんども繰り返し使うビューはUIパーツとして定義 したい • xibを個別に作ってもいいけど、どうせなら storyboardで完結したい
6.
• canvasにViewControllerを追加 • StoryboardIdを設定 •
Simulated MetricsのSize = Freeform にして適当にリサイズ • 必要に応じてUIViewのサブクラスを作ってCustom Classに設定 • viewがとれたらViewControllerは破棄しちゃってOK UIViewController* vc = [self.storyboard instantiateViewControllerWithIdentifier:@"gridview"]; MJGridView* gridView = (MJGridView*)vc.view; ... //labelの設定、sizeの調整など ... [self.scrollView addSubView:gridView]
7.
8.
表示要素の切り替え • 条件に応じて表示内容切り替えたい • 要素の位置は代替おなじ •
重なっちゃう
9.
ContainerView
10.
まーちょっと大げさかもしれないけど
11.
セグエの有効無効を条件に応 じて切り替え - (BOOL)shouldPerformSegueWithIdentifier:(NSString *)identifier
sender:(id)sender { if ([identifier isEqualToString:@"normal_logo"]) { //通常号のロゴ画像 return [self.magazine isNormalVolume]; } if ([identifier isEqualToString:@"digest_logo"]) { //ダイジェスト号のロゴ画像 return [self.magazine isDigestVolume]; } .... }
12.
アプリ起動時に 処理待ちしたい • @sintario さんにおしえてもらった
b • アプリ起動して、メイン画面が表示されるまでに、 確実に完了させたい処理がある • バージョンアップ時のマイグレーションとかとか • containerViewを使ってフェーズ分けよう
13.
initial VC ↓ ←main
VC ←waiting VC
14.
@implementation MJRootViewController ! - (void)viewDidLoad
{ [super viewDidLoad]; ! //必要であればマイグレーション [MJMigration migrateWithCompletion:^{ //マイグレーションが完了したので、メイン画面のロード開始 self.migrationFinished = YES; [self performSegueWithIdentifier:kMainEmbedSegueId sender:self]; }]; } ! ! - (BOOL)shouldPerformSegueWithIdentifier:(NSString *)identifier sender: (id)sender { return self.migrationFinished; }
15.
Storyboard分割 • デバイスごと、機能毎に分割 • storyboardデカくなりすぎるとxcode重い
(SSD 必須) • コンフリクトとか
16.
17.
その他 (略) • 微妙な操作はカーソルキーで •
ダブルタップすればカーソルキーで微調整できるよ • プレビュー機能使おう • iOS6のdeltaの調整のときに使うくらいかな? • option + preview ってわかりヅラ • 回転したときのチェック • Simulated Metrics > Orientation • Device Family = iPadのときの追加機能 • push,modal,custom 以外にも popover, replace(master-detail) • popover: 吹き出し方向変えたり, アンカーの位置指定したり • replace: master/detailのビュー置換の指定 • Auto Layout については聞かないでください(重要)
18.
DeNAでは エンジニアを 募集しています 渋谷はよい所です 渋谷タワレコ前にて遭遇(撮影許可済み)
Download now