Capacitor: Webアプリをクロスプラットフォームに展開
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
非同期UI描画による高速なアプリケーションの実装 - Speaker Deck
iOSアプリケーションの高速化においてメインスレッドをブロックするUIの描画コストは無視できない問題です。 日経電子版アプリでは非同期なUI描画を実現するTexture（AsyncDisplayKit）を導入し、大量のテーブルをスムーズに描画しています。 本セッションではTextureの検討から具体的な導入ステップ、導入にあたって遭遇したトラブルと対応方法について紹介します。 ----- このスライドは俺コン 2018 Summer Day 1 (https://orecon.connpass.com/event/94858/) および iOSDC 2018 Reject Conference Day 1 (https://iosdc-reject-conference.connpass.com/event/93314/) で発表予定の内容です。
Storyboardとの付き合い方 2018
Aug 12, 2018 少し前に、自分のStoryboardの使い方をツイートしたら割と反応があったので、改めてまとめてみようと思います。これまで何年かiOSアプリの開発をしてきて、Storyboardとの付き合い方は何度も変わりました。なので、今回紹介するものはあくまで2018年現在のもので、来年には変わっているかもしれません。 説明のイメージを掴みやすくするため、画面の例を用意しました。左が編集時のStoryboardで、右が実行時のiOSシミュレーターです。具体的なトピックが出た時に、この例を説明に使うことがあります。 記事の最後にこれが動作するサンプルコードも用意しましたので、興味があればどうぞ。 Storyboardを使う目的 以下の2つを重視して、Storyboardを選択しています。 動作確認に掛かる時間を短縮する 成果物の構造を把握しやすくする ただし、Storyboar
Flutter - Build apps for any screen
Flutter transforms the development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded experiences from a single codebase. Get started Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase. Fast Productive Flexible Fast Flutter code compiles to ARM or Intel machine code as well as JavaSc
iOS 11 SafariのCORSに関する仕様変更点 - 備忘録などいろいろ
iOSのアップデートをしました。iOS 11です。 純正ブラウザであるSafariにも公表されていない仕様変更がいくつかある模様です。 今回はそのうちの一部であるCORS処理について。 ※ 雑な検証の上で判った（つもりになっている）仕様変更点です。 【変更点】 CORS (Cross Origin Resource Sharing)関連のレスポンスヘッダである `Access-Control-Allow-Origin`ヘッダーにワイルドカードが使えない（または、使えない場合がある）。 これまでも、`xhr.withCredentials = true` ならば`Access-Control-Allow-Origin: http:///hoge.example.net` のようにワイルドカードでない値を返す必要があったが、`xhr.withCredentials = false` でもそのよ
iOS Safari限定でAjaxリクエストが失敗してハマった話 - らっちゃいブログ
以前こういった記事を投稿しましたが、今回ハマったのも JWT トークンを使ったAjaxリクエストでした。 racchai.hatenablog.com 状況 CORS 問題 プリフライトリクエスト問題 設定見直し Authorization ヘッダー問題 まとめ 状況 簡潔に状況を説明すると、事前に取得しておいた JWT トークンを Authrorization ヘッダーに乗せてリクエストしたものの、なぜかデータが取得できないという現象に遭遇しました。それも iPhone の Safari でしか再現しないというめんどくさい状況でした。 CORS 問題 サーバーのアクセスログを確認すると、どうやらそもそもリクエストがサーバーに届いていないことが判明。そういえばサーバー側で CORS 関連のヘッダーを設定するのを忘れていたことに気付きました。 そういうわけで nginx に add_head
iOS11のSafariからカメラとマイクにアクセスするシンプルでサンプルなコードを書きました。 - みかづきブログ その3
iOS11がリリース（9月20日）されてから、はや1ヶ月半弱、 iPhone8が発売（9月22日）されてからも、はや1ヶ月半弱、 iPhoneXが発売（11月3日）されてしてから、はや3日が立ち、 32ビットアプリが動かなくなるという情報からか、リリース直後は若干苦戦していたiOS11のシェアも、 アナリティクスを確認する限りでは、着々と増えてきております。 さてさて、 New in Safari 11.0 – Camera and microphone access. Added support for the Media Capture API. Websites can access camera and microphone streams from a user's device (user permission is required.) https://developer.a
Angular ブラウザからiPhoneのカメラを起動して写真を撮る - Qiita
やったこと safariからiPhoneのカメラを起動する canvasで写真撮る box保存とサーバ送信する angularでやってるけど、ほとんど標準のJS使った処理なのでtypescriptをヴァニラJSに置き換えれば何でもいける気がします。 ただし、reactだと魂を震えさせるアイツが一転して抵抗勢力となりもろもろツライ感じになるのでご注意ください。 https://github.com/facebook/react/pull/9146#issuecomment-319629271 環境 カメラついてるマシン 筆者はMBP（mac book pro）のフロントカメラでざっと作りながら、iPhone7で実機確認する手順でやっています。 mediaStream API対応 ブラウザ 中核です。カメラやスクリーンシェアリング、マイクのようなビデオやオーディオ入力装置を扱うAPIです。 s
iOS 10 で画像つきの Notification を配信する - Qiita
※本記事は、一般に公開されている情報を元に作成しています ※図は WWDC 2016 の Advanced Notifications より引用しています WWDC2016 での大きな発表の1つに Notification の変化があります。 新しく User Notifications Framework が追加され、Local Notification と Remote Notification を扱うクラスが結合される、配信できる情報がリッチになるなど様々な変更が発表されました。 変更の概要については以下の記事が詳しいのでご参考ください。 iOS 10 時代の Notification iOS 10 の Push通知 / ローカル通知 でできること Notification に画像や動画をつけられるようになった いろいろな変更の中でも、自分が気になったのは Notification
モバイルアプリのアーキテクチャを考える - クックパッド開発者ブログ
こんにちは、サービス開発部の森川 (@morishin127) です。主にクックパッドの iOS アプリの開発に携わっています。 日々アプリを開発する中で、近頃は最適なアーキテクチャとは何かを考えながら色々な形を試行錯誤しています。世の中で採用されているモバイルアプリのアーキテクチャには様々なものがあります。MVC, MVP, MVVM, VIPER, Clean Architecture などなど。開発している、あるいは開発しようとしているアプリケーションでどういったアーキテクチャを選択するかというのは難しい問題です。選択するためにはアーキテクチャに求める要件を定義する必要があります。この記事では私がアーキテクチャに求める要件と、それらをある程度満たすと考えた MVVM と Flux という2つのアーキテクチャで実装したサンプルを見つつその長所・短所について考えてみようと思います。 アー
日経電子版アプリが高速化のためにやったこと
2015/10/27 RealmMeetup #8 at Sansan
【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開発で利用しているオープンソースのライブラリやサービスを紹介 - Hatena Developer Blog
こんにちは。アプリケーションエンジニアのid:sakaharaです。 この記事ははてなエンジニアアドベントカレンダー2014の20日目です。 昨日はid:wtatsuru によるはてなにおけるサーバリソース可視化とMackerelでした。 今日ははてなのiOS開発で利用しているオープンソースのライブラリやサービスも含め、開発をよりスマートにしてくれる様々なものを紹介したいと思います。 パッケージ管理 CocoaPods (MIT License) まずライブラリ管理をするための管理ツールとして欠かせません。 最近ではSwiftに対応したCarthageも登場していますが、CocoaPodsのSwift対応版の開発も進んでおり そのまま使い続けるのもよいと思います。 ライブラリ AFNetworking (MIT License) 改めて紹介する必要はないほどの定番のHTTPネットワーク通信
泡を食いながらAsyncDisplayKitを使ってみる - LIFULL Creators Blog
Apple原理主義者であり、Paper原理主義者とも名乗ろうかと考えている大坪です。 Facebook paperの開発舞台裏の記事を読み「がびーん」となったのがほぼ半年前。アニメーションエンジンのpopにも感動したのですが、一番重要な非同期UI部品がなかなか公開されない。最初は是非使いたいと思っていたけどこれ以上待ちきれない、と見切りをつけて開発し始めたアプリが表にでた頃いきなりニュースが飛び込んできました。 The case for AsyncDisplayKit 引用元：Introducing AsyncDisplayKit: For smooth and responsive apps on iOS | Engineering Blog | Facebook Code Facebook paperを触るとすぐに気がつくことですがあの動きの滑らかさは普通ではない。裏で大量の画像をダウ
はてなブックマークApp Extensionの裏側 - Hatena Developer Blog
こんにちは。はてなでアプリ開発をがんばっているアプリ＆ブックマークチームのid:yashigani_wです。 先日iOSアプリ「はてなブックマーク」で、iOS 8で新たに追加された「App Extension」を使ってMobile Safariなどのアプリから簡単にブックマークできる機能をリリースしました。 はてなブックマークのApp Extensionは既にお試しいただけたでしょうか？ Mobile Safariでシェアボタンをタップすると、はてなブックマークが登場！ ここから直接ブックマークできます！ もちろん、コメントやタグも付けられます。 今回は、はてなブックマークのApp Extensionにおける、はてなブックマークへの認証の設計について紹介します。 App Extensionとは まず、App Extensionの仕組みについてざっくり説明します。App Extensionと
個人アプリの爆速開発を支えてくれたiOSの便利ライブラリを紹介する - Think Big Act Local
先日 Go MemoというiOSアプリをリリースしました。 「あとで行く」ためのアプリ、Go Memoをリリースしました Go Memoは週末4日間くらいで作ってリリースしたアプリなのですが、こうしてスピードを出せたのは便利なライブラリのおかげです。 この記事ではGo Memoで使ったライブラリを紹介しようと思います。 便利なiOSライブラリ AFNetworking 言わずとしれた定番ライブラリ。作者の mattt さんも非常に有名です。サーバーとのHTTP通信はほとんどこれに頼っていて、NSURLSession とか自分で書いてないです。 Go Memoでは foursquare API をたたく所で利用しています。 NSDictionary *params = ...; AFHTTPRequestOperationManager *manager = [AFHTTPRequestOp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS アプリエラー監視の設計とその効果
さらに上を目指すための iOS アプリ設計
WordPress › インストール
devtools.me