ブラウザ

メールの送信から動画の視聴まで、私たちが最も長く過ごす場所のひとつがWebブラウザです。多くのウェブサイトは、ブラウザの機能を活かしてより魅力的で使いやすいサービスを提供しています。迷惑なポップアップや広告をブロックしたり、便利な拡張機能を追加したりと、インターネットを快適に利用するためには欠かせない存在ですね。 しかし、Webブラウザの能力はそれだけにとどまりません。Google Chrome、Mozilla Firefox、Safariなど、どのブラウザにも、日々の作業をもっと楽にしてくれる隠れた機能がたくさんあります。 さっそく見ていきましょう! 1. ドラッグ&ドロップでのファイル添付

「たとえ何も悪いことをしていなくても、あなたは監視され、記録されている」――エドワード・スノーデン バレていた、テイラー・スウィフト好き ある朝のこと、同僚に「ねえ、テイラー・スウィフトの最新MV観た?」と聞かれました。私は鼻で笑ってこう返しました。「ポップスは聴かない主義でね。僕はクラシックロック派なんだ」。でも、これは嘘でした。「Shake It Off」は数え切れないほどの月曜の朝を支えてくれた、心のソングだったのです。 その週の後半、会社のネットワークエンジニアがふと私の「テイラー・スウィフト中毒」について言及してきました。青ざめました。どうやって知ったのか? 私はいつもChromeの

