WebGPUがついに利用可能に - WebGL以上の高速な描画と、計算処理への可能性 - ICS MEDIA
2023年5月にリリースされたChrome・Edge 113で、次世代WebグラフィックスのJavaScript APIであるWebGPU（ウェブジーピーユー）がデフォルトで利用できるようになりました。ICS MEDIAでは2018年にWebGPUについて紹介していましたが、当時はSafariで開発者向けのフラグを有効にした場合にのみお試しできる実験的機能でした。 ChromeとEdge限定ではありますが、WebGPUが一般ユーザーの環境でも動作できるようになったいま、オリジナルのデモを交えてあらためてWebGPUを紹介します。 この記事で紹介すること WebGPUがChrome・Edge 113で標準で利用可能になった WebGPUはモダンな3D APIに直接アクセスすることで、WebGLより高い性能が得られる WebGPUだとドローコールの最適化をしなくても十分に高速 WebGPUはコ
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、bytefish氏による「Use Chrome DevTools Like a Senior Frontend Developer」（2020年7月21日公開）の和訳を、著者の許可を得て掲載しているものです。 シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう 開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッ
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選
知らなかった！ ウェブブラウザ｢Chrome｣のこんな便利な機能12選2021.03.05 19:30127,931 David Nield - GIZMODO US ［原文］ （ そうこ ） Chromeスキルが上がったぞ！ ウェブブラウザ何使っていますか？ 私がメイン使いしているのはGoogle Chromeです。長いことずっーっとChromeです。それでも、まだまだ知らないことはたくさんあります。Googleも常に新機能アップデートしてますからね。あまり知られていないChromeの便利機能をまとめました！ 1：ゲストモードへ切り替え｢ちょっとパソコン貸して？｣と言われた時に便利なのがこれ。自分が普段使いしているブックマークはもちろん、開きっぱなしのタブや、ログイン状態のページをもし見られたらと思うとハラハラします。別に何もやましいことないけど、なんかソワソワします。そういう時はゲスト
『Awesome Screenshot』好きな範囲をスクリーンショットできる超便利なChrome拡張機能 - 新米研究者の日常ブログ
こんばんは、モルモル（@morumorublog）です。 皆さんは、Webブラウザは何を使っていますか？ 私はいつもGoogle Chromeを使っています。 理由は、直感的に操作できること、起動が速い気がすること、スマホとの互換性があることなど、挙げるとたくさんあります。 そのなかでも、「拡張機能」がとても便利です。 拡張機能とは、Google Chromeに＋αで多様なツールを追加できる機能です。 機能の種類・数は実に様々であり、無料で利用できるものも多くあります。 私も普段、いくつか拡張機能を使ってますが、ブログ記事作成はもちろん、Chromeを使ううえで特に便利だと感じるものを、いくつか紹介したいと思います。 今回は、スクリーンショットの拡張機能「Awesome Screenshot」について。 【Google Chromeのインストールはこちらから】 【Google Chrome
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
仕事を超快速にするGoogle Chromeの拡張11選 | nanapi[ナナピ]
仕事を超快速にするGoogle Chromeの拡張11選に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiよりお知らせ(PR) モバイルPC、活用できていますか？ mobilepc.nanapi.jp nanapiがお送りする、モバイルPCの活用法 法人向けパソコンの購入なら panasonic.biz パナソニック法人向けモバイルPCの購入相談なら はじめに Google Chromeというものがあります。これはWebを素早く見るためのブラウザと呼ばれる、インターネット閲覧ソフトウェアです。 Chromeの使い方については以下をご覧ください。 ブラウザソフトを変えて、より快適にインターネットを見よう！ | nanapi[ナナピ] Chromeの特徴として、豊富な拡張機能があります。これはExtensionsとも呼ばれており、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code でフロントエンドの開発環境を構築してデバッグする - Qiita