iPhone や iPad などでも、 JavaScript の click イベントは基本的に有効です。 しかし、これらのデバイスで click イベントを拾おうとすると、うまくいかないことがあります。 このあたり、結構わけのわからない仕様になっているので、順を追って説明します。 なお、以下の説明では jQuery 1.9以上の使用を前提としています。 どういうときにうまくいかないか とりあえず、以下のHTMLを前提とします。 ... <body> <p id="child1">...</p> <p id="child2">...</p> </body> ...
こんにちは! LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました(’ー’) そこで今回は、スマホのコーディングで僕が詰まったポイントとその解決方法について、実例を踏まえながら紹介していきたいと思います! 1. iOS8でz-indexを使っている要素をJSで操作すると、重なり順がおかしくなる こちらのページ(SP)では、社員の写真要素をスワイプすると画像が反転する、という動きを実装しています。 position:absoluteで表の写真、裏の写真を重ね、z-indexで重なり順を設定していた
新しいiPhoneの6と6 Plusが発表になりました。従来モデルよりそれぞれ少しづつ大きくなっていますが、日本ではまた人気が出るのでしょうね。特にiPhone 6 Plusの方は5.5インチと発表されていますので、前のモデルよりかなり画面が大きくなっています。 iPhoneもiPhone 3から4になった時に画面の解像度が2倍になってretinaディスプレイと呼ばれました。解像度が2倍になったので従来のグラフィック(ビットマップ)は2倍の大きさのものを用意する必要になり、@2xグラフィックと呼ばれるようになりました。今度のiPhone 6でも画面の解像度(ppi)は同じなのでやはり@2xのグラフィックで対応します。 なんで画面のサイズは4インチから4.7インチに拡大されたのに、UIグラフィックのサイズは同じでいいのかとお思いの方に向けて、改めて画面解像度とピクセルグラフィックの関係を説明
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
個人のゲーム開発者・上原さんが運営するUeharaLaboはこのほど、新宿駅構内を冒険するアクションRPG「新宿ダンジョン」をiOS/Android向けに公開した。JR新宿駅、小田急新宿駅など、新宿にある複数の駅の構造を完全に再現。駅の“ダンジョンっぷり”を楽しみながら冒険できる。 RPGのダンジョン風にドット絵で描かれた新宿駅を冒険するゲーム。「新宿駅の最奥部」である東京都庁までたどりつき、伝説の宝石を手に入れるとゴールだ。隠された宝や出入り口を見つけてコレクションする「コレクションモード」、トラップなどを外して駅構内を自由に行き来できる「フリーモード」もある。 上原さんは「新宿駅はその複雑な構造から、よく日本のダンジョンと言われているが、地図をネットで探しても一部のみで情報が古かったり、新しくても分かりづらいものしかなく、全体を把握するのは容易ではない」と指摘。「ネットで調べた範囲では
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ(chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください) download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
こんばんは。 本日(2013年9月11日)行われた、Appleの新iPhoneの発表の速報をお送りします。 〜今回の発表のポイント〜 ・5Cと5Sの発売! ・カラーバリエーションが豊富に! ・ドコモからも発売が決定! 5S&5Cスペック表 iOS7は9月18日にリリース フラットデザインで話題を呼んだ「iOS7」は、2013年9月18日にリリースされるそうです。 200もの新機能が搭載され、バグも修正。 対応端末は、iPhone 4以降、iPad 2以降、iPad mini、iPod touch 5代目以降。 iOS7の機能紹介 今回のiOS7で、追加される機能及び進化する機能は下記のとおり。 検索機能 ホームスクリーンをプルダウンすることで、すぐに検索ができるようになる。 Siriがアップデート Siriがより賢くなるとのこと。 ツイッターからツイートの検索や、ウィキペディア検索、写真検
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
2012年05月28日22:38 by tkfire85 iPhoneを使って、セブンイレブンを完全に自宅のプリンター代わりにする方法がすごい。 カテゴリ管理人 雑談 tkfire85 コピー機は社会にとって必需品になってきました。企業ならほぼ100%、自宅でもパソコンとセットで買って持っている人も多いでしょう。でも実際のところ、企業では企画書の配布などで大量のコピーを必要とするものの、家庭ではあまり利用する機械が無いという方も多いのではないでしょうか?僕の家もそうです。料理のレシピ。ちょっとしたコピー程度しか使わないです。 インクは血よりも高い。 そんな言葉があるように、プリンターの維持管理は以外と大変ですよね。 コピー用紙の補充は勿論ですが、インクが切れたら買いに行かなくちゃらない。年賀状ですらネット経由で印刷できる時代です。先日、ソフトバンクの孫社長が今後は資料は全て「iPad経由で
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか?確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい!」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です!どんなアプリでも作れるようになります!ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト! 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 all in a sick day’s work / arvindgrover こんにちは。作業中には音楽が欠かせない@ushigyuです。 毎日音楽を聴きながら何時間も作業をしていると、すぐに何巡もしてしまい「またこの曲か。何か新しい音楽ないかな・・・」などと思ってしまう方も多いのではないでしょうか。 そんなときに役立つのが、音楽を流し続けてくれるネットサービスやアプリ。 曲数やチャンネルはほとんど無限なので聞き飽きることがありませんし、意外な曲や懐かしい曲との出会いもあったりして楽しいです。 今回は、そんなサービスやiPhoneアプリを紹介します。
Appleから提供されているiOSのプログラミングガイド。日本語に翻訳されたiOSのドキュメントがあります。iOSデバイス向けのアプリを開発するにあたっては、必読の内容となっています。 これらは全てPDFで提供されています。 ですのでiPhoneでPDFを開き、iBooksで保存することが出来ます。 このように、持ち運んで空き時間に勉強できるんです。 PDFのリンクは下記にまとめていますので、iPhoneでご覧ください! iOSのドキュメント一覧(2011.8.20現時点) Audio & Video AV Foundationプログラミングガイド iOSカメラプログラミングトピックス Audio Session プログラミングガイド Core Audio の概要 iPodライブラリアクセス プログラミングガイド Tools & Languages Objective-C
さて春になってポカポカとお花見の季節になってきた今日この頃。 自分のまわりでもますます iPhone を新たに持ち始める人が増えてきました。 春ってそんなもの?(*ノ∀ノ)✨ というわけで、なんだか定番になってきた 個人的な独断と偏見でオススメする アプリ100選 をまたやってみようかな。 自分も、環境が変わって iPhone を使う用途もけっこう変わってきたように思います。 定番アプリもちょこちょこ変わっちゃうんだよね…(・_・; それではさっそく。 ※ 価格は掲載時のものです。掲載時とは価格が変動するものもあるのでご注意ください! ◎ 標準アプリに代わる基本的なアプリ iPhone に最初から入ってる標準のアプリたちはそれはそれで完璧なんだけど、それよりも個人的には使いやすいかもと思っているアプリをご紹介します。 連絡先+ 1.3(¥85) カテゴリ: ユーティリティ, ビジネス 販売
あまりにも Sparrow が便利すぎて胸の鼓動が止まりません。インストールして触ってたら便利すぎて涙出てきました。仕事が捗るとかのレベルじゃなくて、今すぐ皆さんにもおすすめしたいので記事にします。 Sparrow のダウンロードはこちら まず Sparrow って何 iPhone で物凄い効率的にメールを受信したり送信することができるアプリです。以前も紹介したのは Mac 版の Sparrow でしたが、それの iPhone 版になります。 正直 Mac でメール管理する上で Sparrow が無ければもう生きていけない程に重宝しています。有料アプリですが、正直このアプリが5倍の値段でもおかしくないと思う程に便利です。 Sparrow の iPhone アプリが出た! 今回それの iPhone 版が出たわけですからレビューなども見ずにイキナリ購入したところ、やっぱり期待を裏切らないどころ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く