タグ ブラウザ
人気順 5 users 10 users 50 users 100 users 500 usersちいさな Web ブラウザを作ってみよう
ようこそ本オンラインブックはセキュリティ・キャンプ全国大会 2021 オンラインの講義「ちいさな Web ブラウザを作ってみよう」 の事前課題資料です。 同講義の概要Web ブラウザが持つセキュリティ機構や、Web ブラウザ内で行われる先鋭的な攻撃手法の研究は発展を続けています。 この流れに沿って、それらの中には、Web... 続きを読む
ブラウザレンダリングの仕組み
以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか?」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバか... 続きを読む
Webページがブラウザに表示されるまでに何が起こるのか?
## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) ... 続きを読む
国産ブラウザアプリSmoozはあなたの閲覧情報をすべて外部送信している | reliphone (for iPhone)
Smoozというブラウザでは、その利用情報がすべて開発元のアスツール社に送信されている。 Smooz (スムーズ) ブラウザ Astool Inc. ユーティリティ, 仕事効率化 評価: 4.65651(38,447件) +無料 調べた事実を列挙してみる。 ・デフォルトの設定では、設定・操作・閲覧情報がユーザーID、デバイスIDと共にアスツール社のサ... 続きを読む
Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む
Chrome拡張の高速な英語辞書ツールをつくりました
Mouse Dictionary Chrome拡張の高速な英語辞書ツールです。 https://chrome.google.com/webstore/detail/mouse-dictionary/dnclbikcihnpjohihfcmmldgkjnebgnj とりわけ、ブラウザでよく技術文書を読む人(含自分)に最適かと思いますが、どなたでもご活用いただけます。 ソースコード https://github.com/wtetsu/mouse-dic... 続きを読む
Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub|若手Webエンジニアのキャリアを考える!
2017 - 05 - 30 Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール(DevTools)とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 DevTools JaveScript Twe... 続きを読む
文字詰めできるCSSのfont-feature-settingsが凄い! 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
「Webでは文字詰めはできない」と諦めていませんか? 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの界隈では基礎テクニックの一つされています。 そんな文字詰めですが、HTMLでも実はCSSの font-feature-settings プロパティーを指定するだけで 自動カーニングができます 。ほとんどのブラウザがサポートしており、実務で... 続きを読む
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
先日、以下の記事を読んで Blisk というWEB開発者用ブラウザを知りました。 それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、 Sublime Text は、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そ... 続きを読む
Webブラウザ「Vivaldi」が超絶便利すぎてChromeユーザーはさっさと乗り換えたほうがいい - Brian'z Imagination
2016 - 05 - 04 Webブラウザ「Vivaldi」が超絶便利すぎてChromeユーザーはさっさと乗り換えたほうがいい シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly ブログにしろダイアリーにしろブックマークにしろ、はてなにお住いの皆さんが1日にブラウザと過ごす時間は、他のかたよりそれなりに多いことと思う。 そんなブラウザ使い... 続きを読む
作業効率が3倍になる!絶対に入れておくべき、Chrome拡張機能おすすめ10選
世界ではWEBブラウザのシェアでついに過半数を越え、日本でも利用者がどんどんと増加しているGoogle Chrome。Chromeの魅力の一つとして、自分の好きな機能を追加できる「拡張機能」があります。せっかくChromeを利用しているのに、拡張機能を利用していないという方も多いようです。 そこで、Chromeを使っている人全員に使ってほしい、ブラウザでの作業効率が3倍になる便利な拡張機能を厳選し... 続きを読む
二次元画像を拡大したいと思ったことはありませんか? - デー
2015-05-17 二次元画像を拡大したいと思ったことはありませんか? うまくできましたか? ボヤけたり、ギザギザになったりしませんでしたか?waifu2xをお試しください。 (ブラウザの処理に影響されないようクリックで拡大おねがいします)waifu2xは、二次元画像を2倍に拡大するソフトウェアです。多くの二次元画像についてスゴイ級のクオリティで拡大できます。waifu2xは、最新鋭の人工知能技... 続きを読む
nanapiで使っているJavaScriptライブラリのまとめ | nanapi TechBlog
2013/06/19 こんにちは!nanapiのakiyanです。今回はnanapiで使っているJavaScriptのライブラリとツールを紹介します。 jQuery filedrop plugin jQuery filedrop plugin – html5 drag desktop files into browser HTML5のAPIを利用して、ブラウザへのファイルのドラッグアンドドロップを... 続きを読む
Superfishが危険な理由 - めもおきば
Lenovo製のPCの一部にSuperfishというマルウェアが標準でインストールされていることが確認され、大きな問題となっています。このSuperfishというマルウェアがなぜ危険かを解説します。 Superfishの目的このSuperfishの目に見える目的は、ブラウザで表示しているウェブサイトに広告を挿入することです。言い換えれば、ウェブサーバから取得したHTMLを書き換えて勝手なJavaS... 続きを読む
毎日は使わなくても、持っておくとかなり便利なWindowsプログラムTop10 : ライフハッカー[日本版]
OS , Webアプリ , Windows , セキュリティ , ソフトウェア , ツール , 無料・シェアウェア 毎日は使わなくても、持っておくとかなり便利なWindowsプログラムTop10 2014.06.26 20:00 ブラウザやメディアプレイヤー、解凍ツールなど、日常的に欠かせないアプリには毎日のようにお世話になります。一方で、そこまで注目は浴びないけれど、いざというときのために持って... 続きを読む
毎日は使わなくても、持っておくとかなり便利なWindowsプログラムTop10 : ライフハッカー[日本版]
OS , Webアプリ , Windows , セキュリティ , ソフトウェア , ツール , 無料・シェアウェア 毎日は使わなくても、持っておくとかなり便利なWindowsプログラムTop10 2014.06.26 20:00 ブラウザやメディアプレイヤー、解凍ツールなど、日常的に欠かせないアプリには毎日のようにお世話になります。一方で、そこまで注目は浴びないけれど、いざというときのために持って... 続きを読む
恥ずかしい英語におさらばできる無料の本格英文チェッカー「Ginger」が日本で正式ローンチ - THE BRIDGE
イスラエル発の英語学習アプリ付き英文チェッカー「Ginger(ジンジャー)」が、日本で正式にリリースされた。ブラウザにインストールもしくは専用ソフト(Microsoft Office対応)をダウンロードすることで、書いている英文に対して自然なネイティブの英語をレコメンドしてくれる。リリースは2008年、月間アクティブユーザは100万人を超え、ダウンロード数は200万を超えた。Gingerが提示する... 続きを読む
この上なく便利!すごい「jQuery」の小技まとめ32 | コムテブログ
先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 も... 続きを読む
Chrome 用 Evernote Web クリッパーが Gmail のクリッピングに対応 | Evernote日本語版ブログ
Web クリップは Evernote 社内でもよく使っている Evernote の機能です。ブラウザの拡張機能をクリックするだけで、オンラインで見つけたものを何でも Evernote アカウントに保存して、ずっと保管しておけます。本日は、この機能がさらに便利になります。Chrome 用 Evernote Web クリッパーが Gmail からのクリッピングにも対応しました! » Chrome 用 ... 続きを読む
nanapiで使っているJavaScriptライブラリのまとめ | nanapi TechBlog
こんにちは!nanapiのakiyanです。今回はnanapiで使っているJavaScriptのライブラリとツールを紹介します。 jQuery filedrop plugin jQuery filedrop plugin – html5 drag desktop files into browser HTML5のAPIを利用して、ブラウザへのファイルのドラッグアンドドロップを取得するのに便利なjQ... 続きを読む
米Google社員が語った作業が捗るGoogle Chromeテクニック20個! | 和洋風KAI
米Google社員が語った作業が捗るGoogle Chromeテクニック20個! Tweet Photo by: jolieodell Googleの検索エンジン開発責任者である、マット・カッツ氏のブログに大変便利なGoogle Chrome Tipsが掲載されていたので日本語に翻訳&意訳してご紹介します。 1.テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテ... 続きを読む
恥ずかしい英語におさらばできる無料の本格英文チェッカー「Ginger」が日本で正式ローンチ
イスラエル発の英語学習アプリ付き英文チェッカー「Ginger(ジンジャー)」が、日本で正式にリリースされた。ブラウザにインストールもしくは専用ソフト(Microsoft Office対応)をダウンロードすることで、書いている英文に対して自然なネイティブの英語をレコメンドしてくれる。リリースは2008年、月間アクティブユーザは100万人を超え、ダウンロード数は200万を超えた。Gingerが提示する... 続きを読む
高木浩光さんへ、しっかりしてください - 最速転職研究会
15:56 | 技術者としての良心に従ってこの記事を書きます。俺はセキュリティとプライバシーの人ではなく、JavaScriptとUIの人である。法律の勉強だって自分の生活と業務に関わりのある範囲でしかしないだろう。しかし少なくともJavaScriptやブラウザが絡むような部分については、確実に自分のほうが理解していると思っている。高木浩光さんが、あからさまに間違ったことを書いたり、おかしなことを書... 続きを読む
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」 - GIGAZINE
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testi... 続きを読む
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
このタイプのボトムアップ パーサーは「シフト - 還元パーサー(shift-reduce parser)」と呼ばれます。入力が右側にシフトされ(ポインタが最初は入力の先頭を指し、右側に移動していくイメージ)、段階的に構文ルールに還元されるためです。 パーサーの自動生成 独自のパーサーを生成できるツールがあり、「パーサー ジェネレータ」と呼ばれています。言語の文法(語彙と構文ルール)を指定すると、作... 続きを読む