React Native Navigation 導入メモ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog
こんにちは。ミクシィUX統括部にて、mixi Touchの開発を担当しております戸高です。 JavaScriptでの開発を行う事が多いのですが、iOSのブラウザ（Mobile Safari）のfocusの挙動について少しクセがあり、 調べてみましたので、お知らせいたします。 通常、<textarea>や<input type=”text”>等のフォーム要素に対して、フォーカスを与えたい場合、focus()メソッドを使用します。 iOSのブラウザ（以下、Mobile Safari）にて、以下のコードを実行してみます。 （分かりやすい様にjQueryを使用させて頂きました） なお、検証端末にはiPhone4S iOS5.0(9A334)を使用しています。 HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” con
[iOS][Swift3.0] スターウォーズっぽいトランジションを入れるStarWars.iOS | DevelopersIO
use_frameworks! target "ターゲット名" pod 'StarWars' end post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |configuration| configuration.build_settings['SWIFT_VERSION'] = "3.0" end end end 実装 遷移の作成 まずは単純な画面遷移を作成します。今回はFirstViewControllerとSecondViewControllerを用意し、FirstViewControllerのOPENボタンを押すとモーダル（Present Modally Segue）でSecondViewControllerが表
![[iOS][Swift3.0] スターウォーズっぽいトランジションを入れるStarWars.iOS | 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アプリからFirebase Cloud Messaging経由でプッシュ通知を送る - Qiita
はじめに 現在、個人開発してるアプリでチャットみたいな仕組み(サーバの話)を作っててFirebase Databaseにデータが追加されたら指定ユーザやトピックにプッシュ通知を配信するっていうのをできないかなぁって思ってやってみました。 元ネタは Firebase で iOS クライアントからプッシュ通知を送る です。 私はNode.jsが(デプロイ実装)できないのでPythonでしました。 環境 Python 3.5.2 (3.6を入れ忘れてました。) Xcode8.2.1 iOS10.2 iOS側の準備 プッシュ通知準備 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) ->
アプリからサインイン無しでGoogleスプレットシートのデータを取得する方法 | DevelopersIO
※ 今回はiOSで試していますが、アプリ側の実装はAndroidでもXamarinでも何でもOKです。 準備 スプレットシートを用意する データを読み書きする対象のスプレットシートを作成します。 今回は、サンプルとして会社に置いてあるボードゲームのリストを書いてみました。 ここでメモしておく必要があるのが、シートIDです。 シートIDはURLの になります。 また、対象のシート名もスクリプトで使用するのでメモしておきましょう。 Google Apps Scriptの記述 スプレットシートのメニューの ツール > スクリプトエディタ をクリックします。 すると、スクリプトエディタが新規でひらきます。 タイトル部分をクリックするとプロジェクト名編集ダイアログが表示されるので、適宜名前を付けます。 また、コード.gsとなっているコードの名前も変更しましょう。 リストを取得するスクリプト 以下のス
[iOS][Swift] アプリ間のファイル連携について | DevelopersIO
の環境を前提として記載してます。 ファイルを送る ファイルを送るにはUIDocumentInteractionControllerを使います。 UIDocumentInteractionControllerは1ファイルしか送れないという制限がありますが、手軽に実装出来るのが特徴です。 受け取り側は自分で作成するか、Dropboxなどのたぶん何でも受け取れるアプリを用意すると検証が容易になると思います。 PNGファイルを送るサンプル imageViewに表示されている画像をPNGファイルとして送る例です。 処理の内容としては、一度TemporaryDirectoryにtmp.pngという名前で保存し、UIDocumentInteractionControllerにそのURLを渡すだけです。 // 送る対象の画像 guard let image = imageView.image else {
【iOS】スクロールに付随して動くUIView拡張ライブラリ、ScrollingFollowViewを公開しました。【OSS】 ｜ DevelopersIO
その後ターミナルで 'pod install' します。 2. IBでレイアウトを組む ScrollingFollowView上にUISearchBarを置いて、高さを44ptとしています。 残りのConstraintsは全て0ptで埋めています。 このとき、module名もScrollingFollowViewとすることに注意してください。 3. 必要な要素をIBOutletで紐付ける UI要素はScrollingFollowView, UITableViewを接続します。 今回はUISearchBar領域が上にスクロールしていくように見せたいので、その親のScrollingFollowView.topのConstraintをIBOutletでつないでいます。 4. setup()メソッドでScrollingFollowViewの初期設定を行う この時下記のコードのほかに、UITable
[iOS][Swift] パララックス(視差効果)を入れるサンプル | DevelopersIO
パララックスとは、スクロールやデバイスを傾けたときに背景がずれるなどして、画面内に奥行きを表現する視差効果です。 今回はそんな視差効果をアプリ内に入れるサンプルです。 イメージ図 環境 今回の開発環境は下記で実施しています。 Xcode ターゲットはiOS9.0、デバイスはiPhone、画面回転無しでProjectを作成しました。 準備 今回の例では通信は行わないので、画像をAssets.xcassetsに入れておきます。 実装 視差効果を出すにはUIInterpolatingMotionEffectを使います。 アプリの背景がデバイスを傾けると何か動く的な感じを目指します。 1. Storyboard上に配置する まずはStoryboard上に部品を配置します。 背景にする場合はModeをAspect Fill にすると良いと思います。 2. 動かす幅の分だけマイナスにする 動かしたい幅
さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと - peroli Developer's Blog
2016 - 07 - 01 さらなる高みへ〜iOSのMERYでなめらかなスクロールを実現するためにやった4つのこと list Tweet こんにちは。 iOS を主に担当していますアプリエンジニアのkazutoyoです。 MERYのアプリチームでは、チューニングを「さらなる高みへシリーズ」と名づけて、日々アプリの改善をしています。 今回はその中で行ったUITableViewやUICollectionViewのスクロール周りを滑らかにする改善についてやったことをご紹介したいと思います。 1. CALayerで角を丸くしている部分のパフォーマンスが悪い このようなカード型のViewが並んでいるCollectionViewがあったのですが、画像の角を丸くするのにCALayerで cornerRadius をつけているところのパフォーマンスがあまり良くないようでした。 これを次のようにCor
[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)
FactoryMethodパターンでリファクタリングすると、ゲーム開発がどう便利になるのかをSwiftコードで学ぶ
本連載「iOS SDKとSwiftで始めるゲーム作成入門」は、iPhone向けのゲーム開発の入門連載です。タワーディフェンスを題材に、「SpriteKit」というゲーム開発フレームワークの解説やゲームの開発手法について書いています。 実装に入る前に本連載で作るアプリの完成形を確認しておきます。本連載では、下記6つのルールを満たすタワーディフェンスを作っていきます。 プレーヤーは開始前に与えられた所持金を元に、敵を攻撃するユニットを設置する ゲームは「Wave（ウエーブ）」という単位で行われる。基本的には1つのWaveで登場する敵の種類は1種類のみとなっている。Waveが始まると敵は入口から登場し、目的地に向かって行進する。プレーヤーが設置したユニットは攻撃可能範囲に入ると自動的に攻撃を行う 1Waveの敵を全て全滅させるとWaveクリアとなる。プレーヤーは次のWaveが始まるまでにユニット
プラグインを書かずにランキングとアチーブメントを実装【Unity】【iOS】【Android】 - (:3[kanのメモ帳]
この記事でのバージョン Unity 5.2.2f1 Personal はじめに 前回iOS、前々回Androidでランキングとアチーブメントを実装しました。 なお、Androidの方は有料のアセットを使用しているので、ご注意ください。 ただ、ランキング関連の処理をする度にiOSとAndroidで処理を分けるのは非常に面倒なので、 上記のiOSRankingUtilityとAndroidRankingUtilityを 使い分けて処理を行うRankingManagerを作りました！今回はそんな記事。 まぁ、全部一緒に作ったんですけどね(:３っ)∋〜 RankingManagerとConfig ではさっそく、プログラムです！ 当たり前ですが、iOSRankingUtilityとAndroidRankingUtilityが無ければ機能しません。 この、RankingManagerはSingleto
![プラグインを書かずにランキングとアチーブメントを実装【Unity】【iOS】【Android】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfb1e70284fa148b3b89fe345ea932d531fbff44/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fdd737e79908dceb9ded6d0d2689765f3624fb703%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20160411%252F20160411224929.png)
UIPageViewControllerをつかって無限スクロールできるタブUIを実装してOSSとして公開しました - ZOZO TECH BLOG
こんにちは、エンジニアの遠藤です。 最近iQONアプリのホーム画面のデザインをリニューアルしました。 タブを使ったデザインにすることで、iQON内にある多くのコンテンツが見やすくなりました。 今回はこのタブ機能の実装についてざっくりと紹介しようと思います。 実装したものはライブラリーとしてGitHubに公開しているので、ぜひ使ってみてください！ github.com 機能 今回実装した機能は下記の3つです 1. スワイプでページを無限に表示切り替え 2. タブは無限スクロール 3. タブをタップしたらタップした項目のページを表示 実装について 1. スワイプでページを無限に表示切り替え スワイプしたらページの表示を切り替えたいのでUIPageViewControllerを継承したTabPageViewControllerというクラスを実装しました。 今回は無限にページの表示切り替えをしたい
iOS 開発で使いたいライブラリまとめ(2016/02) - Qiita
iOS関連のライブラリまとめ記事をたまにみかけますが最近はどうなんだろうと思ったのでiOS Cookiesからよさそうなのをまとめてみました。 Database Realm もう定番の Realm。データ永続化するならとりあえずこれ、という感じでしょうか。 導入記事はこちら[Realm Swift]。 SQLite.swift SQLite を使いたい時はこちら。 https://github.com/stephencelis/SQLite.swift WalkThrough, CoachMark Presentation 初回起動時に表示するウォークスルー。ユーザーにアプリの説明をするのに使用します。初回しか表示しませんが重要な部分ですね。 RazzleDazzle こちらも同じくウォークスルーライブラリ。アニメーションを細かく指定できるのが特徴。IFTTT製。 Instructions
枠線付きのボタン - 開発メモ
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
[ヅ] Swift で Twitter 投稿するサンプルコード (Storyboard を使わないお手軽コピペ版) (2015-11-17)
Twitter にツイート投稿する iOS アプリのサンプルコードを書いてみた。 Storyboard を使わずに、GUIを組み立てなくても、サンプルコードをコピペするだけで動作する。 今回の動作確認環境: Xcode 7.1.1 + Swift 2.1 + 実機 iPhone 6 + iOS 9.1 Xcode で新規に Single View Application のプロジェクトを作成して、 以下のコードを ViewController.swift に上書きコピペすればOK。 // // ViewController.swift // import UIKit import Social class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() buildToo
![[ヅ] Swift で Twitter 投稿するサンプルコード (Storyboard を使わないお手軽コピペ版) (2015-11-17)](https://cdn-ak-scissors.b.st-hatena.com/image/square/21070cf127b05c213a7930e0221ff4102add75c7/height=288;version=1;width=512/http%3A%2F%2Fwww.nilab.info%2Ff0%2F2015%2F20151117_swift_twitter_01.png)
心地よいアニメーションを求めて - クックパッド開発者ブログ
こんにちは、買物情報事業部の三浦です。 日々アプリを使っていて、ふとしたところでさりげないアニメーションや気の利いた効果音があると心地よく感じますね。 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[iOS][Swift] イベント駆動型で P2P 通信をするPeerKit | DevelopersIO
[iOS][Swift] 画面の背景を動画にするVideoSplashKit | DevelopersIO
【Swift4】iOSでユーザーがスクリーンショットを撮ったら何かする【小ネタ】 - Qiita
