はてなブックマーク

概要 今年はプライバシー、権限周りで多くのアップデートがあったのでまとめてみます。 この記事は以下のWWDC 2020セッション動画、及び公式ドキュメントを元に書いています（ここで出てくるスクショも動画のものです）。 周辺知識も含めて深く知りたい方はご参考までに。 Build trust through better privacy Meet Nearby Interaction Design for location privacy What's new in location Handle the Limited Photos Library in your app AutoFill everywhere なお、IDFAに関してはすでに多くの記事が出ているので省きます。 所感 今までよりいっそう、「必要な分だけの権限をもらう」感が強くなった 背景 アプリがアクセスできる情報量とユーザ体

最近Flutterを触り始めて「これは開発効率高まるな/高まるかもしれない」と思ったことがいくつもあったのでまとめてみます。他にも見つかり次第、追記しようかと思います。 Hot Reload ファイル保存時（もしくはHot Reloadボタンをクリックしたとき）に変更内容がデバッグ中のアプリに反映されます。わざわざビルドし直さなくていいのはかなり楽です。 Hot Reloadボタンはこちらにあります。 Flutter Inspector Flutter Inspectorの中のSelect Widget Modeの紹介をします。 これを有効にした状態でデバッグ中のアプリのWidgetをタップすると、Widgetツリー上でハイライトされたり、該当コードが表示されたりします。 有効にしたい場合はInspector内の Enable Select Widget Mode ボタンをタップします。

WWDC 2020のMeet the new Photos pickerを見たのでメモです。 ※ここに出てくるスクリーンショットは、全て上記の動画のものです。 概要 UIImagePickerControllerに代わるピッカーの紹介。このPHPickerを使えばPhoto Libraryへの完全なアクセスがなくても写真や動画を選択することができる。 PHPickerとは ユーザのPhoto Library内の写真や動画にアクセスすることができるシステム標準のピッカー。 PHPickerには以下の特徴がある。 検索ができる グリッド表示時にズームイン/アウトができる 写真や動画にアクセスするのに一番良い方法 まったく新しいデザイン 使いやすいAPI 複数選択ができる フィルター選択が可能 プライバシーへの配慮 写真ピッカーを表示するときに直接Photos Libraryにアクセスを要求する

WWDC 2020のDesign with iOS pickers, menus and actionsを見たのでメモです。 ※ここに出てくるスクリーンショットは、全て上記の動画のものです。 概要 iPhoneやiPadのアプリでiOS 14から使えるようになった3つのコンポーネントについての紹介。 Menu iOS 13まで iPhoneはアクションシート、iPadの場合はポップオーバーを使ってメニューを表示していた。最近はiPhoneの画面が大きくなったりiPadの画面が高密度になってきたので、次のような欠点が見えてくるようになってきた。 背景が暗くなり、重苦しさがあった アクション名が短くても、シートは大きくなってしまう アクション内容が制限されている ボタンの位置とアクションシートの位置が離れることがあるので指の移動量が多くなることがある iOS 14 ~ どのボタンからもメニュー

Configure and link your app clipsを見たのでメモです。このセッションにはサンプルコードもついているので合わせて見ると良いと思います。 ※ここに出てくるスクリーンショットは、全て上記の動画のものです。 App Clipを使えば、ユーザは簡単かつシームレスにアプリを体験できる。このセッションでは以下のことを説明している。 App ClipのURLの扱い方 App Store Connectで設定する方法 スマートアップバナーを使ってApp Clipを起動する方法 App ClipをTestFlightで扱う方法 App Clipの使用例 スムージースタンドでは以下のようなシーンが考えられる。 NFCタグに触れる → 端末の画面下部にスムージー注文用のApp Clipカードが表示される → 開くボタンをタップする → App Clipが起動する → スムージー注文

