[pdf.js] 手軽にPDFファイルをHTMLに埋め込めるWebComponentを作った - Qiita
PDFファイルを手軽にHTMLに埋め込みたい PDFファイルをHTMLに埋め込む場合、従来だと<iframe>タグを使用するか、pdf.jsを使用する方法、Google Driveのプレビュー用URLを使う方法がありました。 ただし、それぞれ <iframe>タグを使用する方法 → PCのみ埋め込み可、スマホ非対応❌ pdf.jsを使用する方法 → スマホに対応しているが、公式サイトからzipファイルを解凍し自分でサーバーに設置する必要がある（面倒）⚠️ Google Driveのプレビュー用URLを使う方法 → 複数のPDFを埋め込むと挙動が不安定になってしまった＆公式でサポートされているものなのか不明❌ という制限がありました。 詳しくはこちらの記事によくまとめられています。 pdf.jsを使うとしても、できることなら<script>タグを一行差し込むだけで使えたら最高です。 pdf.
![[pdf.js] 手軽にPDFファイルをHTMLに埋め込めるWebComponentを作った - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a567ad60619ac5a17a3228f4f2c99374a6eeb49c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCcGRmLmpzJTVEJTIwJUU2JTg5JThCJUU4JUJCJUJEJUUzJTgxJUFCUERGJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgyJTkySFRNTCVFMyU4MSVBQiVFNSU5RiU4QiVFMyU4MiU4MSVFOCVCRSVCQyVFMyU4MiU4MSVFMyU4MiU4QldlYkNvbXBvbmVudCVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDJiNGRmMmUwMjI0Y2Y2NDZmOGZkOTJhOWQxZjdmOTc%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhY2Nlc3MzMTUxZnEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY1MzU2MmY1NWIyOTk5ZTJlMzQ4MDAwNmY2Nzg4ODA4%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dda706dfe2b32c55a3178a5fcbf96c470)
JSでブラウザの戻るボタンを止める方法。 - Qiita
ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。 このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペットを深く掘り下げ、それがどのように機能するのかを順を追って説明します。 function DisableBackButton(){ window.history.forward() } DisableBackButton(); window.onload = DisableBackButton; window.onpageshow = function(evt) { if (evt.persisted) DisableBackButton() } window.onload
WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能
WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」を発表しました（同社による紹介記事「WebVM: server-less x86 virtual machines in the browser」）。 Google ChromeやMicrosoft Edge、Firefox、Safariなどのモダンブラウザであれば、上記のURLにアクセスすることで誰でもWebブラウザ上にx86仮想マシンを走らせることが出来ます。 WebVMではx86仮想マシンの上でLinux OSのDebianがバイナリが変更なしにそのまま稼働し、さまざまなコマンドも実行可能。 Linuxアプリ
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
Yahoo！が独自の新ブラウザ「Yahoo！ Axis」をリリース
Google Chromeがブラウザの世界シェア1位になりましたが、ここでGoogleのライバルであるYahoo！から新たなブラウザ「Yahoo！ Axis」がリリースされました。Windowsの各種ブラウザ向け拡張機能としてのほか、iOS向けにもリリースされています。 Yahoo! Axis - A new way to search and browse http://axis.yahoo.com/ Yahoo to Launch "Chrome Killer" Tonight - LAUNCH - こちらがそのデモムービー。 Yahoo! Axis is a new kind of browser that redefines what it means to search and browse the web. Watch this video to see how Axis wo
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」:phpspot開発日誌
Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」 2010年12月14日- Tutti - Interactively run Javascript on multiple browsers Chrome、IE、Firefox 上で JavaScript を一括で同時に実行させることが出来る「Tutti」のご紹介。 サイト上で、「Create a Room」を押すと、コンソールウィンドウのようなものが開きます。そのURLをFirefox、IE等別のブラウザにそのままコピーペーストで開きます。 で、１つのブラウザ上で alert('hello worl'); とやると、全部のブラウザで一斉に hello world が alert されるというもの。 Socket.IO や Node.js などを使って実装されているみたい。
PHPUnit と Selenium RCで機能テストをやってみる : エクスギア Blog
PHPのテストライブラリとしては一番有名どころのPHPUnitと実際のブラウザをJavaScriptを使って画面遷移をテストすることができるSelenium RCを使って実際に結合テストを行ってみたので今回紹介したいと思います。 PHPUnit PHPUnitはPHPの一番有名なテストライブラリです。テストケースを用意することで仕様変更にも強いアプリケーション開発が可能になります。 さまざまなことができるPHPUnitですが、PHPUnitだけでは画面遷移のような機能テストは難しいものです。 なぜなら、PHPだけで画面遷移を確認するためにはブラウザの動きをシミュレーションしたライブラリを使ったりしてテストする方法になってしまうからです。 たとえばsymfony1系ではsfTestBrowserというライブラリが用意されていてこのライブラリを利用することでテストが行えるようになっていますが、
Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com
Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChromeも拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基本的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押
Virtual-Browser.com - Browse the Internet Safely & Anonymously!
Virtual-Browser is a web proxy designed to bypass website blocking on corporate networks, schools, and certain countries with restrictive governments. In other words, Virtual-Browser allows you to securely access websites that would normally be blocked. Virtual-Browser also hides your identity and protects your anonymity. The websites that you visit will not be able to determine who you are or whe
特集：Google ChromeをIEやFirefox並に使いこなす16の極意 :教えて君.net
流星の如くあらわれたGoogle製ブラウザ「Google Chrome」。重厚路線を突き進むFirefox、IEなどのブラウザを尻目に軽快なフットワークでウェブサービスを取り込み、急速に勢力を拡大しつつある。もはやおまけのブラウザではない「Chrome」の特徴をしっかり把握して、適材適所で使いこなせるようになろう！ ・進化中のChromeの本領はウェブサービスで発揮される ・「シークレットモード」などの特殊機能を活用する ・オンライン化した夜用動画をGoogle Chromeからコッソリ再生 ・フォルダ内の動画を全自動でアップロードしてくれる「Soonr」 ・Google Chrome＋MP3tunesで大量のマイ音楽を出先で楽しむ！ ・出先マシンでのBGM再生はLast.fmでお気に入りだけをチョイス ・ChromeならGmailを標準メーラー並にサクサク使えるぞ！ ・Gm
MOONGIFT: » IE7ユーザ必須のアドオン「IE7Pro」:オープンソースを毎日紹介
IE7は殆ど使った事がない。メインブラウザがFirefoxなので、使う必然性がなかったからだ。だが、今回紹介する「IE7Pro」を使うためにインストールしてみると、なかなか便利なことが分かった。 とは言えそれはIE7自体の機能ではない。IE7Proが素晴らしいのだ。 今回紹介するフリーウェアはIE7Pro、IE7を便利にするアドオンだ。 IE7Proは多数の機能をIE7に提供する。例えばマウスジェスチャ、クラッシュリカバリ、アドフィルター、ショートカットキー、アドレスバーからの検索等だ。 スクリプトやプラグインにも対応している。Greasemonkeyのようなユーザスクリプトも多数存在している。プラグインはAlexaのランクやGoogle ページランクを表示するものや、サーバのIPアドレスを表示するといったものが登録されている。 小技系として、タブをダブルクリックするだけで閉じたり、インラ
MOONGIFT: » Firefox for Windows Mobile「minimo」:オープンソースを毎日紹介
Windows Mobileを使っていて最大の不満はブラウザが弱いことだ。標準のInternet ExplorerはGoogle Mapsの表示すらできない。最近はWebアプリケーションが増えているので、PDAの一瞬で起動する高速性はブラウザのレンダリングさえまともなら利用範囲が大きいと考えていた。 WILLCOMであればOperaが無料だという話だが、通常のPDAではそうはいかない。しかし強力なソフトウェアがある。 今回紹介するオープンソース・ソフトウェアはminimo、geckoエンジンを搭載したWindows Mobile向けブラウザだ。 minimoはMozilla.orgで開発されており、レンダリングエンジンとしてgeckoを利用している。そのため、レンダリング結果が通常PCレベル（画面の大きさによって見え方も異なってしまうが）に近いといえる。 さらにタブブラウザに対応しているの
JavaScript Support Check
JavaScriptサポートを基準にしたブラウザ判定 Script 2005/09/27 (Ver 0.5.0+) このScriptは、いわゆるフリー(使用自由、改造自由かつ自己責任)な JavaScript なのでこれを使用しても作者が対価を求める事は、有りません。→ (無料) どのような機能が有るのか？ ダウンロード 判別ブラウザ 更新履歴 使用条件 どのような機能が有るのか？ ブラウザが固有にサポートする[object]や、機能を利用して短いコードでウェブブラウザを判定します。 なるべく従来の UserAgent 文字列判別ばかりに頼らないので特に IEでのUserAgen偽装をされると困るので除外処理したい場合等の用途をターゲットにしています。 このページは、JavaScriptを使用しています。 → バージョンチェック ダイアログ ダウンロード・ソースコード エラー補正追加 :
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger
http://n1kumeet5.com/2011/09/chromefreeapp/
https://jp.techcrunch.com/2011/05/18/20110517google-chrome-android/
GREE Engineering
IDEA * IDEA
IDEA * IDEA
