iPhone Xを購入せず、無料でウェブページの表示確認を行う方法 (macOS) - Qiita
今年10月に発売が予定されているiPhone Xは、その独特なディスプレイの為にセーフエリアを意識したウェブデザインが必須です。iPhone Xで意図せぬ表示にならないように実機の購入が必要だと考えるかもしれませんが、実はmacOSユーザーであれば、iPhone Xを購入せず無料でウェブページの表示確認を行えます。このエントリーでは、iPhone Xでの表示確認方法について紹介します。 ▲ iPhone Xでの表示確認をしている様子 iPhone Xで起こりうる意図せぬ表示 たとえば、画面最下部にコピーライトを固定表示しているサイトをよく見かけますが、iPhone XのSafariではメニューバーを表示する為のボタンで隠れる可能性があります。また、横持ちでコンテンツの左右が途切れてしまう可能性もあります。 ▲ 「iOS Human Interface Guidelines」より これらの表
iPhone X Human Interface Guidelinesの要点 - Qiita
iPhone Xが登場したことで新たに注意すべき点をHuman Interface Guidelinesからまとめました。 最低限知っておくべきこと レイアウトは画面エリアの全てを使って表示される 画面の四隅が丸くなっているので端が切れてしまう可能性がある 受話口まわり（上部中央）とホーム画面に戻るためのジェスチャ用の目安表示（下部）にUI要素が被ってしまい見えなくなる可能性がある 横幅はiPhone8までのサイズと同じだが、縦が長い（1125px × 2436px (375pt × 812pt ＠3x)） SafeAreaという新しい概念がある（Storyboardに追加。プログラム側からも扱える。） ステータスバーの高さは従来の画面の高さより高くなるため、決め打ちしていた場合は注意 従来はステータスバー上に通話中等のバックグラウンドタスク表示がされると高さが変わったが、iPhone X
絶対にやってはいけない「Apple IDをテストで13歳未満にすること・・」
概要 AppleIDの生年月日を13歳未満にすると、 そのアカウントが成長!？して13歳になるまで修正できないというお話（；；） Apple IDとは -> iPhoneとかMacとか使うというに使うアレ 公式サイト説明：https://support.apple.com/ja-jp/apple-id Apple ID とは？ Apple ID とは、App Store、Apple Music、iCloud、iMessage、FaceTime などの Apple のサービスを利用する時に使うアカウントのことです。たった一つの Apple ID とパスワードで Apple のすべてのサービスにサインインできます。 詳細 今回やりたかったこと →ファミリー共有のテストをしたい（未成年のアカウントで） 子供のアカウントでアプリで課金したりするときは、親のアカウントに承認リクエストが飛びます。 →
Xamarin Live Playerを使ってみたので導入手順をまとめます！ - Qiita
みなさんこんにちは！ ここ１週間ほど前から仕事でXamarinを触る機会ができ、以前から思っていたiOSアプリ開発願望に、より拍車がかかっています。 しかし、残念なのがiOSアプリの開発にはどうしてもMac PCが必要であるということ。 mac miniで安くても5万円はしてしまうので、二の足を踏んでいる自分がいます。 その中で、こんな朗報が！！ iOSアプリ開発でMac OSが不要に、Windowsで開発・テスト・公開可能な「Xamarin Live Player」 -INTERNET Watch 早速使ってみました。結論から言うと、Macを持っていない自分でもiOSアプリを開発できる環境ができました。 非常にタイムリーな話題だと思いますので、導入手順を簡単にまとめさせていただきたいと思います。 なお、Xamarin Live Playerはアルファ版ですので、自己責任での導入をお願いい
あとで読むQiitaリーダーアプリをリリースしました - Qiita
Qiita Pocketというiphoneアプリを先日リリースしました どんなアプリ？ Qiitaの気になる記事をローカルに保存しスキマ時間に閲覧できる "あとで読む" Qiitaリーダーアプリです。 APP Store https://appsto.re/jp/yLaTib.i GitHub https://github.com/hirothings/qiita-pocket で開発しています。プルリク頂けると嬉しいです なぜ作ったか？ 「イイね」に対する疑問 Qiitaに「イイね」が導入されたときの運営ブログで、 ストックに「後で読もう」と「素晴らしい記事を見つけた」が混在しているため、 純粋に「イイね」というフィードバックを送る「イイね」を導入したとあります。 が、リリース後もストックに「後で読む」と「素晴らしい記事」が混在する状況は変わりませんでした。 個人的には「イイね」 も 押
iOS アプリで審査なしでパッチを当てられる Rollout の勉強会に行ってきたので紹介する - Qiita
はじめに 2016/12/01 に行われた Rollout.io MeetUp に参加してきたので、そこで聞いた話をベースに Rollout をご紹介いたします。 Rollout とは Rollout は iOS 向けのアプリケーションに審査なしでパッチを当てるためのサービスです。 いろんな方が経験していると思うのですが、アプリをリリースしたものの、重大なバグを見つけてしまった場合、再度アプリを審査に出して反映を待つ必要があります。しかもストアに反映されたとしても、ユーザーはアプリを再度落とし直さないとその修正は反映されません。 Rollout を用いると、Web のインターフェースから JavaScript でパッチを作成することで、審査なしですぐにバグの修正や機能の解放を行えます。これによって、通常は再度審査をはさむ必要があるバグ修正であっても、アプリのユーザーはアプリを落とし直す必要
iOS 9以下でもiPhone safariでインラインで動画再生する方法第三弾 - Qiita
いよいよFelicaポート搭載のiPhone 7が発表されましたね！サプライズもありまだまだ日本でのiPhone一強は続くのではないかと感じさせられました。 さて、そのiPhone 7に搭載される予定のiOS 10ではいよいよsafariでも動画のインライン再生が可能になります。 iOS 10 Safari から video の inline 再生が可能になります - latest log iOS 9以下でもインライン再生する iPhone Safariで動画をインライン再生する方法 - Qiita 【音声対応】 iPhone Safariで動画をインライン再生する方法続き - Qiita 以前書いたこの2つの記事で紹介した方法はいずれも、video要素のcurrentTimeを動かしてcanvas要素に描画するというものでした。 今更発見した新手法 今回見つけた手法では、canvas要素
2016年JSハイブリッドアプリの動向をまとめてみた - Qiita
(元記事はこちら)。 概要 ハイブリッドアプリで採用するフレームワーク・アーキテクチャの選定をするため、調べたことをまとめます。 ハイブリッドアプリとは? ハイブリッドアプリとは、ネイティブコード以外を使って作られたアプリです。今回は、JavaScriptを使用したハイブリッドアプリを想定しています。 ハイブリッドアプリは、基本的にWebViewというネイティブコンポーネントを使って、Webの技術をネイティブに組み込むような設計をしていました。それを可能にする代表的なものがCordovaで、名前は聞いたことがあるかもしれません。Cordovaを利用してでてきたのが、Ionicなどのフレームワークでした。 しかし最近になって、React Nativeを始めとして、ネイティブコンポーネントをJavaScriptで呼び出すというアプローチをとるものがでてきました。 NativeScriptに関し
【音声対応】 iPhone Safariで動画をインライン再生する方法続き - Qiita
iPhone Safariで動画をインライン再生する方法への反応の中に「音声は？」との声がちらほらありました。 スマホは常にサイレントモードにしてて殆ど音出さないのですっかり頭から抜けていましたが、実験済みでしたので今回は音声付きでインライン再生する方法の話をば。 音声をAudio APIを使って同時に再生 最初に思いつくのは動画からDemuxして分離した音声をAudio APIを使って同時に再生する方法でしょう。 実際これで足りる場合もあります。が、足りない場合もあります。 VideoとAudioに同時に再生命令を送っても、同じ速さで再生されるかは保証されない 昔々にAviUTLだのTMPGEncだのでエンコしてた人なんかはわかると思いますが、分離された音声と映像は結構かんたんにズレます。 まして今回はVideoをまともに再生していないわけで。 ですからナレーションとBGMのみのCMなん
iPhone Safariで動画をインライン再生する方法 - Qiita
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
特定アプリのapp storeでのランキングを取得する - Qiita
<?php $targetAppIds = array( 'id834802911', 'id443904275', ); $feed = file_get_contents('https://itunes.apple.com/jp/rss/topfreeapplications/limit=100/xml'); $rss = simplexml_load_string($feed); $result = array(); foreach($rss->entry as $val) { $ranking++; $title = $val->title; $url = $val->id; foreach ($targetAppIds as $targetUrl) { if (strpos($url, $targetUrl) !== false) { $result[] = array( 'ap
iOSデバイスのチップセット情報をプログラムから取得する - Qiita
自分のiPhone6s or 6s+のA9チップがサムスン製かTSMC製かを調べる（バッテリーの持ちが違うらしい）のがタイムラインで流行っていて、その方法として下記記事がシェアされてました。 iPhone6s・6s+の「A9」が「サムスン版」か「TSMC版」か安全に調べる方法 シリアル番号とかから判断するのかなと思いつつ記事を読んでみると、AppStoreに出ているアプリを使って判定するとのこと。なるほど、ストアに出てるということは合法的に（Private API を使うことなく）プログラムからチップ情報を取得可能 ということなので、どうやってるんだろうと思いつつ、同日に見つけた GitHub の Trending で見かけた「CPU-Identifier」というOSSを思い出しました。 中身を見てみると、次のような実装になってました。 「CPU-Identifier」の実装内容 dlfc
なぜ iPhone の画像は Android の画像よりもずっと高品質なのか - Qiita
Android と iPhone との比較は多くの点で議論されており、どちらがより良いかは、Android の画像の質は iPhone とくらべてずっと劣るという点を除けば、未だ結論が出ていません。Facebook、Twitter、Instagram 等どれを使っていても、写真をとって、フィルタをかけて、ソーシャルネットワーク上に公開すると、いつも Android から投稿される写真は画質が劣化しています。しかし何故でしょう？ 私達は昨年の間調査をし、そしてついに、Google が犯したほんのちょっとしたミスが原因であることを突き止めました。それは本当にちょっとしたミスでしたが、その影響はすべての画像を扱うアプリケーションに波及するほど大きく、現在に亘っても影響が続いています。 問題は、libjpegです。 libjpegといえば、数多くのオープンソースプロダクトでも使用されており、And
Xcode 6で導入されたXLIFFによる国際化フローの使いドコロ - Qiita
XLIFF(XML Localization Interchange File Format)とは、ソフトウェアや文書の国際化、翻訳のために定められた標準規格です。 Xcode 6で、stringsファイルのXLIFF形式へのExport, その逆にXLIFF形式をstringsファイルとしてImportの機能がサポートされました。 このサポート前までは、stringsファイルを直接編集するか、あるいは独自翻訳フローを構築する必要がありました。 今までXLIFFサポート自体は知りつつも特にその機能を活用していませんでしたが、今開発中のPlayer!への導入を検討しながら情報をまとめてみました。 Appleのリファレンス: Localizing Your App stringsファイルをXLIFFファイルとしてExportするとどうなる？ こんなstringsファイルがあり、
iPhoneアプリ開発者を教育するための記事 - Qiita
はじめに iPhone開発の方法を人に教える時にどんな風に教えれば良いかをちょっと考えて、実践してみたのでその方法をここに残しておきます。 まだ教育方法が確立していない方の参考になればと思います。 また、現在の業務ではストーリーボードを使用しているコミュニケーション系のアプリを作ってますのでその観点での教育方法です。 （個人的にはストーリーボードはあまり好きでは無いが、現場の方針があるため仕方なく使ってます・・・） この記事はXCodeを使った事が無い新人〜３年目くらいの人に基礎的な概念を身につける事を目的としています。 SwiftでもObjective-cでも通じる教育方法です。 熟練者の方が新人教育して使用してもらえると嬉しいです。 解答は敢えて載せてませんので、熟練者の方が確認してあげてください。 1. ナビゲーションバー 課題 Single View Applicationでプロジ
JavascriptでiPhone/Androidのソフトウェアキーボード出現を検出したい - Qiita
概要 iOS/Androidのソフトウェアキーボードが出てきた時のイベントをaddEventListenerとかで検出したい 問題 色々調べたが、キーボードの出し入れに対するイベントは存在しないっぽい 代わりに 「キーボードが出てきた/引っ込んだ」というのは input="text"とかにフォーカスが当たったか否かによるので DOMFocusIn/DOMFocusOut http://help.dottoro.com/ljuoivsj.php というのが使えそうというのが調べてて分かった document.addEventListener("DOMFocusIn", function(event) { //キーボードが出現した時 }, false); document.addEventListener("DOMFocusOut", function(event) { //キーボードが引っ込
"Promoting Your App for Apple Watch"を訳してみました - Qiita
Player! - 新しいニュースメディア、新しいスポーツライフ(プレイヤー)というiPhoneアプリをApple Watch対応検討中のため、備忘録として記載します。 Promoting Your App for Apple Watchを訳してみました。 5.1 Apple Watchのスペルと言語 "Apple Watch"を見出しやコピーとして使うときは、いつも最初のAとWが大文字の2単語からなる"Apple Watch"を使いましょう。 正しい例： Apple Watch 正しくない例： AppleWatch Apple WATCH iWatch Watch 5.1.1 ローカライズ どんな時でも、英語で"Apple Watch"という名前を使いましょう。 例えば、英語以外の文脈の中でも"Apple Watch"は英語で書きましょう。 "Apple Watch"のWatchという単
iOSアプリ開発する上で辛い思いをしないための指針 - Qiita
iOSアプリの開発の話題は、ライブラリやツール、APIの使い方に始終しがちなので、ちょっと違った方向から書いてみる試み。 意図的に発散させてみようと思ったら、思った以上にまとまりがないのですが、まあそれはそれで。 私見です。 iOS SDKをよく知る 標準のAPIを呼べば一発のところを、自力でなんとかしようとして死亡みたいなことがありがちです。 API Diffを読む。ドキュメントを読む。ヘッダファイルを読む。 ライブラリも使うだけでなくて、コードを読むと勉強になります 状態の数とスコープを抑える GUIのアプリケーションは増え続ける状態との戦いです 前提を作らない。B画面はA画面から呼び出されているはず、など 例えば、Promise系のライブラリやReactiveCocoaを使う 成功/失敗/未解決を一つのオブジェクトで表現できる UIコンポーネントはアニメーションを意識しなくても雑に使
トレタでのアプリクラッシュ対策 - Qiita
業務で使っていて一番困るのがアプリのクラッシュです。閲覧の時ならまだしも、予約入力中のクラッシュはあってはならないことです。店舗様がお客様からの電話を受けて予約を入力するため、店舗様はもちろんのこと一般のお客様へも迷惑がかかってしまいます。 どれだけ気をつけて実装していても絶対に起きないとは言い切れないのがiOSアプリの難しいところです。このためトレタでは万が一予約受付中にアプリがクラッシュしてしまった場合の救済措置として、予約情報の復元機能を用意しています。 ※予約受付中にクラッシュした場合、アプリを起動すると上記ダイアログが表示されます。 クラッシュ自体あってはいけないことなので、正直一番活躍してほしくない機能ではあります。それでも、万が一でもお客様から受け付けた予約情報を無くしてしまってはいけないため用意させて頂いています。 クラッシュレポート 弊社ではクラッシュレポートの収集にHo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone(実機)の通信ログ(パケットのキャプチャ)を簡単に取得する方法 - Qiita
