2017/06/21 iOSは、入力フォームにフォーカスすると、自動でビューポート(ズーム値)を調整します。そのことで無駄に画面を拡大してしまい、入力後に元に戻さないといけません。この自動調整を防ぐには、フォントサイズを16px以上に設定します。 サンプルコードiPhoneやiPadなどiOSでは、入力フォームのフォントサイズが16px未満だと、入力時に文字を大きく見せようとお節介な自動調整をしてくれます。Androidしか持っていないウェブ制作者も、「フォームの文字は16px以上にしておく」ということを覚えておきましょう。 input { font-size: 16px ; }デモ上の入力フォームは、フォントサイズを16px以上に設定しているので、フォーカスしても画面が拡大しません。iPhoneなどでお試し下さい。 <!-- このコードは編集できます。 --> <!DOCTYPE htm

この記事に書かれている現象は iOS 10.3 にて改修されました。 以下の内容は過去の事象としてご参照ください 何を言っているんだおまえは、と突っ込みたくなる方もいらっしゃるかと思いますが、ありのままに今起こったことを話すぜ…！ まずは動画をご覧ください。 （YouTubeに飛びます） 再現条件とか 以下の環境において端末を横位置にした上で画面をスクロールさせてタブバーを表示させると、{ position: fixed }で配置した要素が正常に機能しなくなります。 上記の動画ではメニューアイコンに張ったクリックイベントハンドラーが動作していないわけです。 iPhone 6s Plus iOS 8.4 / 9.1 / 9.2 / 9.3 / 10.0 / 10.1 / 10.2 Safari iOS用の Mobile Safari では端末を横位置にしたときにのみタブバーが表示される仕様と

// スクロールを無効にする $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); // スクロール無効を解除する $(window).off('.noScroll'); スマホの独自イベントのtouchmoveイベントを切ってスクロールを止める。 解除したい時はoffする。 イベント名に、.noScrollと名前を付けることで、他の部分でtouchmoveイベントを使っていたとしても、そのtouchmoveイベントまでイベントをoff()してしまうこともなく、.noScrollの名前のイベントのみをoff()することができる。 参考 iphoneでスクロールをさせない処理をする。 特定のエリアのみスクロールを無効にする方法 ドロワーメニューを左側に表示するときにコンテンツ側を固定するときなど //

「iOS」の「Safari」等、モバイル端末でウェブサイトを閲覧しているとき。 リンクをタップしても1回では反応せず、2回目でようやく画面が遷移するという現象が起きていませんか？ いま実機で調べた結果、この現象が起きるのは iPhone のみ。ソフトウェアのバージョンは「iOS 8.4.1」の「Safari」と「Chrome」で確認できています。 その原因ですが、どうやら CSS の「:hover」時の挙動によるもののようです。 例えば画像（<img>）をアンカータグで囲ってリンクを設定しているとき。 <a href="../index.php"><img src="sample.png" width="300" height="200"></a> この画像に対して以下のようにスタイルシートを設定していたとします。 a img:hover{ opacity:0.5; } 上記の設定で画像を

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

新年の連続記事で、自分のKPIを考えること、それをチェックリストに落としこむことについて書きました。 明日からはまた年末年始の非日常的な時間ではなく、日常的な時間の繰り返しが始まります。そうした毎日のなかで遠くにある目標に近づいているかどうかを簡単なな指標とアクションに還元して管理できるといいのですが、こうしたチェックリストはちょっと扱いが面倒であったりします。 やったことがあるひとならわかると思うのですが、これをリマインダやToDoリストのなかで管理するのは煩雑です。というのも、毎日同じリストをリセットさせる必要がありますので、通常のToDoと混ぜるとわかりにくくなるのです。 そこで、毎日、あるいは毎週、繰り返しやるべきことが表示されていて、一日のおわりにはリセットされるToDoリストがあるといいのにと考えます。 探してみると、そういうアプリがあるのです。iPhone / iPad で利

機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイ で乗り換えをするとキャッシュバックがもらえます。 スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちら キャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。 単語帳いらずの最強単語アプリ！ 電車で単語帳を広げる時代は終わりました。空いた時間に手軽に読める英単語アプリです。 TOEIC600点、730点、860点レベルの2000単語が収録されており、英語初級者から上級者まで幅広く扱えます。 どの言語でも言えることですが、語学で一番重要なのは単語力・語

iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能（OSX版含む） CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。

iPhoneはモバイル界隈では最大のアプリ数を誇っていますが、それは自分にとって良いアプリを見つけるのが大変であることも意味します。そこで、米Lifehackerがイチオシのアプリを集めた「Lifehacker Pack for iPhone 2015」を参考にしてください。 ※価格はすべて税込 生産性向上ツール Outlook まさかこの名前が出るとは思わなかったでしょうが、米LHが選ぶiOSのベストメールクライアントは、Microsoft の『Outlook』です。統合された受信トレイ、カスタマイズできるスワイプオプション、強力な検索機能、堅実なフィルターシステムなど、メールクライアントに必要なすべてを備えています。Apple標準の『Mail』も真っ青の仕上がりですので、よりパワフルなアプリを探しているなら、Outlookをチェックしてください。 Sunrise Calendar 『S

