アプリエンジニア育成プロジェクト - pixiv inside
アプリエンジニア育成に取り組んでいます こんにちは、ピクシブで新規事業部に所属しています、ああうえ(@_kwzr_)と申します。普段のプロダクト開発に加えて、全社的なモバイルアプリ領域の開発体験の向上に取り組んでいます。 最近モバイルアプリの世界ではネイティブなフレームワーク以外の開発手段を採用するものが増えてきましたね。 また、ネイティブアプリ開発の進化によって、iOSではUIKitからSwiftUI、AndroidではAndroid ViewからJetpack Composeが採用されることが増えてきました。 モバイルアプリ領域の中で採用できる技術が増えてきたことで、最近は採用したいエンジニアと、世の中にいるエンジニアの技術的なミスマッチが起こりやすくなってきたと感じます。 ピクシブのアプリでは、ビューアーなどの閲覧体験が重要になってくるものが多かったり、ライブ配信・視聴機能や、ドロー
アプリ審査なしでアプリに変更を加える方法を調べてみた | ギャップロ
はじめに 個人・法人に関わらずアプリ開発で必ず通る道が、 Google / Apple のアプリ審査です。 アプリを初めてリリースするときやバージョンアップ毎にアプリ審査が行われますが、審査には少し時間がかかります。 去年の話ですが、コロナの影響でAndroidの審査が1週間以上かかることが話題になっていました。 Androidアプリの公開用レビューもCOVID-19の影響で遅れがちに 審査は数年前に比べれば早くなりましたが、緊急の不具合修正で即リリースして反映したい時など問題になってきます（iOSは「App Reviewの優先処理（特急審査）」というものもありますが、審査はなくならないので待ち時間は多少あります） そこで今回は、アプリ審査なしでアプリに変更を加える方法や、そもそもどういうことができるのかを調べてみました。 注意 本記事が原因で生じたいかなる損害において責任を負いませんので
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
BrowserStackでiPhoneのSafeArea対応の動作確認をする | DevelopersIO
吉川@広島です。 Webフロントエンド開発をしている時、iPhoneのノッチ有りモデルに対するSafeArea対応の動作確認はなかなか面倒です。 私自身はAndroidユーザなので実機が手元にありません。また、仮に実機があったとしても開発作業はMacで行っているわけで、MacとiPhoneを交互に見ながら開発・・・というのは結構な手間です。 そこで本記事ではBrowserStackというサービスを使ってSafeArea対応の確認ができることを紹介します。比較としてXCodeのiPhoneシミュレータでの確認にも触れます。 環境 XCode 12.1 Parcel 1.12.4 確認用環境を作る SafeArea対応をしたHTMLとCSSを用意 テスト用に以下のファイルを用意しました。 <!-- index.html --> <!DOCTYPE html> <html lang="ja">
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
これで解決！height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動（バグ？）を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り
CoreBluetooth で出来る事 - Qiita
できる事 動的に変わるデータの通信 データはバイトデータで渡さるため、どんなデータでも渡せる セキュアなデータでも送れる ペアリングが必要 特に難しい実装しなくともフラグを設定しておくだけでペアリングフローを実施してくれる UUID を知らなくてもスキャンすること自体は可能 電力消費量的に未指定は非推奨 サービスの中にサービスを入れることも可能 included service バックグラウンドでも動作する デバイスの検知 ただしアクティブスキャンは出来ない アドバタイズ発信 ただしローカルネームは送信されない 出来ないこと お互いの位置を性格に把握すること サーバーへの書き込みに21バイト以上送信すること アドバタイズパケットには容量制限がある 28 バイトまで UUID は 16 バイトあるので１つしか入れられない 収まらなかったサービス UUID はアクティブスキャンにて返却可能 デ
「Linux shell for iOS」iPhoneで動かすシェルが予想以上に面白かった - Qiita
背景 iPadのターミナル用アプリを探していたらサーバへ接続しなくてもローカルで遊べるシェルをたまたま見つけました。(OSS) 実装自体はまだまだこれからだと思いますがとても期待です。 ディストリビューションはAlpine Linuxのようです。 もちろん実装はC言語 GitHubのURLは下記です。2017年ごろから開始しているプロジェクト tbodt/ish ちなみに個人的にターミナルアプリは下記が好き。 Terminal for iOS_ louisdh/openterm 必要なもの iOSが動く機器(iPhone6SとiPad Air2でやってみました) TestFlight CLIのちょっとした知識 導入手順 iPhoneにTestflightをインストール(AppStoreから出来ます) インストール後にiOS端末から下記URLへアクセス 導入後は下記画面になるのでopenを選
[Ionic x Vue] リストを無限スクロールさせる | DevelopersIO
はじめに Ionicはクロスプラットフォームのモバイルアプリ向けフレームワークです。主にiOS/Android向けに、ワンソースコードでモバイルアプリを開発することができます。 今回は無限スクロールの使い方を解説します。 事前準備 こちらのブログ を通して作成したプロジェクトをベースに進めます。 無限スクロールとは モバイルアプリでリスト表示を実装する際、差分読み込みを行うことで無限にスクロールできるような振る舞いを持たせることがよくあります。具体的には以下の順番で処理します。 まず20件読み込む（1画面に収まる程度） ユーザーがリストを一番下までスクロールする 一番下までスクロールしたことをハンドリングする 追加で10件読み込む（その際には一番下にローディングを表示する） 2-4 を繰り返す 全て読み込み終わったら完了 このような処理をiOSやAndroidで実現したい場合は、頑張って実
![[Ionic x Vue] リストを無限スクロールさせる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfa10a8a77bc971be9ca0b8474e1d636c7668b6a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F06%2Fionic-eyecatch.png)
iPhoneからSSHコマンド実行・Webhook連携もできる公式アプリ「ショートカット」を活用する - yuu26's memo
iPhone で SSH コマンドを実行したり、Webhook 連携を組み立てることが可能となりました。 Apple 公式アプリの「ショートカット」を使って実現できます。 「ショートカット」アプリの概要と、簡単な活用事例をまとめました。 iPhone から SSH や curl が実行できる「ショートカット」アプリでは、多くのアクションが用意されています。 その中には「SSH」や「URL 取得」などが含まれており、かなり遊べるアプリになりそうです。 URL 取得は GET に限らず POST や PUT も可能で、簡単なリクエストであれば iPhone からサクッと実行できます。簡易 curl のように使えます。 SSH では複数のコマンドを一度に実行できるほか、他アクションとの連携も可能です。 iOS 12 で Apple 公式アプリ「ショートカット」を使用これらの操作には、iOS 12
[2018年版] よく分かる！iOSアプリのリリース手順のまとめ | DevelopersIO
はじめに こんにちは。モバイルアプリサービス部の平屋です。 本記事では、iOSアプリをApp Storeへリリースする手順を解説していきます。 標準的なリリースフローに沿って「各工程で必要な作業」をまとめてありますので、リリース作業時の参考にしていただければと思います。 検証環境 macOS High Sierra 10.13.2 Xcode Version 9.2 (9C40b) 目次 リリース作業の概要 リリースフローについて アプリのステータスについて 1. アカウントや証明書を準備する 1.1 Apple IDを準備する 1.2 プロビジョニングプロファイルを準備する 2. アプリの基本情報を登録する 3. アプリの詳細情報を編集する 3.1 App情報 3.2 価格および配信状況 3.3 {バージョン番号} 提出準備中 4. アプリをアップロードする 5. アップロードされたアプ
![[2018年版] よく分かる！iOSアプリのリリース手順のまとめ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/345af85fa58540cacdc154ee9f64f0703ce9faf6/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F02%2Fapp_store_ios11.png)
Blink Shell: iOSでmoshを使う
B! 15 0 1 0 Blink Shell はiOS用のターミナルアプリで mosh が使える(現状恐らく唯一の?)アプリです。 このアプリ、アップルストアだと2400円ほどしてちょっとお高めなのですが、 ソースコードは公開されていて自分でビルドして入れる分には無料で試すことが出来ます。 その方法がちょっと面倒だったのでまとめておきます。 mosh Blink Shell Blink Shellのビルド方法 Blink Shellの使い方 mosh iPhoneなどの携帯端末では基本Wi-fiなりモバイルの電波で作業することになりますが 特に外で作業しようとモバイル接続で行う際には不安定で 切れてしまうことも多々あります。 そんな時に通常のsshでは毎回つなぎ直さなくてはいけないし、 例えscreenとかを使っていたとしても面倒です。 moshはネットワークが一度切れても つながり次第
iOSアプリ開発の全体像 - Qiita
超技術書展で頒布したiOSアプリ開発の全体像をだらだら書いた本を記事として公開。 ただのポエムです。 2年くらいまえに、SwiftもObjCも一切書いたことないし、アプリも一回も作ったことがない状況でiOSアプリを作ってリリースするミッションのお仕事が降ってきたので、そのときにこんな情報があったら全体が見通せて、気持ち的に楽だったなと思った内容をまとめました 1. iOSアプリ開発を取り巻く環境 iOSアプリ開発には、基本的にmacOSを搭載したコンピューターとXcodeとよばれるソフトウェアが必要です。もともと主にObjective-Cという言語が使われるケースがほとんどでしたが、2014年6月にAppleがプログラミング言語Swiftを発表して以後の新規開発には、ほとんどの場合Swiftが採用されているようです。またSwiftは、Objective-Cのコードと共存できるため、もともと
Visual Studio Mobile CenterでiOSアプリをビルドしてみた | DevelopersIO
Visual Studio Mobile Centerとは Microsoftの開発者向けイベント「Connect(); 2016」で発表されたサービスで、一言で言えば、「モバイルアプリ開発に必要なサービスを統合したもの」になります。 モバイルプラットフォームは、Objective-C、Swift、Java、Xamarin、React Nativeに対応しています。 ※以降、VSMCと略させていただきます。 VSMCは記事執筆時点でPreview版です。そのため、正式版リリース時には機能が異なる可能性がありますのでご注意ください。なお、Preview版の間は無料で利用できます。 提供サービス 具体的には以下のサービスが提供されています。 Lifecycle services Build Gitリポジトリで管理しているソースコードに対し、コミットまたはプッシュするたびに自動でアプリケーション
[iOS] AVFoundation(AVCaptureMovieFileOutput)を使用したビデオ録画を作ってみた | DevelopersIO
1 はじめに 本記事は、AVFoundationを使用したビデオの録画を紹介するものです。 AVFoundationを使用する場合の共通的な処理については下記に纏めましたので、是非、ご参照下さい。 [iOS] AVFundationを使用して、「ビデオ録画」や「連写カメラ」や「QRコードリーダー」や「バーコードリーダー」を作ってみた 2 入出力 ビデオの録画機能を実装する場合、入力として、カメラ（今回は背面）とマイクを使用し、出力として、動画ファイルを生成できるAVCaptureMovieFileOutputを設定します。 下記のコードは、セッションを生成して、上記のとおり入出力をセットしている例です。 // セッションのインスタンス生成 let captureSession = AVCaptureSession() // 入力（背面カメラ） let videoDevice = AVCap
![[iOS] AVFoundation(AVCaptureMovieFileOutput)を使用したビデオ録画を作ってみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd616d43627770acf3d2af18695851272d60bed9/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F12%2Fios.png)
[iOS] AVFundationを使用して、「ビデオ録画」や「連写カメラ」や「QRコードリーダー」や「バーコードリーダー」を作ってみた | Developers.IO
[iOS] AVFundationを使用して、「ビデオ録画」や「連写カメラ」や「QRコードリーダー」や「バーコードリーダー」を作ってみた 1 AVFundation AVFoundationは、音声・動画などのメディアの再生や作成、編集を行うことの出来る巨大なフレームワークです。 入力側をデバイスと考えた場合、AVFoundationは、大まかに、次の３つの構成になっているといえます。 デバイス(AVCaptureDevice) セッション(AVCaptureSession) 出力(AVCaptureOutput) AVFoundationを使用するには、まずは、中心となるAVCaptureSessionをインスタンス化します。 そして、このAVCaptureSessionに対して、使用したいデバイスを入力として接続し、利用目的に合致したAVCaptureOutputを出力に接続することで
![[iOS] AVFundationを使用して、「ビデオ録画」や「連写カメラ」や「QRコードリーダー」や「バーコードリーダー」を作ってみた | Developers.IO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c98f00e1273dedd8bc9dec0d8ed5bb4afcf729b6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ssl-devio-img.classmethod.jp%2Fwp-content%2Fuploads%2F2015%2F12%2Fios-320x320.png)
iPhoneアプリ開発・運用でかかせない、吟味して選んだ便利サービスTOP10
iPhoneアプリを個人で作り始めてから5年ほどになるけど、アプリ開発や運用でかかせないサービスをまとめてみた。 それぞれに競合サービスがあったりするけど、いくつか使ってみて、最終的に本当に使うようになったものだけ書いてみる。プログラミングする時に使うツールというより、アプリを作った後の運用とか、分析とか、そっち系のサービスがメインのランキング。 iOSアプリにしか使ってないけど、Androidで使えるものも多い。 10位 Iconfinder（無料+有料） https://www.iconfinder.com/ アプリはWebサービスに比べて画面が小さいのでビジュアルデザインが楽。実質、フリーのアイコンとか有料のアイコンを利用するだけで事足りることが多い。僕はまず有料のアイコン集を買って、それでカバーできない時はこのサイトから検索してます。 例えば、フラットデザインのリロードアイコンを検
AirPlay Receiver on Windows and OSX
AirPlay Receiver for PC/MAC Cast iPhone/iPad screen to PC/MAC easily Music, Movies and Screen Mirroring Get started today Cast AirPlay to PC/MAC Turn your PC or Mac into an Apple TV. iOS 11 Compatible. Share on the Big Screen Presentation, App demo, Game Play, or Family Pictures. Connect with People in classroom, meeting room and living room.
Appleの証明書とかまとめ！ | DevelopersIO
おばんです、New Game!ハマって原作一冊高い部類の漫画なのに一気買いしてしまった田中です。 ぎょ、業界研究です業界研究！（あとよくわかるAutoLayoutも買いました。今読んでる感じ良書です。） 百合 is 最高。 はじめに はい、今回はAppleの証明書関係わかりづらすぎ！！！? というフラストレーションからこんな記事を書きます。 「p12ってなに？」「Provisioning Profile、Certificatesって？」と、調べても「●● is ▲▲」みたいな説明で書かれてるのが無かったので一部自己解釈かもしれませんが書いてみます。 このまとめをもとに、AppleのCertificates, Identifiers & Profilesのフォームを追っていじっていくと理解が深まるのではと思います。 登場人物 CertSigningRequest 証明書要求用ファイル。Cer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - halfnelson/svelte-native: Svelte controlling native components via Nativescript
