モバイルブラウザからアプリを開くには - console.lealog();
あいも変わらずモバイル情報です。 成果物はこちら。 leader22/app-opener 事の発端 よく見ますよね、モバイルサイトの至る所にある「Twitterでシェア」、「Facebookでシェア」ってボタン。 よく見るんですけど・・・押しますか？アレ。 TwitterもFacebookも、もちろんアプリを使ってますよね。 ブラウザでなんて、誰もログインしてないですよね。 てことは誰も押さないですよね？！！ ネイティブアプリ全盛期にブラウザWebでシェアしてね！ったって、 わざわざログインしてまでやってくれる人が、果たしてどれくらいいるでしょうか。 うー、Webつらい！アプリ強い！ せめてこのボタンを押すとアプリが起動し・・たら素敵ではありませんか？！ どうにかなるのか 別に目新しい技術ではないのですが、実は"URIScheme"っていうものがあります。 URLスキーマって言われたりス
游明朝体・游ゴシック体の使用は注意しなくてはならない・・・ やってくれるねIE先輩！ - Qiita
WindowsでもMacでも同じフォントが使えるということで游ゴシックを試してみたのですが、IEでレイアウトがずれてしまいました・・・。 キャプチャを見てもらえれば分かるかと思うのですが、文字の下に謎の余白？が出来てしまっています MSコミュニティにもこんな質問があがっていました。 IEで「游ゴシック／游明朝」を表示させると、文字の下側に由来不明の余白が生じる 相変わらずIE先輩には悩まされますね・・・ 検証コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>游書体テスト</title> <style type="text/css" media="screen"> html { box-sizing: border-box; font-size: 16px; line-height: 1.5;
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
Save Your Time With 10 Underused Google Features
Google's email service was born on April Fool's Day. Today, it's no joke. We can't do a day without it. Trivia about Gmail may not be useful for productivity, but I bet you will jump at a tip that shows you how to delegate your email to an assistant or spouse. It turns out Google is filled with these little nuggets. We ignore them because sometimes we take common tools for granted. Google's tools
Modern Syntax
今回のモダシンラジオは私が観ている2024年7月-9月のアニメ、いわゆる2024夏アニメについて語る回です。以下のアニメについて48分しゃべっています。面白いと思うやつには★を、観る時間なければ観ないかものやつに◾️をつけておきますね。 ・◾️ATRI -My Dear Moments- ・異世界失格 ・異世界ゆるり紀行 ～子育てしながら冒険者します～ ・◾️伊藤潤二『マニアック』 ・★【推しの子】第2期 ・俺は全てを【パリイ】する～逆勘違いの世界最強は冒険者になりたい～ ・★かつて魔法少女と悪は敵対していた。 ・神之塔 -Tower of God- 王子の帰還 ・◾️疑似ハーレム ・◾️義妹生活 ・◾️恋は双子で割り切れない ・この世界は不完全すぎる ・しかのこのこのここしたんたん ・◾️下の階には澪がいる ・★小市民シリーズ ・新米オッサン冒険者、最強パーティに死ぬほど鍛えられて無敵に
FirefoxのHTML5『video』タグの落とし穴？ | f:factory
イラスト・写真の制作工場『F:FACTORY』。備忘録 今更ながらHTML5のvideoタグなんですが、 ここで躓いてしまったので、忘れないようにメモ。 Google先生に HTML5 VIDEO で検索すると、埋め込みの際の注意事項的なものがすぐ見つかると思います。 それを参考にするといいでしょう…ごめんなさい… 簡単に説明するとHTML5ではプラグインを使わなくても動画をWEBに表示するとこができます。 再生ボタンや停止ボタンなどのインターフェースも表示したりできる優れものなんですよね。 ※HTML5対応のブラウザでのみ可能です。 ソースにこれを書くだけでいいんです…が….mp4が対応されていないブラウザももちろんあるので ※ご利用のブラウザでは再生することができません。 と、それぞれのブラウザに対応した動画形式を準備してsource要素に振り分けます。 これだけでブラウザが対応してい
userAgent一覧
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
ブラウザにファイルをドロップしてはいけない - ぼくはまちちゃん！
こんにちはこんにちは！！ 先日、CROSS 2013っていう、エンジニア向けのビール飲み放題のイベントに行ってきました！ そこの「HTML5×セキュリティ」っていうコーナーで、ちょっと喋ってきたんですが、 その時の小ネタを紹介しておきます。 最近、ブログとかのWebサービスで写真をアップロードする時に、 ファイルをドラッグ＆ドロップするだけでできたりしますよね。 いちいちダイアログから選ばなくていいから便利です。 こんなやつ。 この手の仕掛けって、ドラッグ時にボーダーカラーを変えたりして 「いまドラッグ＆ドロップ状態ですよ〜」ってわかりやすく表示されますが、 それって別に、ブラウザが警告の意味で出してるんじゃなくて、 あくまで、Webサービス側が親切で表示してるだけなんですよね。 ってことは ・ドラッグされても特にボーダーラインなどを表示せず ・画面上のどこでもドロップを受け入れるようにし
フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;
斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。 各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。 また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
スマートフォンのブラウザでoverflow:scrollでスクロールさせようとした話。 - 車輪を再発明 / koba04の日記
スマートフォンのブラウザで、Google Mapみたいな感じにdivの中に入れたでっかいcanvasをグリグリスクロールさせたいと思って調べてみてわかったことのメモです。 ※結論から言うと自分のやりたいことは出来ていないので、解決策を知りたい人には役に立ちません。 サンプルの説明 こんな感じで320×320のdivの中500×500のcanvasを入れてみます。わかりやすいようにoverflow:autoではなく、scrollで指定しています。 <div style="width:300px;height:320;overflow:scroll;border:solid 1px gray"> <canvas width="500" height="500"></canvas> まずPCブラウザ(Chrome) まぁ当然スクロールバーが表示されます。(注:画像です) iOSのブラウザ スクロ
Google Chrome でAjaxを利用しローカルファイルにアクセスする
Google Chrome でAjaxを利用しローカルファイルにアクセスする Google Chrome5.0.335以降でどうやらローカルファイへのアクセスポリシーが変更されており、AjaxのXMLHttpRequest でローカルのHTMLなどからローカルファイルにアクセスが出来なくなってしまったようです。[5.0.335 Update] ローカルサーバーなどを立てて開発している場合は問題ないんですが、たんなるローカルファイルとして開発しているとやっかいですね。 解決方法としては、Google Chromeの起動オプションに次のコードを追加します。 -allow-file-access-from-files 起動オプションはWindowsですと、アプリのショートカットアイコンを右クリックしてプロパティを選択、リンク先を次のように変更することで付加できます。 C:\Users\...(中
miyahan.com | 液晶ディスプレイとカラーマネージメント
液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安
嫌われまくりのIE6の現状と仲良く付き合う方法
2017年7月14日 Web関連記事, 便利ツール TwitterでWeb屋さんのつぶやきを見ていると「IE6のせいで…」「IE6さえなければ…」なんて声がよく聞こえてきます。産みの親からも見放されつつあるInternet Explorer 6。一体なぜここまで嫌われているのか？どれほどの人が涙を流してきたのか？そんなIE6と付き合っていく方法は？IE6にまつわる情報を簡単にまとめてみました。 ↑私が10年以上利用している会計ソフト！ IE6のシェア 2001年に世にリリースされたInternet Explorer 6。通称IE6。リリースされて10年たった今も色んな意味で話題のこのブラウザーを使っているユーザーは現在どれくらいいるのでしょう？ マイクロソフトが（！）IE6撲滅のため「Internet Explorer 6 Countdown」というサイトで世界中でIE6がどれくらい使われ
【Firefox】JSONViewは神拡張【Google Chrome】 - 射撃しつつ前転 改
JSONViewを知らない人が社内でいっぱいいたので、これは宣伝すると他にも幸せになれる人がたくさん居るだろう、ということで宣伝してみる。 近年、JSON形式でウェブAPIを作成する機会が増えてきた。しかし、JSONで出力された場合、日本語の文字列はエスケープされる実装が多く(仕様的にはエスケープしてもしなくてもどっちでもいい)、結果を目視で確認することができなくて困るということがよくある。 そのため、JSON APIをたたいてパースして出力するだけのスクリプトをわざわざRubyで書く、というようなことを繰り返していた（前に書いたスクリプトを探すよりも新しく書いたほうが早いのだが、それでもAPIを調べ直したりで3分ぐらいはかかる）のだが、JSONViewという拡張を使うことで、ブラウザ上でのJSONを、XML風に見やすく整形してくれることがわかった。以下のスクリーンショットに、JSONVi
Chromeと同レベルの周期に - Firefox、2011年度中にバージョン7まで公開へ | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable 2011年度におけるFirefox開発ロードマップが更新された。草案という位置づけにあるが、Firefoxの方向性を示すものとして興味深い。このロードマップどおりに作業が進むことになれば、2011年度はFirefoxにとってもユーザにとってもドラスティックな年になる可能性が高い。更新されたロードマップから特に重要度が高く興味深いものをまとめると次のとおり。 Firefox 4、5、6、7をリリースする。メジャーアップグレードの基準を変更。 どの操作であっても50ms以内のレスポンスを実現する。 現在はブラウザとFlash/モバイルOS/SNSといったようにプラットフォームと呼べるものが分断しているが、双方の融合を進める。 ユーザデータやステータスデータの堅牢な保持の実現。 新し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPadのSafariとMacのSafariを接続してデバッグする方法 – MEMOUK
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
whirlpower.note - FlashPlayer11を試すためにChromeのFlashPlayerをきりかえる