フォームの入力必須項目のマークアップ | Accessible & Usable
公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」
【お詫びと訂正】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行でま
Xcode7で1円も払わずに自作iOSアプリを実機確認する - Qiita
本日（2015年9月17日）正式公開されたXcode7からは Apple Developer Program に登録しなくても自作iOSアプリを実機にインストールして動かすことができると同僚のiOS技術者に教わったので早速試してみたら本当に出来て感激した。 そのことをつぶやいたらメチャクチャRTされたのでスクリーンショット付きで手順を書いておく。 うおー、1円も払ってないのに本当にXcode7からは実機で動かせた！これ週末楽しみすぎるだろ！「設定 > プロファイル > デベロッパAPP > 自分のAppleID > [自分のID]を信頼」で自作アプリが実機で動きます pic.twitter.com/8g42D5WiyW — 0.1㌧おじさん (@fushiroyama) 2015, 9月 17 僕みたいな普段はAndroid開発をしててiOS開発にも手を出してみたもののシミュレータだけでは
広告ブロックについての私見
（以下の文章はできるだけ公正に、というかどちらかというと自分へのメモとして、書いたつもりだが、私自身がモバイル広告業界で働いているので、見方にいろいろな偏りがあるかもしれない） iOS9で導入された広告ブロックの仕組みはすでに大きな話題になっているし、これからさらに普及していきそうだ。ユーザとしてはただインストールすれば広告が消えるわけで、すでに無料アプリもあり、導入に対する目立ったデメリットはなにもない。 一部パワーユーザの導入に留まるという見方もあるようだが、「とりあえずこれ入れておけばいいらしいですよ」という感じで、老若男女がインストールする日も近いのではないだろうか。なんの根拠もないようなバッテリー節約アプリでさえあれだけ流行ってるのだから。 その結果、モバイル広告業界は、検索型からディスプレイ型、ネットワーク型まで、例外なく被害を受けるだろう。いま人気の広告ブロックアプリは海外産
任天堂、iOSとAndroidの開発者を募集。 - すまほん!!
任天堂がデベロッパーを求人していることが明らかとなりました。 これは任天堂アメリカ法人の人材募集から明らかとなったもの。この新たな求人は、iOSとAndroidのクロスプラットフォームのWebテクノロジーを用いてゲームやアプリケーションを開発するためのモバイルゲームエンジニアを求めています。 任天堂は2017年4月までに5本のスマホ向けゲームを開発すると正式発表していますが、今回の求人はこれらのスマホゲーム自体ではないようです。あくまでオンラインシステムを介して、ゲームハードウェアとモバイルデバイス、モバイルアプリケーションを相互接続する計画のためのエンジニアです。（つまり任天堂の次期エコシステムは、大雑把に言えばiOSやAndroidを取り込む計画なのでしょう） ソーシャルゲームのDeNAと提携した任天堂。数々のリーク情報や公開情報から、任天堂がスマートフォン時代を踏まえたエコシステムと
iOSのSafariで、jQueryのdelegate(on)でクリックイベントが動作しないバグの対処方法
jQueryのクロスブラウザなところにある程度の信頼をおいてコーディングしていても、あるとき落とし穴に陥る時がある。 今回はまさにそんなシーン、 iOSデバイスのSafariで、jQueryのdelegate(on)でクリックイベントが動作しないバグの対処方法を紹介します。 <div id="click">動作しない</div> $("body").on("click", "#click", function() { alert("clicked!"); }); 上記コードは、#clickが指定された要素のクリック時にアラートを表示するというもの。 jQueryの.on()の使用法としては、別の資料を参照してください。 javascript部分を.delegate()で記述すると、 $("body").delegate("#click", "click", function() { ale
PI: iPhone で jQuery の live(click, ...) が効かないとき
2012年3月21日水曜日 iPhone で jQuery の live(click, ...) が効かないとき jQuery で <li> などの本来クリックされることを意図していない要素に live で clickイベントハンドラを付けると、iPhone の Mobile Safari で反応してくれない「ことがある」。 $('#an_element').live('click', function() { // このイベントハンドラが iPhone では安定して呼び出されない }); <li> に onclick="" という意味のない属性を付けると、安定してこれを回避できる。 <li id="an_element" onclick="">ららら～</li> あるいは <li><a>ららら～</a></li> とする。 click イベントではなく tap イベントにする。
LNLY » jQueryを使って追加したクリックイベントがiOSデバイスで動作しない場合の対処法
短めにケーススタディみたいなのも書いてみようと思う。 今日はコレ。 jQueryで追加したクリックイベントがiOSデバイスでのみ発火しない jQueryを使っていると、こんなコードが動かない場面に遭遇することがある。 div要素にクリックイベントを追加しても、クリックイベントが発火しない。 しかも、PCはちゃんと動き、iOSデバイスでのみ動かない、という状況だ。
Apple公認！iOSデバイス用のUSBフラッシュメモリ「iStick」に“注文”殺到中 | Techable(テッカブル)
iPhoneやiPadに動画をダウンロードしたり、写真をたくさん保存したりしている人は多いだろう。 そうしたデータをパソコンとやり取りするには、クラウドサービスを利用するか、ケーブルでつないで同期させる必要がある。そしてこれからは、そこにUSBフラッシュメモリの活用という選択肢が加わる。 このほど資金調達サイトKickstarterに登場した、Lightningコネクタ付きの「iStick」がそれだ。 ■コネクタとUSBをスライドして切り替え iStickは従来のUSBフラッシュメモリをやや太く短くしたような外観で、ボディ中央にあるボタンをスライドさせると、USB2.0コネクタとLightningコネクタを切り替えられるようになっている。 iOSデバイスに専用アプリをダウンロードすると、PCやiOSデバイスに入っている写真、動画、音楽、書類などがやり取りできるようになる。 ■データ保管、受
O'Reilly Japan - [終了しました] Deal of the Day - オラコレiOS版リリース記念でEbook18タイトルが50％オフ！ - Information from O'Reilly Japan
[終了しました] Deal of the Day - オラコレiOS版リリース記念でEbook18タイトルが50％オフ！ 皆さまこんにちは。 先日お伝えして大反響となったケータイゲーム「OREILLY COLLECTION（以下、オラコレ）」のiOS版が本日リリースされました。Android版同様、Cygamesさんからのリリースです。これまでプレイできなかったとお嘆きのお客さまも、ぜひお楽しみをいただけたら幸いです。 これを記念して、突然ではありますが1日限定のEbook割引キャンペーンを開催いたします。対象となるのはオライリーの書籍を代表する書籍と、オラコレには残念ながら収録できなかったEbook版のみのタイトルのあわせて18タイトル。以下にリストを掲載いたしますので、ご参照ください。 ORECOLLE」です。お間違えのないようご注意ください。以下のタイトルリストのリンクから商品をカー
iOS 7.0.xとiOS 7.1のデザイン変更点を比較まとめ。
iOS 7.1がリリースされたので、iOS 7.0.xとiOS 7.1の機能／UIを比較してみました。詳細は以下から。 ボタンの形 iOS 7.1から[設定] → [一般] → [アクセシビリティ]でボタンの形を表示できるオプションが追加されています。
知りたかった! iPad アプリ制作から申請方法までの無料解説書 | Adobe Blog
Creative Cloud メンバーなら、iPad アプリが無制限に作れる! と聞いてまず頂く質問が、できあがったアプリの申請にまつわるものです。Apple のマーケットプレースに自作の iPad を置くにはどうすればよいのか、どのような段取りになっているのか? DPS Single Edition の使い方だけでなく、その申請プロセスを一つ一つ解説したのが DPS Single Edition ステップバイステップガイド [PDF] です! 本ガイドの、驚きの目次はこんな感じです: 法律上の注意 はじめに はじめてのアプリケーションを作成するためのチェックリスト 2 つ目のアプリケーションを作成するためのチェックリスト Folio の作成 Apple のiOS Developer Program への登録 Apple への銀行情報および課税情報の提供 iOS アプリケーション用のApp
iOS 7 特集 | DevelopersIO
[iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた
iOSとAndroidのプッシュ通知方式の違いまとめ
マンガゲットで開発を担当している武上です。最近2歳の息子がいろいろお話ができるようになってきました。今までずっとママと呼ばれていたのですが（男親も女親もどっちもママ）、ついにパパとよばれるようになりました！しかも稀に「パパだいすき」とかいってくれます！生きててよかった！ ところで、iOS5が半年前にリリースされてからアプリの通知周りのユーザビリティが随分上がりました。そこで今回は、その裏側で動いている、iOSとAndoroidのプッシュ通知の実装方法の違いについてまとめてみたいと思います。 そもそもプッシュ通知とは何か？ ユーザがアプリを起動していなくとも、アプリにリアルタイムに何らかの通知を送る仕組みのことです。 iOSの場合はAPNS、Androidの場合はC2DMという名前で用意されており、それなりに容易に使うことができます。 どちらも基本は事前にユーザの許可を取った上で、Apple
iPhoneアプリにPush通知機能を実装する方法のまとめ - もとまか日記
先日書いた以下に関連して。こんなウェアラブル系ガジェットだったら欲しくなるかも iPhoneのプッシュ通知をもっと活用出来るといいかも、と思ったので、iOSアプリにプッシュ通知を実装する方法について調べてみたメモ。 必要なもの一応ですが、プッシュ通知の実装と確認するために必要なものが以下。・Mac・iOS端末・iOSデベロッパプログラムへの登録・Xcode作ったアプリを実機ヘ転送する必要があるので、デベロッパプログラムへの登録は必要ですね。 プッシュ通知の実装手順 プッシュ通知の実装は、ざっと以下のような手順で実装していきます。・証明書の作成・アプリへの実装・サーバ側の実装一番面倒くさくて分かりにくいのが証明書の作成で、アプリとサーバ側の対応は、実は非常に簡単だったりする。 証明書の作成について 面倒で分かりにくい証明書の作成だけど、最近は色々と詳細な記事があって本当に助かります。 tak
影を完全排除したiOS 7、ほんとにこれでいいの？
｢フラットデザイン｣で影が消えちゃったけど、あった方が見やすく使いやすいと。 iOS 7は、ジョナサン・アイヴ氏を新責任者として｢フラットなデザイン｣で一新されました。かなり大きく変わった分、そのデザインについてはギズモードでもすでに疑問視する声が出ています。今回、デザインのバックグラウンドを持つオーストリア在住のプログラマー、ファビアン・ピミンガーさんは、ユーザーインターフェース（以下UI）から影が完全になくなったことについて異を唱えています。 以下はファビアンさんの許可により、彼のブログ（Webサイトはこちら）から米Gizmodoに転載された内容です（強調は訳者が追加）。 今からちょうど1年前には、｢Skeuomorphism｣（訳注：レザー調ステッチや紙の素材感など、アナログの事物の外観をデジタルの世界で使う手法）とか｢フラットデザイン｣といった言葉を知っている人はほとんどいませんで
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
INSTAHACK（インスタハック）は、テック系、Web制作系を中心とした記事を掲載するブログです。 ｜ INSTAHACK
ページが見つかりません - Apple Developer