この記事では WWDC 2019 の 「Testing in Xcode」 をベースにして、Test Plan について調べたことや試してみたことを書こうと思います。すぐに Test Plan を試せるプロジェクトは↓こちら。 https://github.com/akatsuki174/TestPlanSample Test Plan の存在意義 例えばローカライズ対応をしているアプリで、開発時のデフォルト言語ではテストがパスしても、別の言語で実行した時に UI 崩れが発生するかもしれない。複数の条件（言語、テストの実行順、サニタイザー、引数や環境変数）を跨いで常にテストを実行することは不具合の発見率を高めることができる。 今までの Xcode でもスキームエディタを使うことによって様々な設定をすることが可能だったが、実行は1回しかできない。一方 Test Plan では設定を変えてテス

2019年9月12日、Sign in with Apple に関するガイドラインが追加されました。ので訳しておきたいと思います（訳が変なところあったら編集リクエストお願いします）。 要約 新規アプリは今日からこのガイドラインを守ろう 既存アプリは2020年4月までにこのガイドラインを守ろう 自社独自の認証システムのみ使っている場合は対応しなくてもOK ガイドラインを守って Sign in with Apple のボタンを使ってね Sign in with Apple に関する News and Updates News and Updates より すでに発行済の Apple ID を使って、ユーザがアプリやウェブサイトに簡単にサインインできるようになります。Sign in with Apple はプライバシーやセキュリティに関する機能が備わっており、アカウントを作成したりサインインしたり

WWDC19の動画、Building Great Shortcuts をなぞる記事です。記事中のスクショは、上記セッションのスライドを撮ったものです。 概要 ショートカットの構築手順と、ユーザ体験を最適化する方法について。Soup Chef（クラムチャウダーかトマトスープを注文できるアプリ）を例に取って説明している。 出てくる用語について アクション ショートカットを実行させるための動作のこと。アクションの集合がショートカット。 パラメータ アクションを行う上で必要になる変数。「スープをx個注文する」の場合のxを指す。 サマリ ショートカットの動作を説明する文。「スープをx個注文する」などの文（だと思われる）。 ショートカットアプリ内での設定方法 アクションのパラメータは編集可能になっている。 内部的には Xcode の .intentdefinition ファイルで定義している。 サマリ

この記事はWWDC19のVisual Design and Accessibilityのセッション動画をまとめたものです。 ※ここに貼っている画像は、上記動画をスクショしたものです。 概要 アクセシビリティを視覚的に向上させる3つの方法について Dynamic Type Dynamic Type はユーザがフォントサイズをカスタマイズできる機能。Dynamic Type を実装するときは、次の4点に気をつける必要がある。 拡張性を持たせ、テキストはできるだけ動的に 画面の幅を最大限に利用する テキストを切り捨てず、デフォルトと同じだけの量を表示する テキストだけでなくグリフのサイズも調整して、UI のバランスを取る iOS では11種類のテキストスタイルで Dynamic Type を使うことができる。Dynamic Type を使う場合は次のように書く。 label.font = UIF

この記事は Apple の Human Interface Guideline の Accessibility - Color and Contrast の部分を翻訳したものになります。正確な情報は公式ページを御覧ください。なお、言葉遣いには気をつけているつもりですが、不適切な部分がありましたら編集リクエストをください。 オブジェクトを区別したり重要な情報を伝える時に、色だけに頼らないでください。アプリ内で色を通して情報を伝達している場合は、色覚障害を持つユーザでも理解できるよう、テキストラベルやグリフを提供するようにしてください。 テキストにはできるだけシステムカラーを使用してください。 UIColor もしくは NSColor で定義された色を使用してテキストの色付けを行うと、色反転やコントラスト強化などのアクセシビリティ設定に正しく反応します。 色覚障害のことを意識してください。例え