JavaScriptを学びたい方は、jshandbook.comの電子書籍もぜひご覧ください。 はじめに Axiosは、HTTPリクエストを実行するために広く使われている人気のJavaScriptライブラリです。ブラウザとNode.jsの両方の環境で動作します。 IE8以降を含むすべてのモダンブラウザをサポートしており、Promiseベースで設計されているため、async/await構文を使ってXHRリクエストを簡潔かつ読みやすく記述できます。 ネイティブのFetch APIではなくAxiosを使うメリットには、次のようなものがあります。 古いブラウザにも対応している(Fetchはポリフィル

はじめに 過去18ヶ月間で、私たちの非営利団体は、Braveブラウザを使ってfreeCodeCamp.orgを訪れたユーザーから約2,000ドルの収入を得ることができました。 この記事では、Braveブラウザとは何か、その仕組みについて解説します。 さらに、あなたのウェブサイトやYouTubeチャンネルをBraveパブリッシャーとして登録する価値があるかどうかを判断する材料も提供します。 そして、報酬を受け取るために登録したい場合の手順についてもご紹介します。 パブリッシャーとして登録して以来、freeCodeCamp.orgがBraveから受け取った全送金履歴(1 BAT = 米ドル0.20

はじめにqueueMicrotask は、同期コードを非同期的に実行するために使える比較的新しいブラウザAPIです。queueMicrotask(() => { console.log(queueMicrotaskによって非同期に実行されました); });これは、従来 setTimeout を使って行っていた処理とよく似ています。setTimeout(() => { console.log(setTimeoutによって非同期に実行されました); }, 0);では、すでに setTimeout があるのに、なぜ queueMicrotask が必要なのでしょうか？qu

プライベートブラウジング、いわゆる「シークレットモード」は、少し静かにウェブを閲覧するための方法として人気を集めています。しかし、それが実際に何を意味し、どの程度あなたを保護してくれるのか、正しく理解している人は意外と少ないかもしれません。この記事では、シークレットモードとは何か、どのように動作するのか、そしてどんな場面で役立つのか(あるいは役に立たないのか)を詳しく掘り下げて解説します。プライベートブラウジングとは?プライベートブラウジングセッション中、ブラウザは閲覧したウェブサイトを履歴に記録しません。また、そのセッションに関連するデータ(Cookieなど)も、ローカルのデバイスには保存さ

「Chromium（クロミウム）」と聞くと、周期表に載っている元素や、ヒーローが敵を倒すために使う特殊な金属を思い浮かべる方もいるかもしれません。実は、どちらのイメージも正しいのです。そして意外なことに、ChromiumはGoogleの「Chrome」と名前がよく似たウェブブラウザでもあります。さらに面白いのは、この2つがある意味でとても深い関係にあるという点です。この記事では、Chromiumとは何か、そしてChromeとはどう違うのかをわかりやすく解説します。Chromium（クロミウム）とは？Chromiumは、Chromiumプロジェクトによって開発・運営されているオープンソースのウェ

閲覧履歴を確認したことはありますか?昨夜調べたレストラン(名前を忘れてしまったけれど)をもう一度チェックしたい、数日前に見かけた旅行サイトを再訪したい——そんなとき、履歴機能はとても便利です。しかし一方で、パソコンに訪問済みサイトの記録を残したくない場面もあるでしょう。配偶者やパートナーに誕生日プレゼントの検索履歴(しかも土壇場で!)を見つかってしまうかもしれないし、プライベートなサイトの閲覧記録は人に知られたくないものです。また、公共のパソコンを使っている場合、見知らぬ他人に自分の履歴を見られるのは避けたいものです。もっともなことですね。理由が何であれ、閲覧履歴の確認方法と消去(削除)方法を

うっかり作業中のタブを閉じてしまったり、昨日見つけたサイトにもう一度アクセスしたいと思ったことはありませんか?これは誰にでもよくあることです。では、閉じたタブをもう一度開いて、スムーズにブラウジングを再開するにはどうすればよいのでしょうか?この記事では、Chrome、Safari、Firefoxで閉じたタブを復元する方法を詳しく解説します。これを覚えておけば、誤ってタブを閉じてしまっても慌てる必要はありません。Chromeでタブを復元する方法キーボードショートカットを使うChromeでタブを復元する方法はいくつかあります。キーボードショートカット派の方には、MacならCommand + Shi

タブは本当に便利ですよね。マルチタスク好きな人にとって、複数の作業を同時に進められるのは大きな魅力です。今ではタブがあまりにも一般的になったため、リンクをクリックすると新しいタブで開くのが当たり前になっています。「自分のサイトのリンクでも同じことができないかな?」と思ったことがあるなら、この記事はまさにうってつけです。ここでは、HTMLだけでリンクを新しいタブで開く方法を分かりやすく解説します。アンカー要素(<a>)とはWebページにリンクを作成するには、テキストや画像などの要素をアンカー(<a>)要素で囲み、href属性にリンク先のURLを指定します。<p>

よく訪れるウェブページを保存しておけるのはとても便利な機能です。毎日ブログ記事のGoogleアナリティクスをチェックしたり、料理のヒントを求めてレシピサイトを訪れたりすることもあるでしょう。理由が何であれ、Chromeのブックマーク機能を使えば時間と手間を大幅に節約できます。ページをブックマークしておけば、いつでもワンクリックで目的のページに戻れます。しかし、ブックマークを整理したくなることもありますよね。数年前に使ったコンサートチケットの予約サイトなど、今はもう必要のないブックマークも溜まっていくものです。ご安心ください。その整理も簡単に行えます。この記事では、Chromeでブックマークの場

「about:blank」という言葉を耳にしたことはあるけれど、それが何なのかよく分からないという方は多いのではないでしょうか。あるいは、Chromeブラウザで新しいセッションを開いたとき、アドレスバーに「about:blank」と表示された真っ白な空のページが現れた経験があるかもしれません。 また、ウェブから何かをダウンロードするリンクをクリックしたときや、別のページへ移動するリンクをクリックした際にも、この空白ページを目にすることがあります。 なぜabout:blankが表示されるのか、それは一体何なのか。この記事で詳しく解説していきます。 about:blankを心配すべき? about

ブラウザの拡張機能を使えば、Webページ上の見たくない部分を自由に非表示にできます。広告やポップアップ、余計な情報を取り除くことで、インターネット上の情報収集に集中でき、作業効率も大きく向上します。このような機能を持つ拡張機能は数多くありますが、本記事では多くのユーザーがすでに導入している「uBlock Origin」を取り上げます。まだインストールしていない方は、この機会にぜひ導入を検討してみてください。uBlock Originとは?uBlock Originは、主要なすべてのブラウザで利用できる無料・オープンソースの広告ブロッカーです。さらに、ページ上の任意の要素を削除できる「要素ピッカ

この記事では、ブラウザ拡張機能とは何か、どのように動作するのか、そして自分でオリジナルの拡張機能を作る方法について解説します。記事の最後には、実際に「ワンクリックでコードスニペットをクリップボードにコピーできる」拡張機能を作成します。とても楽しい内容ですよ!この記事を読み進めるには、以下が必要です。JavaScriptの基本的な知識Firefoxブラウザ(他のブラウザでも可)ブラウザ拡張機能とは?ブラウザ拡張機能とは、ブラウザに追加することでその機能を拡張し、閲覧体験を向上させるツールのことです。例えば、デバイスにインストールした広告ブロッカーを思い浮かべてください。Webを閲覧する際に広告を

ブラウザには、さまざまなイベントに対してあらかじめ用意されたデフォルトの挙動が存在します。 たとえば、ユーザーがフォームの「送信」ボタンをクリックすると、フォームのデータはデフォルトで指定されたURLへ送信されます。 また、要素の子要素をクリックした場合、その親要素（コンテナ）でもクリックイベントが発生します。これはイベントが親要素へ伝播するためです。 しかし、場合によってはこれらのデフォルトの挙動を上書きしたいこともあるでしょう。この記事では、event.preventDefault() と event.stopPropagation() の2つのメソッドについて解説し、ブラウザで発生するデ

Cookie(クッキー)とは、ウェブサイトがユーザーの利便性を高めるために、パソコン上に小さな情報を保存しておくためのファイルです。例えば、ログインに使うユーザー名をCookieに記録しておけば、次回そのサイトを訪れたときに自動的に入力されます。このほか、ユーザーが選んだカラーテーマやお気に入りリンクなどの設定情報も保存できます。 一部のウェブサイトは、正常に動作するためにCookieが必須となっています。何らかの理由でCookieが無効になっていると、サイトを利用できないことがあります。「Cookieが無効になっています」といったエラーメッセージが表示された場合は、以下の手順でInterne

Internet Explorer（IE）で快適にネットサーフィンをしていたのに、突然「Internet Explorer に問題が発生したため、終了する必要があります」というエラーメッセージが表示され、IEが完全に強制終了してしまう——開いていたタブはすべて失われ、入力途中のフォームまで消えてしまう、そんな経験はありませんか？ 現在Chromeをメインで使っていればまず遭遇することはありませんが、IEを使っていた頃はこのエラーに悩まされた方も多いはずです。 まだ旧バージョンのIEを使っている方のために、この問題の根本的な原因を取り除くために試せる対処法をまとめました。エラーの原因はさまざまな

Internet Explorer(IE)には、キオスクモードや全画面モードなど、複数の表示モードが用意されていることをご存じでしょうか。この2つのモードは名前が少し紛らわしく、全画面モードではウィンドウを最小化して小さなサイズに戻せますが、キオスクモードではそれができません。以下で詳しく解説していきます。 キオスクモードは、管理者が利用者に設定などを変更させたくない公共端末などでよく使われるモードです。また、単にネット閲覧時の表示領域を最大化したいという場合にも非常に役立ちます。通常モード、全画面モード、キオスクモードそれぞれのIEの見た目は以下のようになります。 通常のIEモード I

Internet Explorer（IE）でWebページのソースコードを見たことはありますか？インターネット上のあらゆるWebページは、実はHTML、CSS、JavaScriptなど、さまざまな言語で書かれたコードの集まりです。これらの要素が組み合わさることで、閲覧や操作ができるWebページが出来上がっています。 デフォルト設定では、IEは別のIEウィンドウでソースコードを開きます。多くの方にとってはそれでも十分ですが、開発者やプログラマーであれば、普段使い慣れているテキストエディターやコードエディターでソースを表示したいと考えるでしょう。 変更方法は、インストールされているIEのバージョンに

Facebookを見ていて、思わずクリックしたくなる見出しを見つけたことはありませんか?クリックしてみたら、記事全体を読むために20回もページを切り替えなければならない——こんな経験、きっと誰でも一度はあるはずです。非常にストレスが溜まりますよね。 幸いなことに、こうした「スライド式(複数ページ分割)記事」を、たった1つの読みやすいページに変換できる便利なツールがいくつも存在します。本記事では、特におすすめの2つのツールをご紹介します。 Deslide Deslideは、記事のURLを公式サイトに貼り付けるだけで使えるシンプルなツールです。表示方法も複数のスタイルから選べるのが特徴で、画像のサ