iOS の Safari で Sticky (スクロール固定) 要素がカタカタしてお困りの時は | WP-E (仮)
スクロール位置に応じて画面内に固定されたりされなくなったり、そんな要素を Sticky 要素と呼んだりします。スクロールをトリガーに CSS の position プロパティを切り替えて実装するのが一般的なやり方と思いますが、iOS の Mobile Safari だけはスクロールを一度止めるまで position の変更が反映されない現象が起こります。 文字で説明しても全く分からない気がしていますので、次の画像を御覧ください。 こんな感じで一度スクロールをやめるまで、position: fixed に切り替わって上部に固定されるはずのその要素はまるで応答無く画面外へと消えていきます。メニューを使った例ですが、メニューでなくとも同様です。これは PC ブラウザや Android 端末では発生せず、スクロールイベントの実行頻度を下げたり、Passive Event Listeners を用い
アップル社iOS9の広告ブロック機能で大混乱しているようです（えふしん） - 個人 - Yahoo!ニュース
iOS9祭りが始まる前から申請してるアプリが、もうかれこれinReviewのまま１週間以上放置されていて、完全にiOS9申請祭りから乗り遅れているえふしんです。過去にリリースできていたコードの部分が突如、基準が厳しくなってトータルで一ヶ月ぐらい前からひっかかってます。 さて、 iOS9から広告ブロック機能がでたようですが、広告ブロックの名の下でグーグルさんと戦争してるのでしょうか？ 【検証】やっぱりアドブロックでGA無効化は本当だった件【追記あり】 自分で検証してみた結果、やっぱりGAはアドブロック機能によって無効化されてしまうことがわかったので、今後の対策を考えないといけないですね。頭が痛い 何故か広告ブロックで、Google Analyticsというアクセス解析ツールが遮断されてしまうという。Google Analyticsは広告成果の管理ツールでもあるからってことでしょうか？広告配信
iOSシミュレータとMacのSafariでローカルWebサイトの開発が便利
Xcodeに付属するiOSシミュレータと、MacのSafariを使うとローカル環境でWebサイト開発してる時にクソ便利だと言うことに気づいた。iPadやiPhone対応が要件に入ってる案件だと結構役に立つ気がする。 用意するものローカルサーバで動いてるWebサイトMaciOSシミュレータ(Xcodeインストールしたら勝手についてくる)MacのSafariローカルサーバでWebサイトを開発するCodeKitとかGruntとかMiddlemanとかVagrantとか、そういうローカルサーバ立ち上がってそこで表示確認出来る系のアレを使ってWebサイトを作る。 例として、Middlemanでサイト作ってみる。こちら、既に開発済みのWebサイトになります。 middleman serverでMiddleman起動すると、http://0.0.0.0:4567/というURLのローカルサーバが立ち上がる
iOS 7アプリを開発するのに必携のワイヤーフレーム·iOS 7 Wireframe Kit MOONGIFT
iOS 7 Wireframe KitはCreative Commonsのオープンソース・ソフトウェアです。 iOS 7の正式リリースは間もなくと思われますが、既に新しいアプリ開発においてはiOS 7のUIを模して行われていると思われます。そんな中で必要なのがUIを決める素材集です。今回はIllustratorベースのiOS 7 Wireframe Kitを紹介します。 こちらがファイル一覧。Illustrator、PDF、PNG、Omni Graffle、Sketch用のファイルとなっています。 その内容。iOS 7らしい雰囲気のコンポーネントが多数作成されています。 こちらはIllustrator版。 iOS 7 Wireframe Kitではデフォルトのオブジェクトをデザインしていますので、そういったパーツを組み合わせて作るアプリに対しては有効ではないでしょうか。細かくカスタマイズす
Objective-CでAndroidアプリ開発 - WonderPlanet DEVELOPER BLOG
今回のエンジニアブログ担当の山下です。 フルネイティブなアプリを作る場合、iOSではObjective-C、AndroidではJavaで書くのが一般的です。 OSが変わればAPIも変わりますし、そもそも記述する言語も変わってきます。 いろいろ勉強してみるのも為になりますが、一度書いただけでサクッといろんな環境で動いてくれたら、 開発がとても楽になると思います。 マルチプラットフォームなアプリを作る際、ゲームアプリだとcocos2d-xやUnityといった 選択肢がありますが、なじみの無い言語だったり、デバッグが大変だと感じる方も いらっしゃるのではないでしょうか。 そこでApportableというツールがあります。 これがなんと、iOSアプリのプロジェクトからAndroidアプリを力業で生成してしまうというものです。 UIKitを使ったアプリはもちろんのこと(なんとxibを使ってもOK)、
リアルタイム文書コラボレーションの限界を越える Quip の可能性
Google Docs であれ、Evernoteのノート共有機能であれ、最近の文書系サービスなら「同じ文書をコラボレーションで書く」という機能はたいてい備わっています。 でも正直なところ、みなさんこの機能、使っているでしょうか？ リアルタイムに共有できるといっても一長一短があって、なかなか現実の仕事では利用しづらい面があるのではないでしょうか。 たとえば私は論文を Google Docs で執筆することがありますが、デスクトップでのリアルタイム共有や共同執筆者のコメント機能は完璧でも、なかなか iPhone / iPad から編集できないので困ります。 Evernoteは共有はできますが、ユーザー間の意思の疎通は別の場所でやらなくてはいけません。Dropbox や他のツールを使うのでも同じです。「文章」と「文章についての会話」は Skype やチャットワークなどを使って別の場所で行う必要が
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
ファッ!? iPadでlabel要素がタップできない! そんな時の対処法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
いいですよね。テレサ・テン。 こんばんは。小林です。 さて、突然ですが、みなさん。フォーム作ってますか？ このブログを見てくださってるということは、今まで作ったフォームの数を覚えていないくらい作ったことがおありかと思います。 そうでない皆様にご説明致しますと、お問い合わせ的なあれです。 そう、インターネッツでよく見かけるあれです。 ガンプラ作りながらネットサーフィンしてるとよく見かけると思うんです。 こんな感じのやつです。 どれか一つ選びましょうってやつですね。 で、これ、選択する際は文字の部分を押下しますよね？ 押しやすいですもんね。 ところが、 iPad、というかiOSのバージョン5（恐らくバージョン5以前）だと、文字の部分をタップしても選択できないのです。 丸い部分をタップすればいいんですが、あんな小さい丸なんてタップできませんよね。 困りました…。 半ば諦めかけていたところ、デザイ
Herlock - Native Apps Development
HerlockはJavaScriptでiPhone、Androidアプリ開発ができる国内初のネイティブアプリクロスプラットフォーム開発環境です。FlashライクなコードでOpenGLを実装することができるため、パフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。動画を見る 動画を見る HerlockはJavaScriptを使用してワンソースでAndroid、iOSのネイティブアプリを開発することができる国内初のネイティブアプリ向けクロスプラットフォーム開発環境です。 手軽にパフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。 Herlockクローズドベータ版は2013年8月初旬リリース予定です。 メールアドレスをご登録いただいた方はリリース情報をメールにてお送り致します。 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、
【アプリ開発のお手本に】iOS 7の設計においてアップルが大切にした4つのポイント | TOKOROM BLOG
今回の記事はUIデザイナの Morino氏 からの寄稿です 前回 はiOS 7紹介ビデオの中のジョナサン・アイブ氏のパートをご紹介しました。 今回は、その中でも特に重要と感じたいくつかのフレーズをピックアップして深堀りしてみたいと思います。 “True simplicity” iOS 7から話題の"フラットデザイン"が採用されて、画面デザインは大分シンプルな外観になりました。 使う色の数は限定され、簡単明瞭なラインやシルエットがほとんどのデザインを占めています。 iOS 6まで採用されていたSkeuomorphism（装飾的・リアルな外観）は排除され、立体的で質感を感じるデザインから、平面的で形やテキストの意味性をストレートに伝えるデザインに変わりました。 ただ、“Simplicity"という言葉は、単に外観を表すものとして使われているわけではありません。 「複雑さに秩序をもたらす」という
iOS7は従来のフラットデザインの問題点を解決している - 小さなごちそう
iOS7のフラットデザインは賛否両論だが、動画でみると全然印象が違う。 実に素晴らしい。Retinaと同じで一度触ったら戻れなくなりそうだ。 Apple iOS 7 - WWDC Video Demo (with John Ive ... WWDC Keynoteでこのビデオが流れた後のティム・クック氏のドヤ顔（81分14秒あたり）もうなずける。 こちらの記事ではiOS7のアイコンをリデザインしなおした例が掲載されている。オリジナルに比べてボックスの内側に配置されたアイコンが小さく、コントラストがはっきりしている。 ▼iOS 7のアイコンがさっそくリデザインされて超クールに！ こっちの方がいい | NANOKAMO BLOG 静的なキャプチャだけみるとリデザインされたものの方がマッチしているように見えるが、恐らく実機でみた場合はオリジナルのほうがしっくりくると思う。 フラットデザインはデザ
iOSの開発効率化に。高機能デバッガー·SuperDB MOONGIFT
SuperDBはiOS/Mac OSX用のオープンソース・ソフトウェア（BSD License）です。 iOSのデバッグや、ちょっとした調整をしてはコンパイルし直して確認する…といった開発で苦労した覚えはないでしょうか。そこで今回はiOSアプリのインタラクティブなデバッガーSuperDBを紹介します。 Mac OSXアプリをコンパイルすると、iOSシミュレータで立ち上がっているアプリ名が表示されます。ダブルクリックして接続します。 そうするとコンソールが開くので、例えばselfと打ちます。 こちらはiOSアプリの画面です。 角に丸みをつけました。これはコンソールから実行するのみで、iOSアプリは立ち上げたままになっています。 この44という部分が丸み指定場所で、マウスでドラッグして数値を変更できるのがユニークです。 SuperDBはiOSアプリの操作をF-Scriptのようなシンタックスで
Reveal - naoyaのはてなダイアリー
Reveal (http://revealapp.com/) なる iOS 向けのランタイムインスペクタなるものを知人のツイート経由で見つけた。ランタイムインスペクタとは何か ･･･ "Reveal brings the power of tools like Firebug and Web Inspector to iOS developers." ということでiOS アプリ用の Firebug みたいなのだと思えば良い。 動画を観てると確かにすごい。3D で動かしながら View の階層を手繰ってアプリのビューがどういう構造になっているかを見ていくことができる。更に動的にパラメータを変更して大きさや動きを変える、なんて Firebug の css の編集みたいなこともできるようだ。ベータ版は無料のようだ。 これは捗る。 RubyMotion で動かす ドキュメントを見てみたところ Re
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
モバイルSafariでYouTubeリンクを長押しすると公式YouTubeアプリで動画を開けることが判明 | NANOKAMO BLOG
どうも@kuroji1987です。 これ全く知りませんでした。以外とAppleも許容してるんだなぁと実感ｗ iPhoneやiPadのモバイルSafariでYouTubeのリンクを長押しすると、Googleからリリースされている公式『YouTube』アプリで動画ページを開けることが発覚いたしました。 YouTube カテゴリ: 写真／ビデオ 価格: 無料 Chromeではありませんよ！ Safariです！ ということで方法を解説いたします。 リンクを長押しするだけ まずYouTubeへのリンクを見つけます。そいつを長押ししましょう。「”YouTube”で開く」というボタンが表示されます。 ボタンをタップするとアプリが開いて動画が再生されました。これだけ！！ 見つけたのがGoogleの検索結果だったので他のリンクでも開くか疑問だったのですが、試したら同じように「”YouTube”で開く」ボタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS7用インタフェース作成用のワイヤーフレーム「iOS 7 Wireframe Kit」:phpspot開発日誌
http://jp.startup-dating.com/2013/06/top-10-developer-tips-mobile-seo-in-apples-app-store-i-phone-ipad-ios7-infographic-by-searchmancom
「iOS 7」における、デザイン哲学のせめぎ合い
新着記事
flipsnap