Automatic Strong Passwords and Security Code AutoFillのざっくりとした内容メモです。内容、画像は全てセッション動画から持ってきています。 パスワードの自動入力 今までのパスワード管理と入力 今までパスワード管理はユーザにとって悩みのタネだった。セキュリティ強度が高いパスワードを各サービスごとに用意する必要があるが、それはパスワードマネージャーを使ったとしても面倒なことだった。そこで今回、パスワードで憂慮することなく、簡単に、安全に管理できるようにした。 現在、多くのユーザはiCloud Keychainを使っている。Apple自身もKeychainにはアクセスできないため、Keychainでの管理は生体認証の次に安全で簡単な方法である。これがiOS 12でもっと簡単になる。 iOS 12からのパスワード管理と入力 新規アカウント作成画面で

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? UIトレースをするといいよ、という話は聞く1ものの、Sketch初心者かつエンジニアの私にとってはそのトレースのやり方がいまいち分からなかったりしたので、この記事ではドットインストールのエンジニアのためのSketch入門をやった直後の私がTwitterのタイムライン画面をトレースする過程、得られた知見、上記講座では紹介されていなかったけど覚えておくと便利なテクニックなどを紹介します（なので講座を見ればわかるようなSketchの使い方の部分は省きます）。 ちなみに最終的に出来上がったものはこちらになります。左が本物、右がトレースしたもので

今年、iOSエンジニアを苦しめたであろうiPhone X対応。私も苦しめられた者の1人なのでその知見を投下しておこうと思います。この内容は2017年 AKIBA.swift忘年回の登壇資料を文章化したものになります。 以下で出てくる環境はXcode9.2bata、Swift4.0です。AutoLayoutにはPureLayoutを部分的に使用しています。 サンプルコードはGitHubに上げています。 https://github.com/akatsuki174/OutsideSafeAreaLayout SafeAreaについておさらい これから話の中で頻出するSafe Areaについて念のためさらっと確認です（とは言っても説明難しい）。 WWDC2017で登場 iOS11, Xcode9から使用可能 top及びbottom layout guideのdeprecated化と入れ替わり A

この記事はWWDC2017のNatural Language Processing and your Appsのセッションをざっくり日本語に訳したものになります。適宜「※」にて簡単な補足を入れています。何か間違っていたら編集リクエストをお願いします。 イントロダクション 自然言語を入力、出力するアプリにおいてユーザ体験を大幅に向上させうる自然言語 APIについて紹介します。 ファーストパーティアプリにおける事例 iMessageを立ち上げたとします。固有名詞である「Vatnajökull」を入力しようとしますが、Batmanなど異なる変換候補が出てきてしまっています。 ここでNewsアプリを立ち上げてアイスランドのことが書かれた記事を読んでみます。この記事の中には「Vatnajökull」などの固有表現も出てきます。ここで機械学習の力を借りつつ自然言語処理をして名前を抽出します。 もう一度

WWDC2017のAuto Layout Techniques in Interface Builderのセッションのまとめになります。これはAutoLayoutを扱う上での6つのテクニックについて紹介するセッションです。この記事ではその概要と手元で検証した様子を紹介しようと思います。検証したコードはセッション中のコードと同一のものではないのでご了承ください。 動画 スライド 試しに作ったサンプルコード ※サンプルコードはもう少し付け足したり直していく予定です。 Changing layout at runtime アプリ実行時に動的にレイアウトを変えたい時にどうするかという話です。制約を都合よく扱えるようにするために調整したい要素を上に乗せたviewを1枚作成してその制約及び関係する制約のisActiveフラグを切り替えることで思うようなレイアウトを実現するという手法が紹介されていました

SwiftエンジニアがKotlinのチュートリアルをやってみたのでメモ書きします。今回はHello Worldをするまでです。IntelliJ IDEAを使ってやります。 ちなみに私はAndroidアプリをむかーしに1回だけ書いたことがある（eclipse / Java）程度で、IntelliJ IDEA、Kotlinは触ったことありません。 チュートリアル資料 https://kotlinlang.org/docs/tutorials/ ※今回私はIntelliJ IDEAを使うのでその中でもこのページに沿って進めます。 https://kotlinlang.org/docs/tutorials/getting-started.html Hello Worldをするまで IntelliJ IDEAをダウンロードする こちらのページで最新のCommunity版をダウンロードしました。古いI

