株式会社デジタルアイデンティティ SEOエヴァンジェリスト、コンサルタント。SEO集客からの売り上げ・問い合わせ増加など、セールスファネル全体のコンサルティングが可能。『薬機法管理者』の資格を有し、表現の規制が厳しい薬機法関連分野のマーケティングにも精通。 X（旧Twitter）：@yuuta_tanaka88 デジタルアイデンティティWebサイト：https://digitalidentity.co.jp GoogleやX、Instagramといった巨大プラットフォームを利用したビジネスの成長戦略が今、変化を迎えようとしています。 生成AIの登場によりゼロクリックリサーチ（検索結果ページで知りたかった情報を入手すること）が増え、「『SEO対策で上位表示させ、集客する』というマーケティング手法が通用しなくなるかもしれない。」「消費者は企業（広告）より個人を信頼する傾向にあるため、Webサイ
11月19日、Mozilla Developer Newsで「Firefox の 20 年: コミュニティ プロジェクトが Web をどう変えたか(20 years of Firefox: How a community project changed the web)」と題した記事が公開された。この記事では、Firefoxがウェブの発展に与えた影響と、20年にわたる進化の歩みについて詳しく紹介されている。 11月19日、Mozilla Developer Newsで「Firefox の 20 年: コミュニティ プロジェクトが Web をどう変えたか(20 years of Firefox: How a community project changed the web)」と題した記事が公開された。この記事では、Firefoxがウェブの発展に与えた影響と、20年にわたる進化の歩みについて
英国の競争・市場庁（CMA）は11月22日（現地時間）、調査の結果、米Appleの制限的な慣行がモバイルブラウザ市場のイノベーションを阻害し、英国の企業や消費者に悪影響を与えているとの暫定的な結論に達したと発表した。 この結論について、12月13日まで（Appleを含む）一般からの意見を受け付けており、最終決定は2025年3月に下される予定。 Appleへの批判点は： AppleのルールはiPhone上での他社ブラウザの機能を制限し、Webページの読み込み速度向上などを阻害している プログレッシブウェブアプリ（PWA）はiOSデバイスでは十分に機能せず、アプリ開発者の選択肢を狭めている Googleとの収益分配契約により、iOSでのブラウザ競争のインセンティブが低下している AppleとGoogleは、自社ブラウザを優遇し、ユーザーの選択肢を制限している CMAはこれらの問題に対処するため
SafariやChrome、Firefox、Xcode、VSCode、Finder、ターミナルなどアプリのタブを表示/横断検索できるMacアプリ「TabTab」がリリースされています。詳細は以下から。 SafariやChrome、Firefoxなどのブラウザはもちろん、現在ではFinderやXcode、ターミナルなど多くのアプリがタブ機能をサポートしており、表示したいタブの管理が難しくなっていますが、その様な際にタブを横断検索できるMacアプリ「TabTab」が新たにリリースされています。 TabTab helps you stay productive by making it easy to manage windows and tabs across all your Mac apps. It’s fast, intuitive, and runs entirely on your
幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCSSも変更する必要もあります。 そこでstretchキーワードを使用すると、便利です。要素はオーバーフローせずに使用可能なスペースいっぱいに表示され、マージンの計算も必要なくなります。 The stretch keyword: a better alternative to width: 100% in CSS? by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに width: 100%;が便利な例 width: stretch;の使い方 stretchのサポートブラウザ
Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」をバージョンアップした「WebVM 2.0」を公開しました。 従来のWebVM 1.0では、Webブラウザ上の仮想マシンでx86版のLinuxを起動し、コマンドラインからさまざまな操作が可能でした。 参考：WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 今回公開されたWebVM 2.0では、GUIを備えたLinuxデスクトップ環境までWebブラウザ上でサポートされたことが最大の特徴です。 下図で示されるように、仮想マシン上でさまざまなプロセスを実行し、さらにLinuxシステムコール経由でGUIのディスプレイ、ローカルディスク、ネットワーキングをサポートしています
技術者で作家のチャーリー・ジェラルド氏が、JavaScriptとSDR無線機「HackRF One」を用いて車のハッキングに成功したことを報告しています。なお、ジェラルド氏は、あくまで啓蒙目的で友人の車を用いて行った実験の内容を報告したもので、マネをして発生した問題については責任を負わないと断りを入れています。 Hacking cars in JavaScript (Running replay attacks in the browser with the HackRF) | Charlie Gerard | Senior frontend developer & Creative Technologist Charlie Gerard | Senior frontend developer & Creative Technologist https://charliegerard.de
スタイルクエリとは、親要素のスタイルに応じて子要素のスタイルを適用するCSSの機能です。たとえば、カードのコンテナがあり、カードによってラベルやボタンのスタイルを変更したい場合などに便利です。 このスタイルクエリがブラウザにサポートされているかをCSSだけで確認するテクニックを紹介します。 Feature detect Style Queries Support in CSS by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スタイルクエリのサポートを確認するCSS このCSSの仕組み デモ Safari 18のバグを回避する方法 はじめに 先日、XでAdam Wathanが（カスタムプロパティの）スタイルクエリを確認する方法を尋ねていました。理論的には@supports at-rule()を使用す
CSSで特定の形に切り抜く（マスキングする）にはmask-imageプロパティが便利です。マスク用の画像をmask-imageプロパティを使って要素に適用すれば、その画像の不透過部分のみにマスキングできます。mask-imageプロパティに関連して2024年から使用可能になったmask-compositeプロパティを使うと、マスクの合成方法を指定でき、より幅広いマスク表現ができるようになりました。この記事ではmask-compositeプロパティについて解説します。 サンプルを別ウインドウで開く コードを確認する mask-compositeプロパティの値とそのマスク結果の違い mask-compositeプロパティは、複数のマスク画像をどのように合成するかの方法を指定するためのプロパティです。実はmask-imageプロパティは複数画像の指定にも対応しています。複数画像からマスク領域を生
JSer.info #713 - Svelte 5がリリースされました。 Svelte 5 is alive Svelte 5では、Runesと呼ばれる構文とReactiveの仕組みがサポートされています Svelte 4の構文は引き続きサポートされていますが、マイグレーションガイドではRunesへの移行方法が紹介されています。 Svelte 5 migration guide • Docs • Svelte MSW v2.6.0がリリースされました。 Release v2.6.0 · mswjs/msw MSW v2.6.0では、WebSockets APIのモックがサポートされました。 詳細は次のドキュメントを参照してください。 Handling WebSocket events - Mock Service Worker ws - Mock Service Worker State
記事作成時点で広く使われているHTMLレンダリングエンジンは、ChromeやEdgeの「Blink」、Safariの「WebKit」、Firefoxの「Gecko」の3種に絞られています。ごく少数の大企業や団体がウェブの将来の決定権を握る状況を打破するべく、「ゼロから書かれた新しいウェブエンジン」として「Gosub」の開発が進められています。 Gosub Web Browser Engine https://gosub.io/ Gosubは開発の初期段階で、現時点ではHTMLパーサーが「HTML5を正しく解析できる段階」まで開発が進んでおり、CSSパーサーは概念実証の段階です。また、JavaScriptのエンジンとして、記事作成時点ではGoogleが開発するV8が使用されていますが、Gosubはモジュール性を重視しており、将来的には開発者が好みのJavaScriptエンジンを選択できるよう
本日のデモ： 本日のソースコード： おっと、待たせたねぇ！今日は「DuckDB-Wasm」と「DuckDB-Spatial」についてご案内いたしやすよ！ この記事を読めば、ブラウザだけで地理空間情報の分析をサクッとこなせすための環境構築や、便利な関数を使った地理空間情報分析の基本がバッチリわかるって寸法よ！これを知っときゃ、サーバーいらずで本格的な地理空間情報分析ができちまうし、つまずきやすいポイントもスッキリ解消！あんたもいますぐ地理空間情報分析の達人になれるこたぁ間違いなしだ！さぁ、江戸っ子の心意気で、いますぐその手で試してみな！ Vite.js + React でやんでぇ！まず、Vite.js + React + TypeScriptを開発環境の基板とするってのは、問答無用で決まりだ！ほかにゃ選択肢はねぇってわけよ。Viteの速さ、Reactの使いやすさと豊富なライブラリのエコシステ
5つのECMAScript ProposalがStage4になど: Cybozu Frontend Weekly (2024-10-15号) こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024/10/15 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 PR TIMES フロントエンドの CI パイプラインを改善して、CI 処理時間と Billable Time を 50%を削減した話 | PR TIMES 開発者ブログ changed-files という github action 使って、変更があった特定のディレクトリのみ
Webブラウザ上のWASM版PostgreSQLをサーバとし、PostgreSQLクライアントから接続可能になる「dabase.build:Live Share」、Supabaseが発表 PostgreSQLをベースにしたBaaS（Backend as a Service）の「Supabase」を開発し提供しているSupabase社は、Webブラウザ上で実行中のWebAssembly版PostgreSQLをサーバとし、別のマシンからPostgreSQLのクライアントで接続できる新機能「dabase.build:Live Share」を発表しました。 Supabaseは今年（2024年）8月、Webブラウザ上でWebAssembly版PostgreSQLの「PGLite」を実行するサービス「database.build」（旧称：Postgres.new）の提供を開始しました。 これによりWe
「ブラウザ常駐型のAIアシスタントで便利だよ」と以前にも紹介したChromeの拡張機能「cici」。気づけば、かなり便利な進化を遂げていました。 どんなところが？と説明する前にまあキャプチャーを見てみてください。 ▼「Cici」って何？ マウスオーバーするだけ、リンク先の要約ができるいつも通りPC×Chromeでライフハッカー・ジャパンを見ていたら… え？自動で「記事をサマってくれているんだけど！？なにこれ？」 と調べたら、Ciciの仕業でした。 そう、ウェブサイトのリンクがあるところにマウスオーバーするだけで、リンク先の記事の概要を3行程度にまとめてくれていたんです。 自動で表示されるポップアップは、 もっと深掘りしたければ「チャットに追加」 記事を読みたければ「リンク先に飛ぶ」 テキストを使いたければ「コピーできる」 ナビゲーションにもなっています。
Jack Wallen （Special to ZDNET.com） 翻訳校正： 編集部 2024-10-14 07:00 「Firefox」を含まないOSを最後にインストールしたのがいつだったのか、筆者は覚えていない。確かに、筆者がインストールするのは「Linux」系のOSだけだが、そのほぼすべてにFirefoxがプリインストールされている。 それには2つの理由がある。Firefoxがオープンソースであることと、かなり優れたブラウザーであることだ。しかしながら、最高のブラウザーとは言えない。一例を挙げると、Firefoxはタブ管理機能がかなり貧弱である。これは、近ごろのほとんどのユーザーが望んでいる機能だ。 しかし、幾つかの問題が原因で、ユーザーはFirefoxを敬遠している。Firefoxは非常に安全で、「Google Chrome」のようにセキュリティ上の脅威にさらされてはいないにも
Yu Gothic UIに text-spacing-trim を適用するとバグる を読んでいて、気になってしまったので、実際にYu Gothic UIのファイルの中身を開いて調べてみました。 発生している問題 回避策 原因 Yu Gothic UI 特有の問題？ まとめ 発生している問題 Yu Gothic UIは、Windows 10からプリインストールされているUI表示用フォントです。 手元の環境で確認したところ、Windows 11 23H2 (ビルド 22631.4317) 時点では、「Yu Gothic UI Version 1.93」がインストールされていました。 このフォントをChrome系ブラウザで利用すると、鍵括弧表示が崩れる場合があります。具体的には、 「abc」「abc」 のように、閉じ括弧・開き括弧が隣接するケースです。 」「 の部分ですね。この際に、閉じ括弧と開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
