クレジットカードの読み取り機能を実装する！
はじめに 先日、クレジットカードをiPhonのカメラで読みとり、入力フォームに自動で入力される機能の実装を行なったので記事を書きます！ この機能の実装自体は難しくなかったですが、httpsで接続していないとこの機能は動かないみたいで、動作を検証する際に悩みました。。 やりたいこと 以下画像のように、クレカ読み取り機能で、クレカを枠内に入れたらフォームにクレカ情報が自動的に入力されるようにしたい。 ※注意 ・読み取れる項目は、カードナンバーと有効期限とカードのタイプのみのようです。名前とCVVは手動で入力する必要があります。 (今回は、カードナンバーと有効期限のみ) ・iOS8以上でないと、読み取り機能は正常に機能しないみたいなので注意が必要です！ ・Angularのアプリケーション内で実装したのですが、Angular Materialの mat-selectタグを使用すると上手く行かなかっ
【Android,iPhone】カード番号を入力させる際のカメラによるスキャン - Qiita
スマホカメラによるカードの読み取りを行いフォームに入れる 入力欄にカーソルが来ると、 Android：「新しいカードをスキャン」 iPhone: 「クレジットカードを読み取る」 と出ます。 決済用フォームなどであるとUI, UXの面で良いかもしれません 私は手入力の方が速いので好きですが… Autocomplete 特別な事はなく、form の autocomplete に特定の設定をします。 WHATWG HTML Standard という標準仕様があり、それによって各ブラウザが実装しているようです。 WHATWG HTML Standard:autofill ページを見ていくと、いろいろありますがカード関係に注目すると以下のようになっています。 （細かくは他にもありますが主なものとして） cc-number クレジットカード番号 cc-exp-month 有効期限（月） cc-exp-
prismaってアプリ…悪くないですね…フフ… - 趣味全開で淡々と
やあキュウだよ！今日は午後から雨で憂鬱でしたよ。週の最初はスカッと晴れてもらいたいものですね。 今日は僕がブログを書く上で以外に使えるかもと思った写真、画像編集アプリを紹介してみようと思います。 今日の午後に僕がiPhoneで使ってて便利なアプリを備忘録がてら記事にしてみました。 www.kyu7.com Prisma: Free Photo Editor, Art Filters Pic Effects Prisma labs, inc. 写真／ビデオ 無料 このprismaってアプリなんですが、写真を撮った画像を色んなエフェクトを加えて画像を変化出来るアプリなんですよ。 なので今日は僕がねんどろいどを撮影した画像に色んな変化を加えてみましたｗ prismaで遊んでみる 【スポンサーリンク】 百聞は一見にしかずって事で早速画像を載せてみましょう。 上が実際に撮影した僕のデスクで、下はpr
iPhone (iOS 11.x ～) の設定（POP3） - KAGOYA Internet Routing
iPhone (iOS 11.x ～) の設定方法をご案内いたします。 ここでは、iOS 11.0 で設定を行う場合の方法をご案内していますが、他のバージョンでも同様の手順でメールの送受信を行えます。 その他のメールソフトのPOP3の設定につきましては、POP3 でのメールソフトの設定 をご確認ください。 新規設定 KAGOYA Internet Routing では、さまざまな接続形式での送受信に対応しています。 ■ IMAP / SMTP 受信メールをメールサーバー側で保存・管理することができる接続方式です。 メールソフトをWebメール(Active! mail)と併用する場合は、IMAP / SMTP で設定してください。 メールソフトとメールサーバー間の通信内容（パスワードやメール内容）が暗号化され、より安全に送受信できる IMAP over SSL / SMTP STARTTLS
縦スクロールするUIScrollViewをXcode6のAutolayout,Size Classes付きStoryboardで実現する - Qiita
縦スクロールするUIScrollViewをXcode6のAutolayout,Size Classes付きStoryboardで実現するXcodeiOSStoryboard 概要 横幅は端末の画面幅にして縦にだけスクロールする画面を作りたいことは、iOSアプリ開発時によくあると思います。StoryboardのUIViewControllerにUIScrollViewを貼り付けてぱぱっと作りたいところですが、Autolayout,Size Classesを使ったStoryboardで実現するのはなかなか難しいのです。 これを作ることができたので、手順を紹介します。 対象はiOS7/8,Xcode6です。 Size Classesはw:ANY、h:ANYのみを想定しています（たぶん別の指定でもいけるけど）。 ちなみにObjective-Cなりswiftなりでコードを書けばこの方法を使う必要はな
iPhoneアプリでBluetooth通信を使うための基礎知識（1/4） - ＠IT
スマートフォンの「スマート」は、さまざまなセンサやハードウェアを使うところにある。本連載で、さまざまなセンサやハードウェアを使うiOS（iPhone、iPad、iPod touch）のスマートなアプリを作ってみよう 今回は、Bluetoothを利用した通信を行うためのフレームワークである「Core Bluetooth」と、Bluetoothなどでの端末間通信のゲーム機能を含めたゲーム開発用フレームワーク「Game Kit」について、サンプルアプリを例に利用方法を紹介します。 意外と知らない？ 「Bluetooth」は3種類ある Bluetoothはデバイス間における近距離無線通信を行うための規格で、「Bluetooth SIG」という団体が仕様の策定や機器の認証を行っています。本稿執筆時の最新バージョンは4.0です。 Bluetooth 4.0では、低消費電力モードに対応する規格である「B
Xcode5時代の「かんたん」iOSアプリ開発セットアップ - Qiita
Androidに比べると、iOSのアプリ開発は証明書やらprovisioning profileやらを用意しないといけなかったりデバイスを登録しないといけなかったりで、とかく面倒な印象です。 確かに以前はそうでしたが、Xcode5からはこのあたりの面倒さが大幅に改善されています。 ネットで情報を検索しても古い情報が大量にヒットしてしまい、なかなかそのことが分からなかったので、これからiOSアプリを開発する人のために情報をまとめておくことにしました。 前提 Xcode5を使ってiOSアプリを開発する場合に必要な準備についてまとめました。 MacBook Air（Mountain Lion）＋Xcode 5.1.1＋Firefoxで実際に試しました。 ちなみにこちらの環境ではChromeでDeveloperサイトで操作をすると「Loading...」という画面が表示されたまま先に進まないことが
iBeaconが発表されてもうすぐ1年。世の中どうなったのか！？ | DevelopersIO
こんにちは！おおはしりきたけです。iOS 7が発表されもうすぐ1年経ちます。iOS 7の発表の中でも注目の機能としてiBeaconがありました。発表直後にかなり騒がれたiBeaconですが、1年経って、どのような状況なのかを調べてみました。 iBeaconとは？ iBeaconを知らない方のために、一応こちらの資料を見ていただければと思います。 国内事例 国内でも様々な事例が出てきています。発表直後は、デモ的なものが多かったですが、1年経過すると実証実験を含め、国内の事例もたくさん出ています。種類別に紹介してみたいと思います。 情報提供系 iBeaconでイメージするサービスとして一番多いのが、情報提供とクーポン系のサービスではないでしょうか、特に情報提供はセキュリティ的にも考慮することが少ないため、iBeaconのサービスとして分かりやすく、一番導入しやすいものではないかと思います。 八
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
iOS標準の写真アプリのURLスキームが見つかり狂喜乱舞！私が写真アプリにこだわる理由
iOS標準の写真アプリはドッグに置いて使っている@Mori2ndです。 以前は使えていた写真アプリのURLスキーム（アプリのショートカットみたいなもの）いろいろな事情があったからか、途中から使えなくなっていました。 ところが、今になって使えるURLスキームが存在していたことがわかったので、声を大にしてこの喜びをお届けしたいのです。 ということで、私が写真アプリをこだわって使っている理由とあわせてご紹介させていただきます！ ついに写真アプリのカメラロールにアクセスできる！発見された写真アプリのカメラロールにアクセスできるURLスキームはこちらでした！ photos-redirect: Nanokamo BLOGさんの記事で見つけたときは驚きましたね。 iOSの写真アプリを開くためのURLスキームが判明！ アップロードアプリ『PictShare』と組み合わせると便利に使える | NANOKAM
iOSアプリで自己証明書を使ったhttps通信
iOS NSURLSession https 通信 のくみあわせで自己署名証明書 (self-signed certificate) を使う場合の話。 allowsAnyHTTPSCertificateForHost: を override するとかいうマヌケなことはしないこと。 (昔のクソ blog などによく書かれていた完全に間違った方法。このご時世では使えなくなっている気がするが未確認) 1. TN2232 を読む 2. TN2326 にある手順で Certificates を作成 3. server.crt を変換 (CA の certificate のはそのままで OK) openssl x509 -in server.crt -outform DER -out server.der 4. DER 形式の ceriticate (2 つ) を xcode の project に
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
iPhoneアプリ開発の勉強を始めるので、教科書を2冊選んでみた。秋までにリリースするぞ！
もう1冊の教科書は、この「C言語すら知らなかった私がたった２か月でiPhoneアプリをリリースするためにやったこと」（タイトル長い）。 人気のあった以下のブログ記事に加筆・再編集して書かれた本です。 C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp こちらはさきほどの本とうって変わり、開発環境の設定やソースコードなどは一切載っていません。 この本で書かれているのは、iPhoneアプリ開発の楽しさやモチベーション維持も含めた開発の進め方、アプリ開発に役立つ動画サイトやコミュニティサイトの紹介など。 Xcode本でアプリ開発の勉強をして慣れていきながら、この「Cすら」本で派生した情報などを集めて知識を広げていく、という使い方をしていこうと考えています。 最初のアプリは秋（〜10/31）までにリリース予定（に決めた！） 怠惰な私のこ
【プレゼント有】ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第1回。 | AppBank
みなさま、こんにちは！拡張現実ライフの@akio0911と申します。※詳しいプロフィールはこちら。 このたび、AppBankさんにて、ツイッターアプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、ツイッターアプリ作りの第一歩を踏み出してみて下さい！ 私が執筆した書籍のプレゼントも用意していますので、記事の最後までお楽しみください。 第1回の目次です。 プロジェクトを作成する ストーリーボードを変更する クラスを追加する 画面にクラスを割り当てる ボタンがタップされた時の処理を追加する ツイート画面を表示するコードを追加する フレームワークを追加する アカウントを追加する アプリを実行する では、早速ツイッターアプリの作り方を学んでいきましょう。 プロジェクトを作成する まず、Xcodeを起動して、”Create a new Xcode project” をク
How to Learn iPhone App Development for Non-Programmers
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか？確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい！」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です！どんなアプリでも作れるようになります！ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト！ 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
【用途別】ビジネスに使えるiPhoneアプリ特集 – 2012年春 | AppBank
ビジネスパーソンに便利なカレンダーアプリ Week Calendar entrypostmanが「最強カレンダーアプリはこれだ！」と叫ぶほどのカレンダーアプリ。 Week Calendarのスゴイ点は2点。 1. 表示の種類が豊富！超見やすい！やばい！ 2. カスタマイズがとにかくいい！すごい！ ことビジネスパーソンに限定すれば、恐らく最強のカレンダーアプリです。 レビュー記事はこちらからどうぞ。 Week Calendar: 最強のカレンダーアプリの一つ。標準カレンダーの進化系。カスタマイズもよすぎ。 ハチカレンダー2 (iPhoneカレンダー対応) 「祝日・六曜・旧暦＋天気」をカレンダーに表示できるアプリです。 標準のカレンダーやGoogleカレンダーと同期できる他、予定表示方法「ToDo表示」も良い感じです。 レビュー記事はこちらからどうぞ。 ハチカレンダー2 (iPhoneカレンダ
iPhone Safariから画像を投稿する方法
iPhone Safariから画像を投稿するならMMS連携が便利です。 iScreenShotのように、iPhone Safariから写真や画像を投稿してもらうWebサイトを作る時に悩むのが、どういう方法で画像をWeb側に投稿してもらうかです。 実際に構築するにあたって色々と試してみました。 Safariからファイルアップロード Safariからファイルアップロードで画像を投稿して貰う方法です。 単純に考えればこれですね。開発を始める時は、スマートフォンだしPCと同じ方法で良いよね、と安易に考えていました。 しかし試してみると分かるのですが、iPhone/iPadのSafariでは残念ながらファイルアップロードはできません。 ファイル選択ボタンが無効になってます。。。 メールから送信 次に考えたのが、メール添付による投稿。 mailto:でメールアプリを起動して、画像を添付して貰えれば良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトをRetinaディスプレイに対応させる方法
ごりゅご.com
スマートフォンブラウザ不具合特集