今回はAutoLayoutでうまく行かなかった時のデバッグ法のうち、ログを解読して頑張る方法と、Document Outline Controlを使う方法、SymbolicBreakpointを使う方法について書こうと思います。「AutoLayoutのデバッグする（2）」ではrecursiveDescriptionなどObjective-Cのプライベートメソッドを用いて怪しいレイアウトを見つける方法、「AutoLayoutのデバッグする（3）」ではViewデバッガーなど視覚的に見て解決する方法について（いつか）書く予定です。 明らかにしたいこと 下記のエラーが出ているので何がダメなのかを知りたい [LayoutConstraints] Unable to simultaneously satisfy constraints. Probably at least one of the con

前書き GoogleAppsScriptを使ってGmailを取得してスプレッドシートに貼り付けるというコードを書いていた時に「yyyy/MM/dd〜yyyy/MM/ddの期間」という指定で取得したい時がありました。でもそれをどうやって書くのかがわからなかったので、どのように指定すればどんなメールが取得できるのかを調べました。 条件指定以前にGmailをスプレッドシートに貼り付ける方法がわからない、という方は備忘録：Gmailで受け取った内容をGoogleスプレッドシートに自動で読み込んで管理する方法という記事を読むとわかると思います。この記事でも一番最後にコード全体像は記載します。 条件指定のフォーマット ちょっとネットで調べるとqueryの部分にin:inbox is:readなどと書いているコードが見つかります。でもこれがなんなのかがわからなかったので公式ページを見てみると上記のGma

