Webブラウザの作り方 - Qiita
この記事は何？ ほとんどタイトル通りです。 順番に読み進めていけば簡単なWebページが表示できるレベルのWebブラウザを作ることができるように執筆していく予定です。 またアルゴリズムだけをなるべくわかり易く解説していきたいので、記事内で紹介するコードは誰でも読める程度の擬似コードです。 自分で実装したい方は、面倒かもしれませんがそれぞれの言語に翻訳してください。 必要な知識としては: HTML/CSSが困らない程度に読める やる気 これだけです。 (あとこれはただの宣伝ですが、個人的にWeb ブラウザを作ってるので(http://github.com/maekawatoshiki/naglfar) スターをつけてもらえると喜びます) いろいろとパースする Webページは基本的にHTMLで書かれていますね。あとCSSも。 HTMLもCSSもそのままではただの文字列であって扱いづらいので、パー
Shows
AI is suddenly everywhere. Do you need to go and get a shiny machine learning degree to remain competitive? John Maeda says not to worry. He’ll show you how to cook delicious dishes into your coding repertoire with his new show - Mr. Maeda’s Cozy AI Kitchen. Find out how you can use GitHub Copilot, an add-on that is powered by AI, to get helpful suggestions when writing code or documentation. This
deeplearn.js
deeplearn.js is an open-source library that brings performant machine learning building blocks to the web, allowing you to train neural networks in a browser or run pre-trained models in inference mode. We provide an API that closely mirrors the TensorFlow eager API. deeplearn.js was originally developed by the Google Brain PAIR team to build powerful interactive machine learning tools for the bro
Geb - Very Groovy Browser Automation
What is it? Geb is a browser automation solution. It brings together the power of WebDriver, the elegance of jQuery content selection, the robustness of Page Object modelling and the expressiveness of the Groovy language. It can be used for scripting, scraping and general automation — or equally as a functional/web/acceptance testing solution via integration with testing frameworks such as Spock,
Gebでブラウザテストを自動化する | Recruit Jobs TECHBLOG
ブラウザテスト自動化、してますか？ こんにちは。PoohSunnyです。 アジャイルな方法論がたくさんの現場で導入されはじめ、高頻度リリースを志向する現場が増えてきています。 その流れで、『毎回手動でテストなんかしてられない！』ということでテストを一部自動化するケースが増えています。 自動化されるテストにはさまざまな種類があります。例えばブラウザの自動化テスト。 この分野はSeleniumが有名ですね。今日はそれにまつわる話です。 Seleniumはときに辛い Seleniumでのブラウザテストの自動化は、時に辛いことに遭遇します（控えめに書いています）。 例として、ちょっと古いバージョンの例で恐縮ですが、Javaで書いたサンプルを用意しました。 Googleの検索欄に文字を入れて、検索結果を表示するスクリプトです。 public class sampleTest { WebDriver
使える「広告ブロック拡張機能」10選
ブラウザで表示される広告コンテンツはページの読み込みを遅くするため、快適なブラウジングの妨げになることがあります。近年では「Adblock Plus」をはじめ、数々の広告除去ツールがChromeやFirefoxの拡張機能としてリリースされていますが、それぞれどのような違いがあるのか、コンピュータ関連の調査を行うRaymond.CCがピックアップした10個の広告ブロック拡張機能をテストしています。 なお、2018年4月20日に記事中に登場する広告ブロック拡張機能の1つ・AdRemoverが拡張機能を装ったマルウェアであるという事実が判明し、研究者から「同様の拡張機能が大量に提供されている状態にあるとみられる」と注意喚起が行われているので、他の拡張機能も使用する際には注意して下さい。 10 Ad Blocking Extensions Tested for Best Performance •
ブラウザ拡張を用いた業務改善手法 - クックパッド開発者ブログ
買物情報事業部の根岸(@negipo)です。今回はブラウザ拡張を日常業務でどう使っているかについて紹介します。 ブラウザ拡張とは ブラウザ拡張は、ブラウザによるウェブとのインターフェースをJavaScriptやCSSを用いて自分好みにカスタマイズする機能です。Google Chromeを利用していればChromeウェブストアなどで公開されている拡張をインストールできるでしょう。一方で、開発したブラウザ拡張を自分で使うために、Chromeウェブストアによる公開と言うプロセスを踏むのは面倒です。日常的にウェブのインターフェースを改変する道具としてブラウザ拡張を使うためにはいくつかの手法がありますが、僕はGithubのdefunktさんが作ったdotjsを使っています。詳細は省きますが、今開いているページでalertを出すぐらいの機能であれば10秒で開発作業を終えることができると思います。 また
初心者がブラウザーでデバッグするための基礎知識
4月に新入社員としてWeb制作会社やSIerに入社した方も、開発業務に携わるようになり、HTML／CSS／JavaScriptを使ったフロントエンド開発を始めた方も多いかと思います。HTML／CSS／JavaScriptはWebブラウザーの上で動かせるので、気楽に開発が始められる半面、「デバッグが難しい」「不具合原因の特定が難しい」「どこにミスがあるのか分からない」というような話をよく聞きます。 そんなときに役に立つのがブラウザーに付属している「開発者ツール」です。「開発者ツール」を上手に使うと、不具合の原因特定を効率的に行えます。以下のように現行の全ての主要なブラウザー（Mozilla Firefox／Google Chrome／Microsoft Internet Explorer／Apple Safari）は「開発者ツール」を持っています。ブラウザー自体が無料ですので、もちろんこれら
Webブラウザが“OS化”しつつある
関連キーワード OS | Internet Explorer（IE） | ブラウザ 今日、WebブラウザはOSに近づきつつある。特にHTML5に対応したWebブラウザでは、米Appleの「iOS」や米Googleの「Android」だけでなく、米Microsoftの「Windows」やAppleの「OS X」をほうふつとさせる機能が搭載されている。また、「Chrome OS」や「Chromium」（Chrome OSのオープンソース版）など実際にブラウザOSも誕生している。他のOSと同様に、ブラウザOSで実行されるソフトウェアとツールでは、新しく追加された機能を活用できる。 Webブラウザの機能は着実に強化されている。開発者ではなくエンドユーザーに最も大きな影響があるのはGPUアクセラレーションだろう。 関連記事 IEが「最も危険なWebブラウザ」と思われている理由 安全なブラウザ、微妙な
Internet Explorer 11の新機能にみる「Windows 2020年問題」とは？
Internet Explorer 11の新機能にみる「Windows 2020年問題」とは？：鈴木淳也の「まとめて覚える！ Windows 8.1 Update」（1/3 ページ） Windows 8.1 Updateで追加された新機能の1つに、「Internet Explorer（IE） 11における“エンタープライズモード”の追加」がある。これはIE11に「IE8互換の動作モード」を追加することで、古いバージョンのIEのみに対応した企業のWebアプリケーション等を円滑に動作させ、最新システムへの将来的な移行を手助けすることが狙いだ。 （集計方法にもよるが）IE8は2014年5月現在においてもデスクトップ向けWebブラウザで20％超と最大シェアを誇っており、いまだ利用者が多いことが分かる。今回は、この辺りの背景を整理することで、Microsoftの資産であると同時に、過去に蓄積された不
知らないと損する？Webページを検証できる無償の「modern.IE」「F12開発者ツール」を徹底紹介！
知らないと損する？Webページを検証できる無償の「modern.IE」「F12開発者ツール」を徹底紹介！ 馬場 美由紀（HTML5 Experts.jp編集部） Microsoftは無償で、Webページを検証するためのツールとサービスを多数出している。それらをどのように使えば便利なのか。日本マイクロソフトがエンタープライズのパートナーに向けて開催した「Internet Explorer 11と最新Web技術動向のご紹介セミナー」から、「modern.IE」「F12開発者ツール」を抜粋して紹介する。 講演者は、日本マイクロソフトのテクニカルエバンジェリストであり、本サイトのエキスパートでもある物江修氏。当日は簡単な機能紹介とデモを交えながらのセッションが繰り広げられた。 Internet Explorerの開発者ツールとその新機能 Internet Explorer 8（以下、IE8）から、
MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine
米Microsoftは9月26日、JavaScriptコード向けの互換性テストツール「BrowserSwarm」ベータ版を公開した。クラウド型のサービスで、JavaScriptコードのWebブラウザおよび端末互換性検証が行える。 BrowserSwarmは、MicrosoftのInternet Explorler（IE）チームが米AppendToおよびSause Labsと協業して作成した、JavaScriptフレームワークやライブラリのWebブラウザ互換検証を行うオープンソースプロジェクト。Web開発者の検証作業を軽減することを目的としている。AppendToはjQueryのトレーニングや支援を行う企業で、Sauce Labsはクラウドベースのクロスブラウザテストを提供する。 BrowserSwarmではGitHub上のコードレポジトリと連携し、リポジトリを更新するとユニットテストフレー
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
意外と知られていない、IE11リリースによる本当の危機 - ふろしき Blog
Internet Explorerはエンタープライズでの利用が想定されるため、Microsoft製品で広く適用されているサポート ライフサイクル ポリシーを確認すると、最低でも10年のサポートが受けられると考えている人も多いでしょう。IE8も9も10も、みんなそうなると信じて疑わないIT管理者の方も多いのではないでしょうか。 しかし、これは「誤り」です。 本記事では、最近やたらと複雑化の進んだIEのサポート期間の真実について解説します。 サポートライフサイクルポリシーとは？ そもそもですが、Microsoftの「サポートライフサイクルポリシー」とは何でしょうか。公開しているドキュメントを参照すると、以下の通りです。 マイクロソフトはビジネス、開発用製品に対して最短でも 10 年間のサポートを提供します。ビジネス、開発用製品に対するメインストリーム サポートは、製品発売後 5 年間または次期
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
事前レンダリングでウェブページの表示時間を高速化
[対象: 上級] 事前レンダリングと呼ぶ技術を使って、ウェブページの表示時間を高速化する方法をこの記事では解説します。 事前レンダリングとは 事前レンダリング (Prerendering)とは、その名のとおり、ページの読み込み（正確にはレンダリング）を前もって実行する仕組みです。 Google検索で採用されている「インスタントページ」には事前レンダリングが使われています。 下のキャプチャは、Googleで「Amazon」を検索したときのChromeのタスクの状況をタスクマネージャで確認したものです。 「事前レンダリング」でAmazon.co.jpが出ています。 「Amazon」で検索したユーザーはかなり高い確率で（1位に出てきた）Amazonのホームページをクリックするはずです。 Chromeは先回りして、ユーザーがクリックしなくてもAmazonのホームページを取得および描画、つまりレンダ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
進化するEdge+α
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
【海外セキュリティ】第92回：Google Safe Browsing APIは無意味？ ほか 