以前、情報管理LOGでスクリーンショットだけをDropBoxにアップロードする方法として、IFTTTを使う方法をご紹介しました。 IFTTTでスクリーンショットをDropBoxに送ったら捗った - 情報管理LOG 撮ったスクリーンショットが、自動でアップロードされていくので、これは、これで便利だったのですが、問題もありました。 それは、 バックグランドでIFTTTを起動させておかなくてはならない。 アップロードされるまで、しばらく待たなくてはいけない（数分程度～10分）。 というところが少しスッキリしていませんでした。 撮ったスクリーンショットは、すぐ使いたい。そして、できたら、iPhoneから消してしまいたいという欲求が高まってきました。 そこで、自動化といえば…Workflowしかないな。 ということで、Workflowのワークフロー（これややこやしいですよね？IFTTTでいうところの

workflow（ワークフロー）を初めて使う人のための基礎知識とおすすめレシピをまとめました。難しそうだと思っていた私が、実際にダウンロードから設定、使いやすさまでリポート！LINEメッセージやゲームを便利にする使い方を紹介しています。 workflowでできることworkflowはいくつかのアプリを連携させて行うような作業を、自動化するための作業効率化アプリです。 例えば、今聞いている曲を「SNSで共有したいなぁ」と思った場合、音楽アプリを開いて聞いている曲の共有マークをタップして、使用するSNSを操作して・・・、と手間がかかります。 このような操作を行う頻度が少なければ、不便に感じることはそれほどないかもしれませんが頻繁に行うのであれば一連の作業を自動化してくれるworkflowはかなりオススメです。 workflowはメニューと呼ばれるものを作成し、動作を定義してあげることで以降はボ

smart-eigo.com 2023 著作権. 不許複製 プライバシーポリシー

社会人になり1年が経とうとしている。半年でiOSアプリを11個リリースしたので、そのことを書いてみよう。 普段はマークアップエンジニア 2014年新卒で、普段は会社でHTML,CSS,たま〜にJavascriptを書いている。 アプリを作成するにあたった経緯 新卒入社後、半年間は趣味のプログラミングはいろいろやっていた。oFやProcessing,JSを使ったジェネラティブなプログラミングなどを良くやっていた。面白いのだが、飽きることもあったり、世の中のトレンドとして、アプリは無視できないと思った。Objective-Cの本を買ったものの、少しのサンプルを動かして終わっていた。2014年10月ごろ、重い腰をあげて、開発を再開したという感じ。 何を作ったか ・一覧 https://itunes.apple.com/jp/artist/naoya-sugimoto/id933472785 ht

ども！ともぞうです。 打ち合わせの議事録作成やあとで聞き返すように授業などをボイスレコーダーで録音しても、録音時間が長いと聞きたい所を探すのって大変ですよね。 そんな悩みを解決してくれる画期的なアプリが登場しました！その名も『キーワード頭出し　ボイスレコーダー』。なんと録音した内容を文字で検索できるすんごいアプリなんです。 検索以外にもメモやカメラ機能など、議事録作成や授業の記録に役立つ機能満載で一度使ったら手放せませんよ！ 録音した音声を文字で検索して頭出し 会議や授業の録音はiPhoneの標準アプリ『ボイスメモ』を使えばできるのですが、長時間の録音だと聞きたいところを探すのが大変なんです。 そんなお悩みを解決してくれるのが『キーワード頭出し　ボイスレコーダー』の目玉機能である音声の検索機能！ 早速、かみあぷの夜のネットニュース記事を読み上げたものを録音して試してみたいと思います。 この

Holiday 事業室の多田です。先日 Elasticsearch の記事を書いた内藤と共に Holiday ( https://haveagood.holiday ) の開発を行っています。 Holiday は、去年9月に Web 版をリリースしましたが、よりおでかけを楽しくするために今年3月に iPhone アプリをリリースしました（ダウンロードはこちら）。 アプリの開発過程ではコンセプトや仮説を立て、その検証や実現のために作っては壊すことを何度も繰り返し行いますが、実現したい価値を提供するためには、出来上がったプロダクトの細部のインタラクションも重要になってきます。細かい部分に気を配り使い心地を良くしてこそ、本当に提供したい価値をまっすぐに届けることができるためです。逆に言えば、最後の最後で細かい部分がちゃんとしていないばかりにそれまでの過程が無駄になったらもったいないですよね。 今

転職・求人情報サイトのtype エンジニアtype 働き方 初心者向けアプリ開発3分tips プログラミング未経験だった文系大学生が、3カ月でアプリの受託開発をするまでの話【初心者向けアプリ開発3分tips】 iOS、Android、Unityなどのアプリ開発について、初心者向けの内容を『RainbowApps』講師陣が分かりやすく解説していきます。 『RainbowApps』で、主にiOS・Android関係のアシスタントをしておりますサカノモトキと申します。 私はWeb系企業でのアルバイト経験をきっかけに、プログラムを覚えることの必要性を強く感じました。大学は文系で、プログラミングの経験はありませんでしたが、勢いのあるスマホのアプリ開発に挑戦してみました。 今回は、アプリ開発初心者向けに、未経験だった私がアプリ開発スクールに入校することを決めた背景や、入校してから3カ月で受託開発を担当