EquatableやSequenceType、その他色々なプロトコルが用意されていますが、実際のコードでどのような使えばいいのかがいまいち思い描けないものもあったので、GitHubに上がっているコードを見て学習しようと思います。比較的よく使いそうなプロトコルに絞って見てみます。 プロトコル名にはApple公式ドキュメントのリンク、実例には該当のコードが載っているページのリンクを貼っているので、詳しく見たい方はリンクをクリックしてください。 Equatable 値が等しいかどうかの比較が可能な型を表すプロトコルです。定義すべき演算子はfunc == (lhs: Self, rhs: Self) -> Boolです。==を定義すると自動的に!=も使えるようになるそうです。 facebook-sdk-swiftの例 extension Photo: Equatable { public stat

※この記事はApple公式の「Debugging View Hierarchies」をベースにして「よくわかるAuto Layout iOSレスポンシブデザインをマスター」を参考にしつつ書いています。ちなみにこの記事執筆時に私が使っているXcodeのバージョンは8.1です。 ビューデバッガーの使いどころ あるviewがどこにくっついているのかわからない時に使うことが多いと思います。「なんでこのviewは隠れてしまっているんだろう」「removeFromSuperView()してこのviewも消えるはずなのになんで残ってるんだろう」などの疑問を感じた時に役に立ちます。 ビューデバッガーの表示 一番簡単なのはアプリ実行中にXcode下部にあるデバッグバーのDebug View Hierarchyボタンをクリックすることです。 もしくはXcodeのメニューバーからDebug > View Deb

前書き ※この記事は初めて勉強会を開く人向け感が強いですが、自分がどんな意図でどんな工夫をしているかも書いているので既に勉強会を開いている方にも少しはお役に立てる内容になっているかと思います。 私は今年iOS Creators' Meetup（以下iCM）というiOSに関することならなんでもOKという勉強会と、iOSDC Reject Conference（以下iOSDCRC）というiOS Developers Conferenceで惜しくも採択されなかったトークを集めた勉強会の主催を務めました。今年6月にiOS Creators' Meetup vol.1を開催したのが始まりで、以降計4(+1？)回主催をしました。勉強会主催経験のある人に聞いてやったわけでもなかったので、最初は何をやるべきか戸惑ってた部分があります。なので自分が勉強会を主催する上でやってことを書き並べていきたいと思います

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 日本にはどのような技術カンファレンスがあるのかを調べたことがあるのでメモを残しておこうと思います。「これも載せるべき！」というカンファレンスがある、もしくは説明に不備があるという場合は編集リクエストを送っていただけると幸いです。 全体の雰囲気を知ることができるようなカンファレンス参加レポを見つけたらそれも貼っています（★マークのやつです）。 2016年には開催されていないカンファレンスでも後に復活する可能性はあるので一応載せています。 iOS try!Swift 世界中のSwiftデベロッパーが集まって知見を共有するカンファレンスで、海

この間0.6.0がリリースされたと思ったらその10日後に0.7.0がリリースされ、そしてその2日後に0.7.1がリリースされました。 いろいろパワーアップしたり追加されたりしているので新しい記事として書くことにしました。 長くなるので0.7.0の記事と0.7.1の記事を分けます。 廃止されたもの XPCDictionary 今まで使用していた全てのXPCDictionaryは[String: SourceKitRepresentable]に置き換えられました。 VariableNameMinLengthRule、VariableNameMaxLengthRule 代わりにVariableNameRuleに統合されました。 VariableNameRule 内容自体は以前のVariableNameMinLengthRule、VariableNameMaxLengthRule、Variable

仕事で複数のドキュメント管理ツールを調べる機会があり、せっかくなのでまとめていきたいと思います。 まずは個別にツールの紹介をして、最後にそれぞれのツールを比較したまとめの投稿をしようと思います。 ※途中に挟まれている感想はあくまでも個人の主観によるものです。 ■DocBaseとは 「チームに必要な情報すべてを、全員の手に」「プロジェクトごとに散らばっていた情報を、DocBaseに集めよう」という言葉の元に構成されているドキュメント管理ツールになります。 ■使いはじめるまでの流れ 非常に簡単です。チームドメイン、ユーザID、メールアドレス、パスワードを入力するとメールが届くのでそれで認証を済ませるだけです。 ■ダッシュボード画面 ※紛らわしくて申し訳ないのですが、左上の「akatsuki174」はアカウント名ではなくチーム名になります。。。ミスった。。。 すっきりとしたUIになっています。真

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

前書き ・WebページにiOSアプリのダウンロードリンクを貼りたい！ ・でもまだアプリを公開してない。。。この場合でもURL知ることはできる？？ という状況だったのでいろいろと調べてみました。 結論から言うと取得できます。 URLを知る iTunesConnectにログインします。 マイAppをクリックします。 目的のアプリをクリックします。 左メニューからAPP STORE 情報 - App 情報を選択します。 下の方にある追加情報 - App Storeで表示をクリックします。この時のURLが今回求めるものの原型になります。 PCでこのURLにアクセスすると、例えばChromeではこのような表示が出ます。 ここで「アプリケーションの起動」をクリックするとiTunesが起動し、AppStoreのアプリページが開きます。 iPhoneでアクセスするとこんなかんじです。 App Storeの

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

SpriteKitは簡単に作って遊べる、パーティクルって面白いということを伝える記事になります。 SpriteKitとは アニメーションや物理ボディを利用できるフレームワーク。 グラフィック処理が速く、ゲーム制作で主に使われる。2D、物理演算に関わるクラスを含んでいる。 Appleが提供している iOS7 / Mac OS 10.9以降に対応 cocos2dと異なり、Android対応不可 UIKit × SpriteKitのコラボもできる 画面表示のイメージ 左はいつも見慣れているUIKitの場合、右はSpriteKitの場合です。こうやってみるとUIKitとSpriteKitは似てますね。 今回登場するSpriteKitの要素 SKNode SpriteKitコンテンツのほとんどの根底にあるクラス。このクラス自体は何か視覚的なコンテンツを提供するわけではなく、ベースラインの挙動を提供す