iOS 9以下でもiPhone safariでインラインで動画再生する方法第三弾 - Qiita
いよいよFelicaポート搭載のiPhone 7が発表されましたね！サプライズもありまだまだ日本でのiPhone一強は続くのではないかと感じさせられました。 さて、そのiPhone 7に搭載される予定のiOS 10ではいよいよsafariでも動画のインライン再生が可能になります。 iOS 10 Safari から video の inline 再生が可能になります - latest log iOS 9以下でもインライン再生する iPhone Safariで動画をインライン再生する方法 - Qiita 【音声対応】 iPhone Safariで動画をインライン再生する方法続き - Qiita 以前書いたこの2つの記事で紹介した方法はいずれも、video要素のcurrentTimeを動かしてcanvas要素に描画するというものでした。 今更発見した新手法 今回見つけた手法では、canvas要素
iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作る
iOS4.2からSafariで加速度センサーを使うことができるようになりました。 モンハンの予約を逃していつ買えるのかとヤキモキしているME課の比留間です、こんにちわ。 さて、つい先日アップデートされたiOS4.2。このアップデートでMobile Safariから加速度センサーをJavaScript経由で利用することができるようになりました。使い方は簡単で、以下のようにするだけで加速度の値を取得することができます。 JavaScriptから加速度センサーにアクセスする window.ondevicemotion = function(event) { //event.accelerationIncludingGravity.x //event.accelerationIncludingGravity.y //event.accelerationIncludingGravity.z } これ
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
iOS4.2の加速度センサ試してみたよ - Webtech Walker
iOS4.2はSafariの機能も大幅にバージョンアップしてますね。その中でも特に目玉なのがWebSokectと加速度センサのサポートだと思います。早速加速度センサのほうのDemoなどつくってみました。 DEMO for iOS 使い方は簡単で window.addEventListener('devicemotion', function(evt) { console.log(evt.accelerationIncludingGravity.x); //=> x console.log(evt.accelerationIncludingGravity.y); //=> y console.log(evt.accelerationIncludingGravity.z); //=> z }); これだけです。 WebSocketと加速度センサのサポートはWebアプリつくっている人からするとか
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
Safari5の拡張作ってみた - os0x.blog
Chrome拡張をとりあえず3つだけSafari拡張に移植というか、どちらでも動くようにしてみました。以下からインストールできると思いますが、今のところ拡張は頻繁にクラッシュしますし、正式リリースされてないということは色々と問題が残っているということですから、そのあたりをご理解の上、ご利用は自己責任でお願いします。 http://ss-o.net/safari/extension/AutoPatchWork.safariextz AutoPatchWorkのSafari拡張版。いわゆるAutoPagerizeクローン。アイコンの色がおかしい？アイコンの色は制限されているみたいです。ちょうどいい機会なのでアイコンを廃止してページの下にラインを出すようにしました。 http://ss-o.net/safari/extension/SocialCounter.safariextz SocialC
Safari Extension でニコニコントローラ（習作） - こたにき
出ましたね！ Safari 5！ 何と言っても目玉機能は拡張 (extension) 機能です。Firefox のアドオンみたいなもんですね。Safari → Chrome に浮気をしていた理由がこの拡張機能だったので、元サヤに収まれそうです。 早速、習作としてニコニコ動画のプレイヤーをコントールするツールバーを作ってみました！ Play を押すと再生、Pause を押すと一時停止… のようになります。 ダウンロード: nicontroller.safariextz ソースコード: http://github.com/kotas/nicontroller 使い方 まずは Safari 5 をダウンロード＆インストールします。 Safari 5 を起動してメニューから環境設定を開きます。（Mac だと Cmd+,） 詳細タブを開いて、「メニューバーに''開発''メニューを表示」にチェックを入
アップル、Safari 4を発表--Cover Flow、Tabs on Topなど多数の新機能
アップルは2月24日、ウェブブラウザの最新版「Safari 4」のパブリックベータ版を公開した。英語版のみ提供されている。対応OSはMac OS X Leopardバージョン10.5.6およびSecurity Update 2009-001、Mac OS X Tigerバージョン10.4.11、Windows XP SP2以降、Windows Vista。 新機能を中心に紹介したフォトレポートはこちら。 Safari 4は新しいNitroエンジンの搭載により、JavaScriptの実行速度がSafari 3の4.2倍、IE7の最大30倍、Firefox 3の3倍以上速くなっているという。またHTMLウェブページの読み込みも、IE7の3倍以上、Firefox3のほぼ3倍の速さだという。 さらにSafari 4にはTop Sites、Full History Search、Cover Flow
Webアプリ開発環境としてのSafariを知ってますか？
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日本登場に先駆けて、Windows版Safari 3.1が登場しました（参考「Apple、Windowsにも正式対応の「Safari 3.1」リリース」）。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer（以下、IE）が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました（参考「新しいWebブラウザ
米Google、GearsのSafari版を正式リリース | パソコン | マイコミジャーナル
Webアプリをローカル化できる「Gears」のSafari版が正式公開 Googleは15日 (米国時間)、オープンソースのWebブラウザ拡張機能「Gears」のSafari版を正式にリリースした。動作環境はSafari 3.1.1以降、Mac OS X 10.4.11 / 10.5.3以降のシステムに対応する。バイナリパッケージはGearsのWebサイトから無償ダウンロード可能。 Gearsは、Webアプリケーションのオフライン動作を可能にするブラウザ拡張機能。これまでPC用Webブラウザでは、FirefoxとInternet Explorer、Operaをサポート、Safariは8月下旬から開発者向けβ版が公開されていた。 Safari版Gearsには、ほぼ最新のコードベース (v0.4.22.0) を使用。位置情報特定用の「Gears Geolocation API」、およびアプリケ
Webデバッガ最強はFirebugだが、ほかのブラウザでは… | エンタープライズ | マイコミジャーナル
JavaScriptベースのWebアプリケーションやWebサイトのデザイン調整に欠かせないツールがFirebugだ。Webブラウザ内で直接インスペクトやデバッグを実施するツールとしては実質的にデファクトスタンダードといっていい。どれも満足のいく機能ばかりだが、唯一不満な点をあげるとすればFirefoxエクステンションとして実装されているためほかのWebブラウザでは使えないというところだろう。IEが最大シェアを持っていることにかわりはなく、むしろ標準に準拠していないことが多いIEでこそ同様のツールが必要だ。 そこでKevin Yank氏がSitePointにアップしたドキュメントIn-browser Development Tools: Firebug Still Kingに注目したい。同氏は代表的なWebブラウザとそのデバッグ/インスペクトツールに言及し現状をまとめている。内容を簡単にかい
SafariStandだけじゃない！Safariの拡張機能 - VTuberになったプログラマーの魂の残滓
SafariStandの紹介記事を見て 高橋敦の「Macでいいじゃん！」第13回：Mac標準ブラウザ「Safari」をプラグインで強化するには？ - ITmedia +D PC USER この記事を読んで、SafariStand以外にもっと忘れちゃいけない拡張があるじゃない、ということでSafariStandとGreaseKitの紹介します。 SafariStand インストールについては上の記事参照してもらうとして、じゃあ実際どう便利なん？ってことで簡単に紹介してみる ターゲットリンクをタブで開く Safariが標準で実装しろよ、って感じなんですが、これを有効にすることでlivedoor Readerでピンを開くときにちゃんとタブで開いてくれるようになる。 これだけでFirefoxからSafariに乗り換えるだけの決定打になった。 Quick Search アドレスバーから検索できる。
CSSだけでグラデーションを実現：WebKit - builder by ZDNet Japan
時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス オラクルスペシャリストが語る！ 多くの企業で利用
box-sizingで横幅の算出方法を指定する--FirefoxとSafariのCSS対応 - builder by ZDNet Japan
CSS 3の勧告候補「Basic User Interface Module」では、横幅や高さの算出方法を指定するbox-sizingというプロパティが定義されている。これまではFirefoxとOperaが対応しているだけだったが、Safari 3やInternet Explorer 8（ベータ版）でもサポートされ、主要な4種類のモダンブラウザが対応したプロパティとなっている。 今回はこのbox-sizingプロパティの機能と、各ブラウザでの表示を確認していきたい。 box-sizingプロパティ CSSではHTML/XHTMLでマークアップした部分の横幅をwidth、高さをheightプロパティで指定することができる。このときbox-sizingプロパティを利用すると、widthやheightで指定した横幅や高さに、パディングやボーダーの大きさを含むかどうかを指定することができる。 bo
Firefox から Safari へ移行する方法 - 僕は発展途上技術者
Safari 3.1 が速くて快適という話をあちこちで聞くので、この機会に移行しました。 Mac に移行しても Firefox を使い続けていたのは、Add-on や様々な便利機能と同等なことが Safari でもできるのかしら、と思っていたからです。 Firefox で愛用し、Safari に移行しても最低限欲しいと思っていた機能は以下の通り。 マウスジェスチャー QuickSilverからのブックマーク呼び出し Greasemonkey、とくに AutoPagerize と、自作し愛用している » Amazonに調布市立図書館の蔵書検索リンクを追加するGreasemonkeyスクリプト : 僕は発展途上技術者 Google はじめ Amazon など様々なサイトを呼び出せる検索バー Firefox から Safari に移行し、これらの機能を Safari でも使えるようにする方法を紹
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va
Windows版Safariはインストールしてはいけない。なぜなら……：CloseBox & OpenPod：オルタナティブ・ブログ
Mac、iPhone、iPod、歌声合成、DTM、楽器、各種ガジェット、メディアなどの情報・雑感などなど MozillaのCEOが「Safariのインストール手法はいかがなものか」と言ってますが、それ以外にもWindows版Safariをインストールするに当たってのトラブルがあるようです。 というか、これはもっと根本的な問題。 The Registerによれば、Windows版SafariのEULA（使用許諾契約）の中に、こんな文言があるそうです。 This Licence allows you to install and use one copy of the Apple Software on a single Apple-labeled computer at a time. え？ Appleのラベルがないと、つまりMacでないとSafariはインストールしちゃいけないってこと？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MacやWindowsで複数バージョンのブラウザを共存させる方法いろいろ - DesignWalker
Surfin' Safari
