【お詫びと訂正】iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） - KAYAC engineers' blog
お詫びと訂正：（2017/06/08 23:32） 本記事内に掲載しているスクリーンショットが、 Apple.Incの開発者利用規約（APPLE BETA SOFTWARE PROGRAM AGREEMENT APPLE INC.）に抵触しているというご指摘をいただきました。 Apple.Incの開発者利用規約から、掲載内容を不適切と判断し、該当箇所を削除させていただきました。 Apple.Inc及び読者の皆様に深くお詫び申し上げます。 追記：（2019/02/17） Navigator.getUserMediaが非推奨となったため、MediaDevices.getUserMediaを使うように修正しました。 Navigator.getUserMedia - Web API | MDN MediaDevices.getUserMedia() - Web API | MDN ざっくり1行でま
日本製UIデザインツール「STUDIO」は従来のツールと何が違うのか - 酔いどれデザイン日誌 - Drunken Design Diary -
先日、私の古巣である株式会社オハコからスピンオフしたオハコプロダクツ社から、UIデザインツール「 STUDIO」のクローズドβ版がリリースされました。 国産のUIデザインツールといえばグッドパッチ社が提供するProttなどが有名ですが、β版を触ってみた感想と合わせて STUDIOの何がすごいのか？従来のUIデザインツールとは何が違うのか？ということを紹介してみたいと思います。 目次 これはプロトタイピングツールではない 特筆すべきはシームレスな操作感 全員がMVPまで作れる時代 まとめ これはプロトタイピングツールではない まず、最初にSTUDIOを「UIプロトタイピングツール」ではなく「UIデザインツール」と記載したのには訳があります。近年はプロトタイピングの重要性が多方面で説かれているのに呼応するように、冒頭で紹介したProttをはじめ国内外からたくさんのプロトタイピングツールが登場し
「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方
Googleが運営するFirebaseを使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。 Firebaseは、アプリを素早く開発しデプロイできるようにするための「Backend as a Service（BaaS）」プラットホームです。Firebaseは多くの機能を提供しています。リアルタイムデータベース、ユーザー認証（Eメールとパスワード、Facebook、Twitter、GitHub、Googleアカウントを使用できる）、クラウドメッセージング、ストレージ、ホスティング、リモートコンフィギュレーション、Test Lab、クラッシュレポート、通知、アプリのインデックス付け、ダイナミックリンク、招待、AdWordsとAdMobなどが含まれています。 この記事ではシンプルなToDoアプリを作成しながら、Fir
ウェブページをできる限りネイティブアプリっぽく魅せるテクニックまとめ 〜アップルにリジェクトされつづけるなら、ウェブアプリとストアをつくって自前で配信してしまおうという企み〜 - KAYAC engineers' blog
https://kimizuka.github.io/web-app-store/example/ 北斗市公式キャラクター ずーしーほっきー ©2013 北海道北斗市 を使用させていただいております。 ウェブページをできる限りネイティブアプリっぽくみせて配信するために色々研究しました。 もくじ はじめに ウェブアプリとは 今回制作したもの ネイティブアプリとの比較 ストア以外での配信方法 ホームアイコンの設定方法 フルスクリーンでの表示方法 オフラインでのアクセス プッシュ通知（断念） カメラへのアクセス GPS / 加速度センサ / ジャイロセンサ へのアクセス ランドスケープでの固定（断念） 大技（Safariから開かれたかホーム画面からひらかれたかの判定） 小技（タップした際の黒ずみ除去 / 長押しでメニューを開かない / テキスト選択不可 / スクロール不可） その他、実装の上で頑
Jasonette - JSONでiOSアプリを開発するフレームワーク
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 一昔前のTitaniumであったり、React NativeはJavaScriptをネイティブのJavaScriptエンジン上で実行してネイティブのコンポーネントを使えるようにしています。それを使ってReact Nativeではコードを即時反映しながら開発ができるようになっています。 そんな開発スタイルを一歩推し進めたのがJasonetteです。なんとJSONのみでiOSアプリが開発できるようになります。 Jasonetteの使い方 JasonetteのJSONの例です。これはInstagram風UIを作るものです。 { "$jason": { "head": { "data": { "posts": [{ "type": "stories", "items": [{ "avata
Multi-touch web development | Articles | web.dev
Multi-touch web development Stay organized with collections Save and categorize content based on your preferences. Introduction Mobile devices such as smartphones and tablets usually have a capacitive touch-sensitive screen to capture interactions made with the user's fingers. As the mobile web evolves to enable increasingly sophisticated applications, web developers need a way to handle these eve
「ネイティブアプリかWebアプリか」の争いはいい加減やめにしよう
Mozillaの開発者であり、Webの支持者であるジェームズ・ロングは、モバイルWebアプリはネイティブアプリに敵うことはないと主張する。ロングの挑発的な物言いはわざとかもしれないが、彼の言ってる事も一理ある。 しかしながら同時に、こういった事はますます論争の種では無くなってもきている。 Forresterは「クライアント・サーバー時代はネイティブが制したが、Webに取って代わられた。歴史は繰り返す」と主張する。そうなのかもしれない。 もしフェイスブックのReactJSが何かの兆しなのだとしたら、それはネイティブ及びWebの未来はハイブリッドにあるということなのかもしれない。実際、そういったことは今現在でも見受けられる。 Webは「遅すぎる」 Webアプリの問題とは、ロングが言うようにDOM（ドキュメント・オブジェクトモデル。ドキュメントやWebページ/アプリをどの様にプログラムがアクセス
iPhone 6 & 6 plusのデザイン対応について【随時更新】 - デザインメモ
iPhone 6とiPhone 6 plusが発表されましたが、アプリのデザインを担当している私がもっとも気になるのが「今のアプリのデザインをどう変える必要があるのか？」。 実際、Appleは謎の解像度にしてしまったため、単純に拡大すれば良いってわけじゃなさそうなので、私なりに調べたこと・わかったことを随時更新していこうと思います！ 最終的には、こうしたら上手くいった！リデザインはこうしたら良い！までもっていけたらと思ってます。 目次 1、画面解像度について 2、画像サイズやデザイン作業について その他 1、画面解像度について 解像度などを比較するインフォグラフィックス ↓ 2014/09/16 up 海外でこんなサイトが公開されていました！ iPhone 6 Screens Demystified – PaintCode 解像度がわかりやすく紹介されています。 iPhone6 plusは
iOSなどのスマートフォンのブラウザ側でリサイズをおこないファイルアップロードを爆速にする - 僕は発展途上技術者
iOS 6 より Safari からファイルをアップロードできるようになり、写真投稿が必要なウェブサービスで、投稿のためだけにアプリを用意する必要はなくなったかなあ、と最初は思っていました。 ところが、iPhone 5 などで撮った写真などはファイルサイズが結構大きく、Safari からアップロードするときはそのままのサイズで送るため、外出先で 3G だとアップロードにものすごく時間がかかってしまい、ほとんど使い物になりません。 そこで、アップロード前にブラウザ側で写真をリサイズできる方法はないかと探したところ、 » IOS6 and Safari Photo Uploading - File API + Canvas + jQuery Ajax Uploading and Resizing Files Asynchronously - Stack Overflow で紹介されていた »
【連載：HTML5事例】アディダスに学ぶスマホUI、ユーザーを回遊させ滞在時間を伸ばす、4つの特徴
これから不定期ですが、HTML5でつくられたサイト事例を特徴とともにご紹介していこうと思います。第一弾は、アディダスが立ち上げた、フットボール向けシューズブランド「predator lethal zones」のキャンペーンサイト「predator lethal zones」を紹介します。このサイト、操作感がたまらなく気持ちいいです。ついつい、細部まで見てしまう、欲しくなってしまうサイトです。なにがそんなに気持ちいいのかを解説します。 軽くスムースなスクロール 普通のブラウザのスクロールよりも軽く、少ない力ですいすい進んでいきます。このスクロールは「iScroll」というjavascriptのライブラリを使用することにより実現しています。フリックに対してスクロールさせるときの加速度を大きくしています。 Webアプリにはめずらしい固定メニュー 右上のメニューボタンをタップすると、メニューが表示
TweetPoster - iOS用Twitterツールキット
iOSでTwitterと連携するのって、意外とめんどい。 Facebook連携は簡単だ。FacebookがSDKを配布しているので、それを組み込むだけでいい。ところが、Twitterにはそれが無い。自分で作らなくてはいけない。 APIの作りとしてはごく普通のものだし、ドキュメンテーションも充実しているので、自分で作るのに問題はそれほど無い。しかし……まあ、めんどい。OAuth認証とかもいちいち面倒だ。 これだけ世の中のアプリが色々とTwitter対応しているのだから、何かサクっと使えるいいツールキットがあるのかな、とも思ったのだけれど、どうもそういうわけでも無さそうだ。色々探してみたものの、大げさ過ぎず、かと言って不足無く、というような、ちょうどいい感じの使いやすいものというのは、今のところ無いらしい。 しょうがないので自分で作ってみた。 これはゲーム系のアプリに組み込むことを想定した軽量
【ハウツー】HTML＋CSS＋JavaScriptでiPhone/Androidアプリ開発「PhoneGap」 (2) Hello, PhoneGap! - PhoneGapのデプロイ、iPhone/Androidアプリケーションの作成 | エンタープライズ | マイコミジャーナル
ファイルをDownload PhoneGap ≪ PhoneGapかgithubから取得する。phonegap-0.9.2.zipを解凍し、iOSディレクトリ以下のパッケージファイルを展開、インストールする。 phonegap-0.9.2.zip展開後の構成 iOSディレクトリ以下のパッケージ「PhoneGapLibInstaller.pkg」を展開し、インストール iPhoneアプリケーションの作成 PhoneGapLibInstaller.pkgをインストール後、ウィザードに表示される手順にしたがって、PhoneGapアプリケーションを作成する。まずXcodeを起動し、ファイルメニューの「新規プロジェクト」を選択。User TemplatesのPhoneGap-based Applicationを選択し、あたらしいプロジェクトを作成する。 ファイルメニューより「新規プロジェクト」を選択
iPhone/iPad上でiOSアプリ開発ができるスゴイアプリ「Interface」 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 最近、プログラミングを試みようとする人が急増しているようだ。やってみると意外と簡単、しかし本格的なアプリを開発しようとすると限りなく奧が深く、面倒な手順が山積みで挫折した人も多いのではないだろうか。 「完成に至らずとも、とりあえずモックアップくらいは作りたい」と思いつつも、開発環境を整えたりとやはり大変。そんな中、iPhoneやiPad上で操作環境や画面構成を開発し、動作試験までできるアプリ「Interface」が登場した。開発は米Less Code Limited社。価格は日本のiTunes App Storeで1200円。 「Interface」で作成できるのは、あくまでインターフェイスのみ。高性能開発ソフトと比較すればできることは少ないが、実際アプリが動作するiPhone/iPad上で直感に任せあれこれ試行錯誤しながら作っていける利点がある。では、実際どんな感じで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ログイン - はてな