Flutterを仕事で2ヶ月使って思ったこと - Qiita
導入のしやすさ Mac必須 開発というよりかは、iPhoneやiOS Simulatorの為 Flutter Doctor 便利 packageも楽ちん 導入というか性質というか、頻繁にFlutterアップデートが来る。描画が壊れるupdateもあったが、回避方法はあったので致命的ではなかった Flutter WYSWYGツール不在の為、UI設計が面倒とおもったけど十分高い生産性 hot reloadが優秀 (ソース保存即時反映） Debug paintが優秀 (各コンポーネントの描画範囲等がわかる) Flutterの基本コンポーネントにしろよと思ったパッケージ群、よっぽどシンプルじゃない限り必要になる 以下 pubspec.yaml dependencies:に追記するべきパッケージ validate: "^1.6.0" #email等、入力チェック http: "^0.11.3+16"
[iPhone] iOSアプリで図形を描画するにはUIBezierPathを使う
iOSアプリに◯や三角などの図形を描きたい事は多いです。そんな時はUIBezierPathを使います。iOSでのグラフィックスの扱い方について見てみましょう。 bezier とはベジェ（Bezier）曲線からきているのでしょうか？とすると自由曲線が描けるわけです。まず、ここでは簡単な矩形や楕円などの描画方法を試してみます。 iOS UIBezierPath Class Reference UIView クラスを作成して直線を描く まず押さえるところとして。UIViewからのクラスを作り、それを UIViewController から呼び出して使います。 ナビゲーションエリアでプロジェクトを右クリックして 新しくクラスを作成します 「iOS」->「Source」->「Cocoa Touch class」 Subclass of には UIView を指定します。 ここでは TestDraw
![[iPhone] iOSアプリで図形を描画するにはUIBezierPathを使う](https://cdn-ak-scissors.b.st-hatena.com/image/square/93ee095473ab5cb8b22a0ff8c2d4429604ca0086/height=288;version=1;width=512/https%3A%2F%2Fi-app-tec.com%2Fwp-content%2Fuploads%2F2014%2F11%2Fbezierpath_04.jpg)
SwiftでJSQMessagesViewControllerを使ってチャットUIを実装する - Passion make things more better
昨今、多くのアプリでチャットUIが見慣れてきたかと思います。以外と見慣れているUIだけど一から自分で実装するのは以外と面倒ですよね....そこで今回はJSQMessagesViewControllerというライブラリを使ってチャットに必要な最低限の機能を実装する方法を説明します。 仕様について JSQMessagesViewControllerには多くの機能が備わっているのですが、今回は以下の機能を実装していきます（とりあえずこれがあれば成り立つだろうという要素）。 1対1でユーザー同士がやりとりをできる テキストが送信できる 画像が送信できる 画像タップが検知できる 送信時刻を良い感じに表示する(ある一定の間隔が空いたら表示するなど) チャット相手のユーザーのアイコンが表示される 相手のユーザーのアイコンタップを検知することができる 初期導入方法 インストール JSQMessagesVi
iOSの写真アプリライクな写真ピッカーNohanaImagePickerをOSSとして公開しました
ノハナの中の様子を時に真面目に時にゆるゆるとお伝えします こんにちは。iOSエンジニアの原です。 果物の中では梨がいちばん好きです。 nohanaのiOSアプリの写真選択UIをOSS化して公開しました? nohana/NohanaImagePicker: A multiple image picker for iOS app. NohanaImagePickerとは 複数の写真を選択できるピッカーのOSSです。 nohanaの写真選択画面を作り直すことになったので、 せっかくだからということでOSSにしてみました。 nohanaのiOSアプリでは2016年の5月ごろから使っているので、多くのユーザに使われている実績があります。 特徴 オシャレトランジション 写真一覧画面から写真詳細画面に遷移するときに、セルが拡大するようなオシャレトランジションがついてます。 遷移後の画面の操作によって、遷
【iOS】スクロールに付随して動くUIView拡張ライブラリ、ScrollingFollowViewを公開しました。【OSS】 ｜ DevelopersIO
おばんです、ポケモントレーナーLv.15の田中です。 近所でミニリュウが出ることが発覚して最高です。 今回自分史で初めて公開したiOSのOSSライブラリ、ScrollingFollowViewを紹介します。 ※この記事は現バージョン0.0.2における紹介です。ライブラリをアップデート次第こちらも随時更新する予定です。 ScrollingFollowViewとは PixivやFacebookのNavigationBar領域などにも使われているような、UIScrollViewのスクロールに付随して動くUIViewの拡張ライブラリです。 先日Retty Tech Cafe #6で発表したこのライブラリに関する資料はこちらです。 作ろうと思った動機、経緯についても触れたのでもし興味があればご覧ください。 基本的な使い方 導入はカンタンです。 ここではGitHubのレポジトリのDEMOでも紹介してい
[Swift] [iOS] ズーム、ピント調節可能な無音カメラのサンプル - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? import UIKit import AVFoundation class CameraViewController: UIViewController, AVCaptureVideoDataOutputSampleBufferDelegate, UIGestureRecognizerDelegate { var input:AVCaptureDeviceInput! var output:AVCaptureVideoDataOutput! var session:AVCaptureSession! var camera:AVCapt
![[Swift] [iOS] ズーム、ピント調節可能な無音カメラのサンプル - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3d0b22f35a3ce70292ac9cb5f1ccc77ba5e91fe/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTExNjc3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTQ4MTM5MTcwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWViM2Q0MjIzNjQyZDc0ZDI1Mjk0ZmJlZWI4YzNiOWE2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D308f0cc5aca19286bd26ba346213aa43%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCU3dpZnQlNUQlMjAlNUJpT1MlNUQlMjAlRTMlODIlQkElRTMlODMlQkMlRTMlODMlQTAlRTMlODAlODElRTMlODMlOTQlRTMlODMlQjMlRTMlODMlODglRTglQUElQkYlRTclQUYlODAlRTUlOEYlQUYlRTglODMlQkQlRTMlODElQUElRTclODQlQTElRTklOUYlQjMlRTMlODIlQUIlRTMlODMlQTElRTMlODMlQTklRTMlODElQUUlRTMlODIlQjUlRTMlODMlQjMlRTMlODMlOTclRTMlODMlQUImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz01ZTU0ZjNhNjNiMjg3ZWRkNzJiNGY5ODA2N2MwZTEyZQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0b3V5dSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWI3NzRjY2Y0OGExMjY3ZWI0MDBjY2Q0ZTIzMDJkOTgw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D96477d5dd412d2bbcf25b3287d723af3)
UIPageViewControllerをつかって無限スクロールできるタブUIを実装してOSSとして公開しました - ZOZO TECH BLOG
こんにちは、エンジニアの遠藤です。 最近iQONアプリのホーム画面のデザインをリニューアルしました。 タブを使ったデザインにすることで、iQON内にある多くのコンテンツが見やすくなりました。 今回はこのタブ機能の実装についてざっくりと紹介しようと思います。 実装したものはライブラリーとしてGitHubに公開しているので、ぜひ使ってみてください！ github.com 機能 今回実装した機能は下記の3つです 1. スワイプでページを無限に表示切り替え 2. タブは無限スクロール 3. タブをタップしたらタップした項目のページを表示 実装について 1. スワイプでページを無限に表示切り替え スワイプしたらページの表示を切り替えたいのでUIPageViewControllerを継承したTabPageViewControllerというクラスを実装しました。 今回は無限にページの表示切り替えをしたい
枠線付きのボタン - 開発メモ
UIButtonに枠線をつける方法はいろんなところで紹介されていますが、どれもいまいち満足できなかったので、自分で作ってみました。 動作を確認した環境 環境 情報 Xcode 7.2.1 (7C1002) iOS 9.2 Swift 2.1.1 Date 2016/2/25 できる事 以下のような機能が実装されています。 押したときに枠線の色がちゃんと変わる currentTitleColorから自動で色を設定 disableにした時の色も自動で設定 アラートが表示されたときの色変更にも対応 Storyboardから枠線の太さ／コーナー半径の変更に対応 特にすごい事はやってません。 ソースコード こんな感じになりました。 import UIKit /// 枠線付きのボタン @IBDesignable public class SK4BorderButton: UIButton { @IBI
心地よいアニメーションを求めて - クックパッド開発者ブログ
こんにちは、買物情報事業部の三浦です。 日々アプリを使っていて、ふとしたところでさりげないアニメーションや気の利いた効果音があると心地よく感じますね。 UIKitには手軽にアニメーションを実装できるようにAPIが用意されています。少し工夫するだけで効果的な動きを作ることができます。 サンプルを見ながらみていきましょう。 Basic まずはUIViewのクラスメソッドのシンプルなアニメーションです。 オブジェクトを下にアニメーションさせます。 UIView.animateWithDuration( 0.5, delay: 0.0, options: nil, animations: { () -> Void in self.circle.center = CGPoint(x: 0, y: 100) }, completion: nil) 動きの加減をコントロールするイージングもUIViewA
【Swift】Spritekitを使う時の最小限の雛形 - Qiita
概要 iOSで2Dゲームを作るならSpritekitを使う人が多いと思います。 Spritekitでアプリを作るためにはXcodeでGameを選択し、Game TechnologyでSpriteKitを選択するのですが、これで作るといらない処理が結構入ってるんですよね（変な飛行機の絵が回転するやつとかw） 自分はゲームアプリではStoryboardも使わない派なので、邪魔だったります。 なので、Spritekitがとりあえず動くだけの最小限のテンプレート的なものを用意してきました。 AppDelegate まず必須なのがAppDelegate。 didFinishLaunchingWithOptionsを定義しておきます。 ここではViewControllerを呼ぶ処理を記述します。 import UIKit @UIApplicationMain class AppDelegate: UI
【Swift】iOSで"Inbox by Google"のような遷移を実現する方法 - Qiita
はじめに 最近メーラーをGmailからInbox by Goolgeに移行しまして、メール一覧から本文に遷移するアニメーションや本文からメール一覧に戻るアクションが自然で良いと感じたので、それらを容易に扱えるようにする方法を書いていこうと思います。 このgifアニメーションは、SAInboxViewController(113Stars 2015/09/10)のサンプルになります。 今回はこのSAInboxViewControllerを利用して、Inbox by Googleの遷移を実現していきます。 インストール方法 iOS8以降の場合 Cocoapodsからのインストールが可能です。 Podfileに を追記してインストールしてください。 iOS7の場合 SAInboxViewControllerの5つのファイルをプロジェクトファイルに追加してください。 使用方法 1: まず、一覧を表
RealmSwiftで簡単なGPSロガー作ってみたのでメモ - koogawa blog
2017.2.6 追記：Swift 3対応版の記事を書きました！ blog.koogawa.com 以前から気になっていた Realm ですが、先日受講した岸川先生の授業をきっかけに、実際に触ってみたくなりました。 Realm を理解するには何か作ってみるのが一番ってことで、簡単なGPSロガーを作ってみました。 次のような機能があります。 Startボタンを押すと位置情報を記録開始 アプリをバックグラウンドに落としても記録し続ける 位置情報が取得されると地図にもピンが立つ distanceFilter はとりあえず 100m にセット 1日経過したデータは自動削除 Stopボタンを押すと位置情報の取得終了 ＊＊＊ 以下、メモです。 2015.9.23 UPDATE: Swift 2.0 に対応したソースコードを追記しています。 RealmSwift インストール 次のような Podfile
Swiftで構造体、クラスどちらにするかの基準 | Cyber Passion for iOS
これはstruct（構造体）かclass（クラス）どちらで宣言すべきか。慣れないうちは悩むことがあると思います。どちらにするのが良いかを考える基準について説明したいと思います。 参考： The Swift Programming Language: Classes and Structures structとclassの違い まずはstructとclassの違いを理解しておきましょう。 structは値渡し、classは参照渡し structは継承できない、classは継承できる ただしstructもextensionでメソッド追加はできる structはselfのプロパティを変更するメソッドはmutatingキーワードが必要になる structの方が望ましいもの シンプルなデータ構造である プロパティも値渡しの型である、つまりstructである Int、Double、String、Dic
[iOS][Swift]Storyboardでボタン背景色の設定がしたい - Qiita
iOSは初心者なのですが、Androidのようにボタンの背景をstateごとに分けて指定したいのですが、調べるとみんなカスタムビューを実装するか、コードで指定しててちょっと面倒です。。 Androidみたく、単にdrawableのselectorとかのxmlを書いて背景に指定すればいい、っていうくらい気楽な方法がなさそうでした。 でもIBInspectableを使って小さなカスタムビューを作ってStoryboardで指定できるようにする、っていう方法が一番しっくりきたのでメモしておきます。 元ネタ：How to change the background color of a UIButton while it's highlighted?の回答 やり方 リンク先がすごく簡単なのでやり方説明するまでもないんですが、以下のカスタムボタンを実装してstoryboardに置いたボタンに関連付ける
![[iOS][Swift]Storyboardでボタン背景色の設定がしたい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/90513434a7ac54d8816ee280d0d34fa9f215bc52/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCaU9TJTVEJTVCU3dpZnQlNURTdG9yeWJvYXJkJUUzJTgxJUE3JUUzJTgzJTlDJUUzJTgyJUJGJUUzJTgzJUIzJUU4JTgzJThDJUU2JTk5JUFGJUU4JTg5JUIyJUUzJTgxJUFFJUU4JUE4JUFEJUU1JUFFJTlBJUUzJTgxJThDJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jZjBjMTZiNTI3NDMyZGRiZmE2NTVlNDM1MmM2MWI5Zg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwd2Fzbm90JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jOTEyNDZkZGViZWVkZmFmOGUxZmEwODg2OTcyNzY5MA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D56c68f9ef38069125cf4a1a9e7f43db5)
[iOS][Swift] UIKitをベンリにしてくれる Spring (4) | DevelopersIO
Spring Springは、Meng Toさんが GitHub で公開されているライブラリです。Core Animation を使ったアニメーションや、View の周りの border の調整など UIKit のアレやコレを、カンタンにしてくれます。 今回は、ひとまず完結編として、これまでにご紹介したことを組み合わせて、少し複雑なアニメーションを実現してみます。 コレまでのシリーズについては以下を御覧ください。 [iOS][Swift] UIKitをベンリにしてくれる Spring (1) [iOS][Swift] UIKitをベンリにしてくれる Spring (2) [iOS][Swift] UIKitをベンリにしてくれる Spring (3) 今回のテーマ 今回は、花札をアニメーションさせてみようと思います。 準備 今回のデモを再現してみたい方は、[iOS][Swift] UIKit
![[iOS][Swift] UIKitをベンリにしてくれる Spring (4) | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
[iOS][Swift] UIKitをベンリにしてくれる Spring (1) | DevelopersIO
Spring Springは、Meng Toさんが GitHub で公開されているライブラリです。Core Animation を使ったアニメーションや、View の周りの border の調整など UIKit のアレやコレを、カンタンにしてくれます。 今回から数回にわたって、このライブラリのご紹介をしていきます。 導入 pod 'Spring', '~> 1.0.3' use_frameworks! Spring を導入したいプロジェクトの Podfile に上記のように追記し、pod installします。 試しに使ってみる View を追加 Storyboard に、View を追加します。 Custom Class View を選択後、Identity Inspector の表示に切り替えます。Custom Class として、 SpringImageView を入力します。入力後
iOSでのOpenGLをちゃんと理解する（GLKitでブラックボックスになっている部分を理解する） - Qiita
最近はiOSでOpenGLをやるにもGLKitがあるので初期設定などスキップできて非常に便利になりました。反面、OpenGLの基礎を学ぼうにもブラックボックスな部分が多くなってしまいiOS開発を通して汎用的なOpenGLの基礎知識を得るのは難しいかと思いました。そんなOpenGLの基礎をあらためてしっかり理解したかったり、僕のようにOpenGLES1.1が強制される環境で開発している方向けにGLKitを使わずにOpenGLで描画する方法をまとめました。 改めて下記環境での記事です。 iOS Swift OpenGL1.1 GLKitを使用しない 動くコードをGithubに用意してあります。 https://github.com/ykensuke/OpenGLSample 画面に三角形を描画するサンプルです。 本題ですが、GLKitなしでOpenGL1.1をswiftで書くとこんな感じのコー
[iOS 8/Xcode 6] SwiftではじめるiOS開発 #1 [Table View] | DevelopersIO
ただいま基本動作を絶賛学習中です。 Table View ツール系のアプリで使う場面が多いリスト表示について実装してみたいと思います。 Objective-Cの記事ですが、UITableViewを使うにあたって、事前にこちらの記事を確認しておくと、スムーズに理解できると思います。 [iOS] StoryboardでUITableViewを実装し理解する [4月からはじめるiPhoneアプリ #1] プロジェクトの作成 Single View Applicationでプロジェクトを作成します。 作成したプロジェクトのMain.storyboardを開き、右下のコンテナからTableViewを選択してドラッグ＆ドロップでstoryboardのViewControllerに追加します。 次に、先ほど追加したTableViewをViewController.swiftに登録します。 ひとまずこれで
![[iOS 8/Xcode 6] SwiftではじめるiOS開発 #1 [Table View] | 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)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Native Navigation 導入メモ - Qiita
【Swift4】iOSでユーザーがスクリーンショットを撮ったら何かする【小ネタ】 - Qiita
