最新情報 知床・Shiretoko からのメッセージ 知床の Personas テーマ で、あなたの Firefox を知床カラーに! あなたの「バナーの樹」はどこまで育ちましたか? 結果はこちら
最新情報 知床・Shiretoko からのメッセージ 知床の Personas テーマ で、あなたの Firefox を知床カラーに! あなたの「バナーの樹」はどこまで育ちましたか? 結果はこちら
グーグルのブラウザ「Google Chrome」は登場から9年以上を経て、世界で最も人気のブラウザとして支持を獲得した。その人気の理由の一つはChromeがセキュリティに優れているからだ。 Chromeは不審なサイトにアクセスした場合、ユーザーにそれを警告する。しかし、Chromeに、PC内のランサムウェアなどの不審なソフトを発見する機能が備わっていることはあまり知られていない。 Chromeのウィンドウズ版にはアンチウイルスソフトと同様に、パソコンの内部をスキャンしてウイルスを発見する「Chromeクリーンアップ」機能があるのだ。 使い方はごく簡単だ。Chromeを立ち上げてアドレスバーに「chrome://settings/cleanup」と入力すると、「パソコンのクリーンアップ」という画面が表示される。そこで「検索」ボタンをクリックすると、不審なソフトウェアを検出することができる。
ついつい、作業途中にWebの波へ泳いでいってしまう方に。 私などは、記事を書きつつ真っ先にザンブと飛び込んでいくタイプなのですが、我ながらあまり感心できるものでもありません。そこでついつい波に呑まれるのを防ぐ方法として、ブラウザのホーム画面を時計にしてみたところ、いろいろと捗りましたので、ご紹介いたします。 いままでは、ブラウザのホームページを「Yahoo! JAPAN」に設定していましたが、すべき作業があるのを分かりつつ逃避行を始めてしまうのです。トピックや検索窓から。 そこで、「現在時刻」をリアルタイムに表示してくれるWebサイト「The Colour Clock」(via Modern Syntax)をブラウザのホームに設定して、ふと気が緩んだときに時間が刻々と過ぎていく現状に直面するようにしました。ブラウザの全画面で表示してくれるならば、「美人時計」など他のサイトでも問題ないかと。
こちら(米国)では、見つかった Java のセキュリティホール(+それを利用した実際のアタック)が大問題になり、米国政府が「ただちに Java を無効にするように」と声明を出し(参照)、全国ニュースでも大きく取り上げられている。 実質的な危険があるのは Java applet なのだが、Java と Java applet の違いの分からない報道機関は、大々的に「Java が危険」と報道しており、Sun Microsystems を買収して Java を入手した Oracle にとっては大きなブランドイメージの損失だ。Oracle は火曜日には56カ所のセキュリティホールを塞いだパッチを提供するそうだが、そんなパッチでは、今回作られてしまった「Java は危ない」というイメージは拭えない。 どのみち、Java applet にはほとんど価値がないので、これを機会に無効にする人も多いようだ(
はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera
先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデートされるブラウザのことです。 aspect-ratioプロパティを使用することで、レスポンシブ対応の画像をアスペクト比を維持したまま簡単に実装できます。 CSSでアスペクト比を実装する今までとこれからの実装方法を紹介します。 CSS ways to Create Fixed Aspect Ratio aspect-ratioプロパティとは 1. Padding Hack 2. Viewport width solution 3. aspect-ratioプロパティ デモ aspect-ratioプロパティとは aspect-ratioプロパティは名前の通り、アスペクト比を
目次 はじめに 2Captchaとは 2Captchaの使用準備 Python+Selenium+2Captchaで『reCAPTCHAv2』を突破 さいごに 参考 はじめに スクレイピングやブラウザ操作の自動化タスクにおける一番の難所は各種キャプチャの突破だと思います。そもそもキャプチャ機能はロボット操作されないために設置するものなので,それを突破しようとする時点でどうなのという気はしますが,それでもなんとかしたいと思うことがあります。そんなときの解決方法として「2Captcha」というサービスがあります。 最近このサービスを知り利用してみたところ,あまりに簡単にキャプチャ突破できたので,ここで紹介しようと思います。 ※ ご利用は自己責任でお願いします。くれぐれも悪用しないように。 2Captchaとは ロシアの会社が提供するキャプチャ機能を突破するためのサービスです。 2Captcha
すると自分用のVisual Studio Codespacesのインスタンスが起動し、そこへWebブラウザで接続するか、ローカルのVisual Studio Codeからリモートで接続すれば、(Visual Studio CodeのRemote Developmentと同様に)コードを編集し、ターミナルからコマンドを実行し、ビルドやデバッグなどが可能になります。 Visual Studio Codespacesの料金は選択されたCPU性能とメモリ容量によって異なりますが、Visual Studio OnlineからVisual Studio Codespacesへのリニューアルに伴い、料金はより安価なものに改定される予定。 Visual Studio Codespaceは、その実行イメージを取り出してユーザー自身のサーバや自身で用意したクラウドのインスタンス上で実行することもできます。この
前回の続きになります 。きっと反響が少なかったのはタイトルが悪かったんだな!ということでタイトル変えました。(もし「お、いいかも」と思いましたら、ハテブよろしくです。モチベーション上がるので・・・) 前回で、環境を作ることができました。今回はページを作っていきます。 前回は「写経しよう!」が主な内容でしたが、今回からは好きなものを作っていこう!を主眼としようかと思います。 その前に・・・Webサービスってどうやって動くの? 好きなものを作っていこう!と言いましたが、まずはWebサービス(プログラム)の概念的なイメージを抑えていた方がいいと思いまして。 基本的に、プログラムは単純化すると 入力→計算/保存→出力 というプロセスを経ることになります。これが、Webだと 画面で入力して→サーバーで計算/保存して→画面に描画する といった形になります。画面が2回出てくるので 画面をどうつくるか サ
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
「2015/3/3以降、2ch.net専用ブラウザ(以下「専用ブラウザ」)を開発、公開するには、2ch.netの所有者であるRaceQueen社の許諾を得て、2ch.netが提供するAPI(以下「API」)を用いて開発する必要があります」ということで、developer.2ch.netにて、今後の2ch専ブラ(2ちゃんねる専用ブラウザ)開発について、大きな方針転換が行われることが発表されました。 developer.2ch.net http://developer.2ch.net/ まず大きな変更としては2ちゃんねるに書き込まれたレスが保存されているdatの直読みを廃止し、API方式へ移行するということ。この許諾は誰がするのかというと、RaceQueen社。あともうひとつ、JaneStyleの開発元でもある株式会社ジェーンもRaceQueen社からAPIの使用許諾を得ており、しかも「一部の
ブラウザから直接TCP・UDPで送受信する「Direct Sockets API」という仕組みが議論されています。 実験段階ですが、Chromeでは起動時にオプションを付けることでこの機能を有効にできます。今回はTCPの方で簡単に動作を見てみます。 Direct Sockets API Direct Sockets APIは、TCP・UDPで直接送受信可能にするAPIです。既存のアプリケーションプロトコル(SSHやIRC)、P2Pのような機能を実現可能になります。 もちろんセキュリティ上の問題もあるので、Chromeでは現状デフォルトでは有効になっていない機能です。 セキュリティ面についてはだいぶGithubリポジトリで議論されておりますので目を通すと良いでしょう。ローカルネットワークへの通信やSame-Origin-Policy(CORS)回避の話が上がっていますが、今回は細かくは紹介し
Google ChromeのEngineering ManagerであるAddy Osmani氏による、Chrome 75でリリース予定のloading属性についての解説を紹介します。 loading属性とはブラウザがネイティブで遅延ロードをサポートするもので、img要素やiframe要素を簡単に遅延ロードさせることができます。以前は、lazyload属性として開発されていましたが、loading属性という名前に変わる、とのことです。 Native image lazy-loading for the web! by Addy Osmani 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Chrome 75でリリース予定のloading属性 ブラウザがネイティブで遅延ロードをサポート loading属性とは loading属性の
ホーム ニュース 禅リラックス無限ドライブ『Slow Roads』PCブラウザ向けに無料公開。のどかな丘から火星まで無心で走る 個人クリエイターのAnslo氏は、『Slow Roads』を公開した。Webブラウザ上でプレイできる、ドライブゲームだ。 『Slow Roads』はドライブゲームだ。自動生成される道をひたすら車両で走り続ける。数種類の車両のほか、季節や時刻、天候なども複数用意。夜道をヘッドライトで取らしながら駆けることも可能となっている。 「終わりなきドライビング禅(Endless Driving Zen)」と銘打たれているように、本作は終わりも分岐もない道をひたすら車両で走り抜けていく。車両の運転はキーボード操作でおこなうほか、自動運転への切り替えも可能だ。鳴り響くのは電気駆動と思われる車両から響く音と、風を切る音のみ。心を無にする瞑想のようなゲームプレイが本作の特徴といえそう
おはようございます。しなもんです。 今回はセキュリティ調査に使える便利なブラウザの拡張機能 (アドオン・エクステンション) をご紹介します。 こうした拡張機能の多くはこの世で唯一無二の機能を持っているわけではありませんが、普段から一番よく使う調査ツールである「Web ブラウザ」に直結するため、手間の節減や各種オンラインサービスへのアクセシビリティ向上に大きな効果を発揮する場合があります。 前提 Mitaka IP Address and Domain information Link Redirect Trace User-Agent Switcher Flagfox IP Domain Country Flag Wappalyser anonymoX Wayback Machine Exif Viewer/EXIF Viewer Pro Simple Translate Mouse Di
Mozillaは2017年、ウェブアドレスを相手と共有することによって最大1Gバイトのファイルを転送できるサービス「Firefox Send」を実験的に提供した。この度、Firefox Sendはテスト期間を終え、「Firefox」アカウントにログインすればファイルサイズの上限が2.5Gバイトまで拡大されるようになった。 Firefox Sendは、電子メールに添付するには大きすぎる動画、オーディオ、写真ファイルを共有する必要がある場合に便利だ。 「Dropbox」「Box」「Google Drive」「Microsoft OneDrive」「WeTransfer」など、類似サービスは既に存在する。しかしそれらのサービスは、登録済みでないユーザーには手続きが面倒かもしれない。Firefox Sendでは、少なくとも1Gバイト以下のファイルについては、そうした問題が解消されている(ファイルサ
ウェブサイトを閲覧するにはInternet ExplorerやGoogle Chrome、Firefox、Safariなどのウェブブラウザを使用する必要があり、これらのウェブブラウザにはプライバシー情報を保護するためにブラウジング時の履歴やCookie(クッキー)、一時ファイルなどを残さないプライバシーモードが存在します。しかし、プライバシーモードを使用してもこれらの機能を無視してユーザーの行動をトラッキングしてしまう「スーパークッキー」という手法が新たに生み出されました。 Browsing in privacy mode? Super Cookies can track you anyway | Ars Technica http://arstechnica.com/security/2015/01/browsing-in-privacy-mode-super-cookies-can-t
WebP(ウェッピー)は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP(ウェッピー)の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP(ウェッピー)とは? WebP(ウェッピー)は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34%程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過(アルファチャンネル)や、アニメーションにも対応しています。つまり、JPEGのよ
双日システムズは、VMware ThinAppによるアプリケーション仮想化の専門組織である「ThinApp事業部」を立ち上げ、2014年4月にサポート終了を迎えるWindows XPからWindows 7/8へのアプリケーション移行支援サービスに本格参入すると発表した。 同時にInternet Explorer互換ブラウザを新規開発し、Windows XP上で稼働するIE 6を利用したアプリケーションの仮想化で課題となっているメーカーのライセンスポリシーやアプリケーション改修の課題を解決する。 互換ブラウザを使用することによりメーカーのライセンスポリシーに違反せずに仮想化対応できるだけでなく、自社開発ブラウザであるためユーザ環境やアプリケーションに合わせた改修も行うことができるという。
ブラウザから手軽に深層学習AIを教育できるオープンソースソフトウェア You can train a deep neural network on your web browser 2015.12.24 Updated by Ryo Shimizu on December 24, 2015, 06:00 am JST 先日発表した深層学習(ディープラーニング)をWebブラウザ上から手軽に行うためのオープンソース・ソフトウェア、「DEEPstation(ディープステーション)」をついに公開しました。現在、Githubより誰でもダウンロードして使用することが出来ます(https://github.com/uei/deepstation)。 DEEPstationは、ディープラーニングを手軽に実験するためのGUIベースのアプリケーションで、以下のような特徴があります。 国産ディープラーニングフレ
ドワンゴが会社ぐるみでハマッた「ブラウザ三国志」。社員が“異様な空気”と口を揃える,当時の様子とは――「ゲーマーはもっと経営者を目指すべき!」第7回 副編集長:TAITAI 123→ 連載第7回めとなる,ドワンゴ・川上量生氏との対談企画「ゲーマーはもっと経営者を目指すべき!」。今回は,川上氏を筆頭にドワンゴが会社ぐるみで大ハマリしたゲーム「ブラウザ三国志」について。2009年の末,川上氏が「ブラウザ三国志をやるぞ!」と言ったことを発端として,ドワンゴの重役やリーダークラスを巻き込んでの一大騒動(?)へと発展した「ブラウザ三国志」ですが,当時の舞台裏では何が起こっていたのか。また,彼らが勝つために考案した“秘策”の数々とは? 取材は,以前もこの連載に登場してもらったゲーマー社員の佐野将基氏と,ドワンゴの開発事業を束ねる執行役員・千野裕司氏のお二人を迎えた座談会形式で行い,ドワンゴ社員が口を揃
miyakeです。皆さんドキュメントはしっかり書いていますか? 近頃のWeb界隈では、詳細仕様書的なものは作らずにスピーディーに開発を進めるケースも多いかも知れません。ドキュメント作成のコストは小さくありませんし、内容を最新に保つのも一苦労です。とは言え、複数の人間が関わるプロジェクトにはER図はあると嬉しいなと個人的には思います。 今日はそんなER図をブラウザ上で作成するアプリケーション「WWW SQL Designer」をご紹介します。 以下のスクリーンショットは、このアプリを実際に触って試せるlive DEMOのものです。 WWW SQL Designer posted by (C)フォト蔵 上部のメニューからテーブルやカラムを作ったり消したりして、テーブルをドラッグアンドドロップで配置、リレーションを同じくドラッグアンドドロップで設定、というのがおおまかな作業の流れになります。まず
軽いぞ。ネット中毒歓喜の新ブラウザ「Vivaldi」2015.03.09 07:0011,983 satomi モザイク、ネットスケープ、IE、FireFox、Safari、Chromeときたブラウザ戦争に、Operaの灰から生まれたパワーユーザー用ブラウザ「Vivaldi」が参戦です。早速使ってみました! ファンの間では、独自開発のレンダリングエンジンPrestoを放棄した数年前の段階で最強ブラウザ終焉と惜しまれたOpera。このVivaldiでは、Operaのパワーユーザー向け機能(タブスタック、豊富なキーボードショートカット、ページ内メモとり機能ほか多数)の復活を目指しています。 今出ているのはテクニカルプレビュー版なので、バギーだし、使えない機能も若干ありますが(サイドバー、メールクライアントなど)、使えるところを触ってみただけでもサクサクで、これはパワフルなネットブラウジングマシ
概要 bmsjs(α版)というWEBサービスをリリースしました。 bmsjsはブラウザ上で動作するBMSプレイヤーとSNSの機能を持つWEBサービスです。 bmsjs.net BMS? 元々は、KONAMIの音楽ゲーム『beatmania』を模したシミュレータにあたる『BM98』用の譜面データフォーマットとして開発されたため、現在では同様のシミュレータ(BMSプレイヤー)に用いる譜面データ(曲データ)、あるいはゲームシステム全体を指す場合が多い。2000年代中盤頃までは、「ネットユーザーのPCには何かしらのBMSプレイヤーが入っている」と言われるほどの一大ムーブメントを巻き起こしていた。[要出典]現在はブームが沈静化しているものの、未だに新作BMS楽曲が作られるなどの根強い人気を保っている。かつてのBMS作曲家の中には、プロに転向した者や著名なボーカロイドプロデューサーも多い。 wikip
これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform(変形)、box-shadow(影)、gradient(グラデーション)ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。 例・transformcssSandpaperを使用した際のtransfor
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。 スクリプトがオフ時の表示 fullscreenrの実装 fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必要です。 HTML 当スクリプト(jquery.fullscreenr.js)とjquery.jsを外部ファイルとして記述します。 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript head内に下記のスクリプトを記述します。 <script
よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScriptをアドレスバーに打ち込むだけ。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 こんな(↓)感じです。 ドラッグ&ドロップで画像を動かせる他、テキストも自由に書きかえることができます。これはコンテンツをブラウザ上で編集できる「contentEditable」というタグを活用したTipsですね。 » contentEditableについて スクリーンショットを取る時にいらない画像を簡単に消したりできるのは便利かも。diggからの情報でした
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く