Wix Studio | 制作会社・企業向けの Web 制作ソリューション
あらゆる規模の高度な Web サイトの制作をサポートデザイン →複雑なデジタルエクスペリエンスをより直観的に制作できます。 開発 →カスタム機能を迅速に構築・デプロイできます。 AI 機能 →内蔵の AI ツールでワークフローを整理し、サイト制作を高速化します。 ビジネスソリューション →ネイティブツールを活用して多機能のビジネスサイトを構築できます。 ネットショップ →強力な EC ソリューションで、独自のネットショップを効率的にデザインできます。 管理ツール →プロジェクト、チーム、クライアントの一元管理に役立ちます。 CMS →ノーコードの動的コンテンツでサイト制作を加速できます。 SEO →高度な SEO 機能でクライアントの事業成長をサポートします。 マーケティングツール統合 →ネイティブおよびサードパーティアプリを統合して、サイトにより多くの機能を追加できます。 スキルアップと
First-party cookie recipes | Articles | web.dev
First-party cookie recipes Stay organized with collections Save and categorize content based on your preferences. Learn how to set first-party cookies to ensure security, cross-browser compatibility, and minimize chances of breakage once third-party cookies are phased out. Cookies can be first-party or third-party relative to the user's context; depending on which site the user is on at the time.
無音を鳴らして自動再生ポリシーをアンロックする - console.lealog();
Safariなどのブラウザには、音の自動再生に制限があって、ロード時にいきなり再生！というのがだいたいできない時代。（この制限にはいろいろ条件があるけども） そのため、「このサイトでは音が出ます」みたいなモーダルを出して、まずそれをクリックしてもらい、そのタイミングでこの制限を突破するために一手間かけるということが行われてきた。 で、そのひと手間で盛大に音を鳴らすわけにはいかないので、無音を鳴らすという半ばハック的な方法があるのである。 その無音の鳴らし方を毎回思い出すのが大変なので、いい加減メモっておく。 HTMLAudio const $audio = new Audio(); $audio.src = "/sound-of-silence.mp3"; $audio.play(); ここでアンロックした`audio`要素を使い続けることが重要で、Reactとかでイミュータブルにやるとな
ep93 Web3 | mozaic.fm
Theme 第 93 回のテーマは Web3 です。 2021 年頃から、エンジニアの間でも話題になり、 Brave / Opera / Cloudflare などのベンダも Web3 に関するアウトプットを出す一方、懐疑的な意見もあるのが現状です。 今回は、 Dev Protocol の CTO であり、 Web フロントエンドの経験もある @aggre さんをお迎えし、 Web3 についての「技術の話」にフォーカスし、今何が起こっていて、これからどうなっていくのかについて議論しました。 Show Note 00:00~ Dev Protocol とは何か 32:20~ Smart Contract と Solidity 38:40~ Web3 とは 57:15~ Web エンジニアにとっての Web3 1:10:30~ Web3 のために Web に足りてないもの 1:32:00~ W
How SPA architectures affect Core Web Vitals | Articles | web.dev
How SPA architectures affect Core Web Vitals Stay organized with collections Save and categorize content based on your preferences. Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations. Since first introducing the Web Vitals initiative in May of 2020, we on the Chrome team have received a lot of great questions and feedback about the
Modern client-side routing: the Navigation API | Web Platform | Chrome for Developers
Single-page applications, or SPAs, are defined by a core feature: dynamically rewriting their content as the user interacts with the site, instead of the default method of loading entirely new pages from the server. While SPAs have been able to bring you this feature via the History API (or in limited cases, by adjusting the site's #hash part), it's a clunky API developed long-before SPAs were the
Chromeデベロッパーツールが日本語🇯🇵をサポート、CWV改善に必須のツールを日本語で使えるように
[レベル: 上級] Chrome 94 のデベロッパーツールが日本語を含む 80 以上の言語で利用できるようになります。 デベロッパーツールを日本語で使う デベロッパーツールを日本語で表示にするには、右上にある歯車アイコン⚙️から言語設定を変更します。 [Language] という項目があります。 ここから [Japanese – 日本語] を選びます。 もしくは [Browser UI Language] を選択すると Chrome 本体で設定している表示言語に合わせられます。 Chrome を日本語で使っていれば、それに合わせてデベロッパーツールの UI も日本語になります（ブラウザ全体の言語とデベロッパーツールの言語は独立している）。 Chrome 94 でデベロッパー ツールを初めて起動したときに、言語変更ができるようになったことを通知するバナーが出てくるかもしれません。 言語を変
ABEMA Web で Polyfill のコードをモダンブラウザ向けに 99% 削減した話 | CyberAgent Developers Blog
これらを踏まえて polyfill-library を使って Polyfill の出し分けをすることが最適解だと確信しました。 Polyfill の出し分けの実装方法 最初に実装したコードの全体像を見せると次の通りになります。それぞれの変数や関数についての説明は後ほどおこないます。 import crypto from "crypto"; import { Response, Request } from "express"; import { getPolyfillString } from "polyfill-library"; import polyfillLibraryPackageJson from "polyfill-library/package.json"; const FEATURES_OPTION = { flags: ["gated"] }; const FEATUR
こんばんは、X-Forwarded-For警察です - エムスリーテックブログ
エムスリーエンジニアリンググループ製薬企業向けプラットフォームチームの三浦 (@yuba)です。普段はサービス開発やバッチ処理開発をメインにやっておりますが、チームSREに参加してからはこれに加えて担当サービスのインフラ管理、そしてクラウド移行に携わっています。 今回はそのクラウド移行の話そのものではないのですが、それと必ず絡んでくるインフラ設定に関してです。 アクセス元IPアドレスを知りたい Webアプリケーションがアクセス元IPアドレスを知りたいシーンというのは、大まかに二つかと思います。ログ記録用と、アクセス制限ですね。どちらもアプリケーションそのものではなく手前のWebサーバの責務のようにも思えますが、そうとも言い切れません。動作ログ、特に異常リクエストをはじいた記録なんかにセットでIPアドレスを付けたいとなるとアプリケーション要件ですし、アクセス制限についてもマルチテナントサービ
Building a sidenav component | Articles | web.dev
Building a sidenav component Stay organized with collections Save and categorize content based on your preferences. In this post I want to share with you how I prototyped a Sidenav component for the web that is responsive, stateful, supports keyboard navigation, works with and without JavaScript, and works across browsers. Try the demo. If you prefer video, here's a YouTube version of this post: O
モダンWebパフォーマンス2020_株式会社ニジボックス Yuki Irisawa
リクルートグループ主催！『大規模メディアにおけるWeb開発の最前線』 https://business-and-creative.connpass.com/event/188628/
Announcing Squoosh v2 | Blog | web.dev
Announcing Squoosh v2 Stay organized with collections Save and categorize content based on your preferences. Squoosh is an image compression app our team built and debuted at Chrome Dev Summit 2018. We built it to make it easy to experiment with different image codecs, and to showcase the capabilities of the modern web. Today, we are releasing a major update to the app with more codecs support, a
フロントエンドに関わる人のスキルとして触れておきたい・知っておきたいこと
CSS SASS、SCSS、Stylusのいずれかを利用できる 変数を使用した効率化について理解がある、準じたコードを書ける CSS設計についてが何のためにあるか理解している 各設計のメリットについて説明できる 詳細度について理解している IDを含む場合の優先度順 !importantが付与される場合の優先度順 media queryの扱い方について理解している stylelintなどの静的解析ツールを使用できる Grid, Flexboxを使用したレイアウト調整ができる inline-blockやfloatを使用した横並び以外の手段が使える CSS変数について知っている CSSフレームワークについて紹介できる
How Google improved ads performance with stale-while-revalidate | web.dev
This case study highlights how improving the performance of third-party resources can boost business metrics. While a previous study measured the cost of added ads latency, this study demonstrates the value of a real-world performance improvement: Source: Google Internal Data, June to July 2019. Background The Google Publisher Tag (GPT) is the ad tagging script for Google Ad Manager that requests
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~
https://how-i-experience-web-today.com/
Designing With Code: A Modern Approach To Design (Development Challenges) — Smashing Magazine
https://designdrizzle.com/a-beginner-guide-to-web-design/
Instagram広告の出し方を徹底解説! 初心者でも簡単【図解つき】 | あなたがやるのよ！ 未経験でもわかるSNS広告運用
JavaScriptで背景色から文字色を導出する
