さて、Adobe Edgeツール&サービスが発表されましたね。リモートデバッグではAdobe ShadowがEdge Inspectに名をかえて正式にリリースされたようです。まぁ特に変わったことはないんですけど、ダウンロードするのに、Adobeのアカウントが必要になったとかでちょいめんどくさくなりました。Shadowの使い方はこことか参照するとよい。 ここではあえて、時代の流れを読まずにChrome for Androidでリモートデバッグに挑戦したいと思います。ChromeはAndroid4.0以降対応なんですね、必死こいて2.3の端末機にインスコしようとググってました。あと、4.1からデフォルトのブラウザーになるとかで今後のメインストリーム確実な感じです。 Remote Debugging - Google Chrome Mobile — Google Developers 各種インス
たまってるWebKit changelogのフィードを消化中…しんどいなあ。mozilla-centralはそこまで多くないから楽なんだけど。Chromiumはフィードがないのもあってかなりしんどい(ほとんど見ないけど)。 というわけでそんな中からWeb Inspector関連の変更を。 Styleパネルの挙動がFirebugと近くなった Web Inspectorを使い始めて最初にうわあっておもったのが、スタイルの有効/無効を切り替えるチェックボックスがパネルの右端にあったこと。カーソルはプロパティやら値やらの上を通ることが多いのか、右にあるのがとても使いづらかった。今は慣れた。 それがr107933で変わって、チェックボックスが左になった。 やっぱり左のがしっくりくるなあ。 しかしここへ来てかー。Web Inspectorに慣れた人とかはどう思うんだろう。 もうひとつは、クリック1回で
久しぶりのブログ更新です。ちょっとした小ネタですが、クライアントサイドJavaScriptのエラー捕捉して、analyticsにイベントとして記録する方法です。 サーバーサイドのエラーは残っているのですが、クライアントサイドのエラーがわからない。そういえば、過去にそんなサービスを見たことあったなー、と思って調べてみました。 クライアントサイドJavaScriptのエラー捕捉をするプロキシサービスProxinohttp://jp.techcrunch.com/archives/20110822yc-funded-proxino-automated-error-reporting-for-your-client-side-javascript/ 現在は、月額$10になってるようですが、それでも高い・・・。 最速インターフェース研究会 :: JavaScriptでDebugScreenを表示する
原文: Hello Chrome, it’s Firefox calling! on February 4, 2013 by Maire Reavy and Robert Nyman [Editor] Mozilla は WebRTC の開発において大きなマイルストーンに到達したことに興奮しています。Firefox と Chrome 間での RTCPeerConnection の相互運用に成功したのです。この取り組みが成し遂げられたのは、オープン Web コミュニティと Mozilla, Google の密な協調の成果です。 RTCPeerConnection (PeerConnection や PC と略されます) の相互運用性の確保により、サードパーティ製プラグインをインストールすることなく、Firefox の WebRTC アプリケーションと Chrome の WebRTC アプリケ
「Webアプリにおける11の脆弱性の常識と対策」という記事を久しぶりに読みました。出た当事も思いましたが、基本的な誤りが多く、読者が誤解しそうです。このため、編集部から頼まれたわけではありませんが、「勝手に査読」してみようと思います。 細かい点に突っ込んでいくとキリがないので、大きな問題のみ指摘したいと思います。 ※2013年2月25日追記 このエントリに対して、編集部が元記事を修正くださいました。徳丸も修正に協力いたしましたが、十分正確な内容ではないことをお含みおきください。 ※追記終わり 同記事の想定読者は誰か査読にあたり、この記事の想定読者を明確にしておいた方がよいですね。記事の冒頭には、連載の説明があります。 本連載は、JSP/サーブレット+StrutsのWebアプリケーション開発を通じて、Java言語以外(PHPやASP.NET、Ruby on Railsなど)の開発にも通用する
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
This extension depended upon the interface to sqlite engine embedded in Firefox. As the interface has been removed in Firefox 57, this extension no longer functions. However, the extension can be used on ESR release of Firefox, which can be downloaded at https://www.mozilla.org/en-US/firefox/organizations/all/. Features: Manage any SQLite database on your computer.An intuitive heirarchical tree sh
ちょっとした細かい事なんですけど、設定とかimportとか プロジェクトを跨がって使いそうなやつは最初にうちにやってること多いんですけど、 その辺のネタを少々・・・ 1.NSLogの拡張と、prefix.pch NSLogは、コンソールにその内容を出力してくれるわけですが、 NSLog(@"%s",__PRETTY_FUNCTION__); NSLog(@"%d",__LINE__); とすると、 __PRETTY_FUNCTION__:クラス及び関数名 __LINE__:行数 などを表示してくれます。 ただ、毎回これを記述するのは、 面倒なのでだいたいマクロにしたりしますが、 #define LOG(fmt,...) NSLog((@"%s %d "fmt), __PRETTY_FUNCTION__, __LINE__, ##__VA_ARGS__); これをあるヘッダファイルなどに記述
今日は、サイトにツイート一覧を貼り付けている人向けのお知らせです。というのも、Twitterが提供しているツイート一覧をサイトに掲載する仕組みが3月には使えなくなってしまうのです。 Twitterは、標準のサイト貼り付け用ツイート一覧ボックス(「Join the conversation」と表示されるやつ、ウィジェット)の提供を近いうちに終了することを発表しました(代替手段については後述)。 「 "Join the conversation” ウィジェット」提供終了のお知らせ(Twitterブログ) Twitterの新しいAPI(プログラムによるツイートデータ取得の仕組み)への移行によるものです。この「Join the conversation」ウィジェットは古いAPIを使っているため、新APIへの切り替えにともなって使えなくなるのです。 正式な提供終了時期は確定していませんが、完全に終了
http://security.slashdot.jp/story/13/02/24/0858210/ Firefox 22のCookieに関するポリシー変更(予定)で具体的にどういう悪影響が懸念されるのかについて書きます。 この変更は「サードパーティCookieをデフォルトでブロック」と言われて想像するものと少し違います。 正確には既にCookieが保存されているドメインであれば3rd party cookieの読み書きを緩和して、新規での3rd party cookieの保存をブロックするというものです。Safariの現行のポリシーとほぼ同じものです。 自分は直接的な不利益を受ける立場ではない。 自分の所属している企業のWebサイトの多くは広告収益に依存しているが、この変更があっても「巨大な」インパクトは恐らくない。 常用している全てのブラウザで3rd party cookieをブロッ
CGImageCreateWithImageInRectを使うと、CGImageから任意のCGRectの範囲の画像が作れる。CGImageからUIImageを作るときは、imageWithCGImage:scale:orientation:を使い倍率を設定することで、高解像度のUIImageを作ることができる。 - (void)setImage:(UIImage *)image rect:(CGRect)rect { // self は UIImageView [self setImage:nil]; // 画像のクリッピング iPad3 Retina対応 float scale = [[UIScreen mainScreen] scale]; CGRect scaledRect = CGRectMake(rect.origin.x * scale, rect.origin.y * sca
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く