こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM
「1 分 de Web 標準」のやり方 at Web Developer Conference 2024 #wdc2024 | blog.jxck.io
Intro 9/7 開催予定の Web Developer Conference 2024 では、 「1 分 de Web 標準」という LT 大会を予定しています。 CFP も募集中ですが、(筆者の周り以外では)聞き馴染みのないやり方だと思うので、この LT のやり方を解説します。 プロポーザル | Web Developer Conference 2024 - fortee.jp https://fortee.jp/web-dev-conf-2024/proposal/all 1 分 de Web 標準 「Web 標準」な何らかのトピックについて、 1 人 1 ページ 1 分で LT するというものです。 Slide スライドはこちらで用意する Google Slides を共有し、そこに割り当てられた 1 ページのみを使えます。 その 1 ページは、マスターで振るページ番号以外は、ど
どうも。小林です。 なんとなく気になって社内の小林さんの数を数えたら7人いました。 ネットコムの小林シェアは1%以上あるようです。 さっそく本題です。 こちらの書籍、みなさまご存知でしょうか？ 「イラスト図解式 この一冊で全部わかるWeb技術の基本」は、2017年3月16日に発売され、発行部数は44,000部を超えています。 電子版も発行されているので、発行部数以上に多くの方に読んでいただけていることになります。 私が著者として初めて携わった書籍です。 安定して売れ続けておりますが、古くなってきた情報もあるということで、このたび改訂版を出すことになりました。 イラスト図解式 この一冊で全部わかるWeb技術の基本 第2版 改訂版となる第2版は2024年6月28日発売です。7年間も経つと技術は格段に進化しています。 Webの歴史や大まかな仕組みは変わらない一方、プロトコルのバージョンアップや表
2024 年 6 月 14 日、Google 渋谷オフィスにて Chrome Tech Talk Night #16 〜 パスキー が開催されました。 CTTN #16 は、開発者のみなさんがパスキーの基本について学び、よくある疑問を解決できることを目指したイベントです。 FIDO Alliance メンバー企業でアクティブに仕様策定に参加しているエキスパートの皆様がご登壇されました。 資料はこちらに公開されています：Chrome Tech Talk Night #16 パスキー 以下はClaude Sonnet 3.5 によるまとめとNotta.ai によるまとめをもとに若干手を入れたものです。なお、私はこの分野は素人なので、間違いがあると思うので、その場合はご指摘いただければ幸いです。 Chromeテックトーク16 – パスキーについて #passkeys_jp 1. イントロダクショ
CSS Length Units | CSS-Tricks
Overview Many CSS properties accept numbers as values. Sometimes those are whole numbers. Sometimes they’re decimals and fractions. Other times, they’re percentages. Whatever they are, the unit that follows a number determines the number’s computed length. And by “length” we mean any sort of distance that can be described as a number, such as the physical dimensions of an element, a measure of tim
日々高度化するサイバー攻撃からお客様を保護するための取り組み：定期観測レポート（IIR vol.63 1章） | IIJ Engineers Blog
2024年6月に発行したIIJの技術レポートIIR vol.63 1章では「日々高度化するサイバー攻撃からお客様を保護するための取り組み」をお届けします。 本報告のポイント 電子メールは引き続きビジネスやプライベートでの重要な連絡手段の一つですが、迷惑メールや、それによって引き起こされるフィッシング詐欺により、企業や個人に経済的被害が発生する状況が続いています。IIJでは継続的に迷惑メール対策に取り組んでおり、その知見から次の二点について報告を行ないます。 お客様を脅威から保護する取り組み 近年の迷惑メールは、正規のメール利用者の認証情報(ID、パスワード)を盗み、メールアカウントを乗っ取って送信されるケースが増えています。このような方法で迷惑メールが送信されると、乗っ取られた利用者自身や所属組織の評判(レピュテーション)が低下し、今後の電子メールの利用に支障が出てしまいます。 IIJセキ
Re: HTMLのルート要素ではcolorとbackground-colorをセットで指定すべき - 水底の血
ちょっと間が空いて、亀リプっぽくなっちゃいましたけど、HTML のルート要素では color と background-color をセットで指定すべきというお話について。 昔からブラウザには配色設定があり、テキスト色と背景色をユーザーが任意に指定できます。 ……という話は Web アクセシビリティとフェイルセーフの記事に以前書いたのでその詳細は省略しますが、WCAG 2.2 達成方法集の F24(W3C) において達成基準 1.4.3（レベルAA）などの失敗事例として掲載されているにも関わらず、このことは世間ではなぜか認知が薄いようです。 認知も薄いというか、私も言われるまで気づかなかったあたり、まあそういうことなんじゃないかなと*1。……という話だけはあまりにもアレなので、ざっくりとですが、ほんのちょっと深掘りしてみましょう。 WCAG 2.1 達成方法集のF24のタイトルは、「達成基
Build flutter apps with HTML/CSS and JavaScript | WebF | WebF
Backward compatible with web browsersWebF provides a subset of the W3C/WHATWG standard HTML/CSS and ECMAScript 2020 JavaScript support. WebF gives you the DOM API, Window, Document, and other Web APIs, and yields the same results and behavior as web browsers. High PerformanceExecute bytecode with optimized QuickJS engine, and render HTML/CSS in the same context as Flutter apps, saving 50% load tim
なぜ私の1frはフレックスコンテナをはみ出すのか
CSSのGrid Layoutを書いていて度々悩まされるこんな問題。 1fr で 3 列の等幅な列を作ることがこのレイアウトの意図でしたが、フレックスアイテムのコンテンツが折り返されず、フレックスコンテナを飛び出して横方向のスクロールが発生してしまっています。 レビューでは、minmax(0, 1fr)にしといてねとか、フレックスアイテムの方にmin-width: 0をつけてねとか言って簡単に済ますんですが、こういうのって経験的に知っているだけで、なんでその問題が起きるのか、そしてなんでこの方法で直るのか、といった細かい理由はよく知らなかったのです。 まぁ正直理由なんか知らなくても直るならいいんじゃないか、とも思いますが、会社のフロントエンド雑談会でちょうど話す機会があったので、最新の W3C Candidate Recommendation Draftを見て、以下のようなCSSを書いた時
WebAssembly’s JavaScript Promise Integration (JSPI) API has a new API, available in Chrome release M126. We talk about what has changed, how to use it with Emscripten, and what is the roadmap for JSPI. JSPI is an API that allows WebAssembly applications that use sequential APIs to access Web APIs that are asynchronous. Many Web APIs are crafted in terms of JavaScript Promise objects: instead of im
週刊Railsウォッチ: Rails 8からPropshaftがアセットパイプラインのデフォルトにほか（20240619前編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 公式更新情報: Ruby on Rails — Better error message, opt
It used to be easy to pick colors for design systems. Years ago, you could pick a handful of colors to match your brand’s ethos, or start with an off-the-shelf palette (remember flatuicolors.com?). Each hue and shade served a purpose, and usually had a quirky name like “idea yellow” or “innovation blue”. This hands-on approach allowed for control and creativity, resulting in color schemes that cou
Node.js includes a built-in module called performance hooks for precise performance measurement. But why use it when you can simply log timestamps and calculate the difference between two dates? At least because it is precise. The module uses a monotonic clock that allows you, as a user, to make performance measurements and be sure that they are not corrupted. At first, I struggled to understand h
人間の持つ知識を形式的に表現する、知識表現の研究は古くからなされてきており、例えば一つの形としてWebシステムではよくつかわれるリレーショナルモデルなどがある。近年よく着目されているのがナレッジグラフであり、先端的な研究を超えて、実産業での活用事例（例えばGoogleのナレッジグラフサーチ）も多くみられるようになった。 本記事では、noteのレコメンドシステムも手がけている筆者がWikidataのエンドポイントを利用して、ナレッジグラフを探索し、スターウォーズファンにおすすめできそうな映画をリストアップしてみる。最終的にこんな感じのリストが得られる。スターウォーズファンのみなさまには、興味が惹かれるタイトルがあっただろうか？ ナイト ミュージアム2 インディ・ジョーンズ／クリスタル・スカルの王国 地獄の黙示録 チャーリーズ・エンジェルフルスロットル ブレードランナー 2049 ジャッジ・ド
[アップデート] Amazon API Gateway の統合タイムアウトを 29 秒より長く設定出来るようになったので、申請から設定までやってみた | DevelopersIO
[アップデート] Amazon API Gateway の統合タイムアウトを 29 秒より長く設定出来るようになったので、申請から設定までやってみた いわさです。 みなさま Amazon API Gateway は使ってますか。 オーソライザーやスロットリング、使用量プランが使えるので個人的に最高なサービスだと思っているのですが、それでも採用を見送らざるを得ないケースがよくあります。 特に「約 30 秒の最大タイムアウト」と「10 MB の最大ペイロードサイズ制限」この２つが原因で採用できずに ALB とかに倒されるケースが多いです。 先日のアップデートでなんと一部のタイプの API でタイムアウト上限が緩和出来るようになりました。 次の公式ドキュメントにも各クォータの上限が記載されていますが、抜粋すると以下です。 HTTP API はタイムアウト 30 秒のまま WebSocket AP
![[アップデート] Amazon API Gateway の統合タイムアウトを 29 秒より長く設定出来るようになったので、申請から設定までやってみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef03543e7d7ee350aaa5c2cfb3c3a345e4b0b29a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F08%2Famazon-api-gateway.png)
アクセシビリティ - freee
アクセシビリティfreeeは「だれもが自由に経営できる統合型プラットフォーム」というビジョンを掲げており、全ての人がfreeeのサービスを使える必要があると考え、アクセシビリティの向上に取り組んでいます。 製品のアクセシビリティ改善「freee会計」や「freee人事労務」等の既存サービスにおいては継続的にアクセシビリティを改善してきたほか、新規サービスである「freee工数管理」や「freee請求書アプリ」においては高いアクセシビリティを前提として開発しました。 社員研修の実施アクセシビリティの高い製品開発を継続的なものにするために、全社員へ向けた研修、アクセシビリティの観点を含む品質チェックを障害がある社員も関与して実施しています。 ガイドラインおよびチェックリストの運用Web技術の標準化を行う非営利団体「World Wide Web Consortium（W3C）」が策定したWeb
CSS コンテナクエリ考察 | grip on minds
2010 年に公開された Ethan Marcotte 氏の記事1でレスポンシブウェブデザイン（RWD）の手法が提唱されて以来、レイアウト幅に応じてスタイルを変更する方法を実現するには、メディアクエリ（@media）を使用するのが一般的でした。 そして 2023 年現在、コンテナクエリ（@container）が主要なブラウザでサポートされ、RWD の考え方が大きく変化しようとしています。 すでに多くの記事で解説されていますが、コンテナクエリの仕様は複雑です。この記事では、コンテナクエリの例を挙げながら、実際にどのような使い方ができるのか、使用する際にどのような懸念点が考えられるかといった点について考えていきます。 コンテナクエリは主要なブラウザでサポートされていますが 2、W3C の仕様では草案（Working Draft）段階のため、今後、実装方法や機能に変更が発生する可能性がある点を留
ヘッドレスブラウザ - Wikipedia
英語版記事を日本語へ機械翻訳したバージョン（Google翻訳）。 万が一翻訳の手がかりとして機械翻訳を用いた場合、翻訳者は必ず翻訳元原文を参照して機械翻訳の誤りを訂正し、正確な翻訳にしなければなりません。これが成されていない場合、記事は削除の方針G-3に基づき、削除される可能性があります。 信頼性が低いまたは低品質な文章を翻訳しないでください。もし可能ならば、文章を他言語版記事に示された文献で正しいかどうかを確認してください。 履歴継承を行うため、要約欄に翻訳元となった記事のページ名・版について記述する必要があります。記述方法については、Wikipedia:翻訳のガイドライン#要約欄への記入を参照ください。 翻訳後、{{翻訳告知|en|Headless browser|…}}をノートに追加することもできます。 Wikipedia:翻訳のガイドラインに、より詳細な翻訳の手順・指針についての説
「DID/VC共創コンソーシアム」の第１期活動報告 – Digital Platformer Corporation
Digital Platformer 株式会社（代表取締役松田一敬、以下DP）が2023年10月28日に加盟した「DID/VC共創コンソーシアム」（Decentralized Identifier / Verifiable Credential Co-Creation Consortium、会員企業数20社、以下DVCC）は、2023年10月にコンソーシアム発足と同時に設置した「ルール整備分科会」における第1期の活動報告を公表します。 なお、本コンソーシアムでは、2024年1月から新たに「ビジネス共創分科会」を設置し、ユースケースに基づいた分散型ID（Decentralized Identifier 、以下DID）とデジタル証明書（Verifiable Credential、以下VC）の有効性と実現性の検証を開始しました。 1. ルール整備分科会の概要 DVCCでは、「ルール整備分科会」を
Chrome 97: WebTransport、Array の新しい静的メソッドなど Chrome Platform Status Firefox 114 Safari、というかWebkitが対応表明 これまでの道のり 2017ごろ? : クラウドゲーミングにWebRTC使いづらいから新しいプロトコル作ろうよ、という話が出る 2020年末 : QuickTransportが触れるようになり、WebTransportの紹介記事が話題に。 2021年 : WebTrasnportベータ版 2021年11月 : Chrome97にてWebTransportがGAされる。 2022年初夏 : FacebookやTwitchがメディア配信向けのプロトタイプを公開(Warpなど) 2023年4月 : WebkitがWebTransport対応する意思を表明 2023年6月 : Firefox114にて
WebRTC スタートガイド コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 WebRTC は、制約のないオープンなウェブをめぐる長期戦の新たな戦場です。 JavaScript の発明者 Brendan Eich プラグイン不要のリアルタイム通信 スマートフォン、テレビ、パソコンが共通のプラットフォームで通信できる世界を想像してみてください。WebRTC のビジョンは、ビデオチャットとピアツーピアのデータ共有を簡単に実現できることです。 お試しになる場合は、WebRTC はパソコン版とモバイル版の Google Chrome、Safari、Firefox、Opera でご利用いただけます。まずは、appr.tc にあるシンプルなビデオチャット アプリを使うことをおすすめします。 ブラウザで appr.tc を開きます。 [参加] をクリックしてチャットルー
（前回の記事は下記をご覧ください） ▶こんなにあるの？？CSSの疑似クラス・疑似要素について調べてみた 人生にも仕事にも遊びにも、何事にも重要なことというものはあるものです。 今回は昨今のウェブ制作において重要なものの一つである、SVGのお話。 簡単に様々なことができるSVGの便利な使い方を、一挙ご紹介！ そもそもSVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス、SVG、日: 変倍ベクタ図形[2][3]）は、XMLベースの、2次元ベクターイメージ用の画像形式の1つである。アニメーションやユーザインタラクションもサポートしている。SVGの仕様はW3Cによって開発され、オープン標準として勧告されている。 出典 Scalable Vector Graphics – Wikipedia SVGとは、PNGやJPEGと同様、画像形式の一つです。 SV
Encrypted Media Extensions (EME）は、ウェブブラウザとデジタル著作権管理 (DRM) ソフトウェアの間のコミュニケーションチャンネルを提供するW3C仕様である[1]。EMEはHTML5のMedia Source Extensionsに基づいた仕様で[2]、これによってHTML5でMPEG-CENCによって保護されたMPEG-DASHのようなアダプティブ・ビットレート・ストリーミングが可能になる[3]。EMEはYouTubeやNetflixといったサービスで利用されている[4]。 EMEで使用される復号用モジュールはプロプライエタリであるためにオープンソースのブラウザに組み込んだ状態での配布が困難であり、大きな議論を巻き起こしたが[5]、W3CはEMEをウェブ標準とした[1]。 歴史[編集] 2013年4月、Chromebookを利用して、Netflixが初めて
Theme 第 154 回のテーマは 2024 年 6 月の Monthly Platform です。 Show Note Chrome 動向 Stable: 126 Updates Chrome 126 https://developer.chrome.com/release-notes/126 CSS Cross-document view transitions for same-origin navigations Web APIs Gamepad API trigger-rumble extension ChromeOS tabbed web apps toJSON() method for GeolocationCoordinates and GeolocationPosition WebGLObject Web IDL superinterface Re-enabling t
2024年4月1日の改正障害者差別解消法の施行を前に、ウェブアクセシビリティに関する関心が高まっています。電通デジタルにも多くの質問や問い合わせが寄せられています。本記事では、インフォアクシア 代表 植木真氏と電通デジタル 千葉順子が、これまでに多く寄せられた質問に答えます。前編は、改正障害者差別解消法の概要と、ウェブアクセシビリティのガイドラインについて説明します。</p>\r\n"}}" id="text-39b7c79fcf" class="cmp-text"> 2024年4月1日の改正障害者差別解消法の施行を前に、ウェブアクセシビリティに関する関心が高まっています。電通デジタルにも多くの質問や問い合わせが寄せられています。本記事では、インフォアクシア 代表 植木真氏と電通デジタル 千葉順子が、これまでに多く寄せられた質問に答えます。前編は、改正障害者差別解消法の概要と、ウェブアクセ
進化したCSSは「モダンCSS」と呼ばれています。Webサイトのデザイン変更には欠かせない言語ですが、Webブラウザの進化とともに、書き方も少しずつ変化しています。今回はモダンCSSの特徴をコードとともに解説。知らなかった便利な書き方があるかも？ Webブラウザの変化とCSSの複雑化 パソコンやスマートフォンで使われているWebブラウザにはさまざまな製品があります。WindowsではMicrosoft Edgeが、macOSやiOS、iPadOSではSafariが、AndroidではGoogle Chromeが標準でインストールされていますが、他にもMozilla FirefoxやOpera、などがあり、個人が使いやすいと感じるWebブラウザを導入している人もいるでしょう。 それぞれのWebブラウザによって使用できるHTMLのタグや属性、CSSに指定できる内容が異なっており、同じHTMLフ
Google がお客様のフィードを処理できるよう、フィードを送信する前に XML スキーマ検証ツールを使用してください。XML ファイルの構造を検証するには、さまざまなツールを使用できます。 XML スキーマ ツールの W3C リスト Altova XMLSpy XML エディタ oXygen XML エディタ libxml2 の xmllint xmllint を使用すると、次のコマンドでフィードを検証できます。 xmllint --schema http://www.google.com/shopping/reviews/schema/product/2.3/product_reviews.xsd \ --noout file.xml 特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2
E2Eテストの自動化観点でのブラウザ操作のけるSelenium周りの言葉の定義と関連事項の整理 - Qiita
概要 似たような言葉があって混乱したので、整理することを目的としたメモ。 あくまでも私が理解し易い視点、であることに注意。 Webアプリケーションの画面に対するE2Eテストの実行を自動化する実装場面が検討の対象。テストコードとノーコードツールで分岐することを検討したうえで、テストコードでの実装を選択する。その実装に用いるライブラリを比較検討する中で、Selenium周辺の言葉の定義の整理を目的とする。 ツールの比較そのものではなく、言葉の整理が目的であることに注意。 整理の起点 次の通り。 E2Eテストとして、WebアプリケーションのUIに対する機能テストを対象とする テストを自動化することは、つまりコマンドラインから実行出来ること、を意味する コマンドラインからUIテストを実行する方法として、次の2つがある (A) テストコードを用いて、ブラウザーを操作するためのAPIを呼び出す (B)
IntroductionGoogle は 200 を超えるランキング要素で検索結果を計算していることはブロガーであれば、誰もが一度は聞いたことがあるかもしれません。ここで紹介する 200 以上のランキング要素は、Google が公式に発表されたものではなく、世界中の有志が検証して確認したものです。そのうちのいくつかは既に証明されており、いくつかは賛否が分かれるものが含まれています。 このリストは 2024 年向けに更新されたものであり、現時点での最新版です。（2024.06.16 時点）Google のアルゴリズムは日々アップデートされており、時間経過とともに通用しなくなる可能性があることに注意してください。 それでは、早速始めましょう。 The Top 8 Factorsランキング要素は 200 以上ありますが、もっとも重点を置くべき 8 つの要素は、以下のとおりです。 質の高いコンテン
How should class naming be in HTML? — Clean Code. 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 多くの開発者は開発フェーズでネーミングに多大な時間を費やすことがあります。実際、場合によっては、コーディング自体よりも名前付けに多くの時間を費やしてしまうこともあります。これは、クラス、ID、関数、変数、ファイルなどの要素に名前を付ける際、プロジェクト内での目的を正確に反映した、説明的で意味のある、簡潔で一貫性のある名前を使用することが不可欠だからです。 しかし、なぜ物事にこのように名前を付けるべきなのでしょうか? 書かれたコードがより読みやすく、理解しやすくなります。チームメンバーや他のチームの開発者がコードブロックを簡単に理解でき、協力とメンテナンスプロセスが向上します。 適切な命名は、プ
イベントループとは何なのか？ - Qiita
皆さんはJavaScriptの「イベントループ」についてどのくらいご存知でしょうか？ イベントループはJavaScriptランタイムがプログラムを実行するときの基盤となる仕組みです。他の言語やフレームワークにも類似概念がありますが（例：C#のWinForms）、重要さの度合いが異なります。 最近、社内で開催している読書会の課題図書で「イベントループ」について言及する箇所があり、、私自身この仕組みについて概要を理解できていないことに気がついたので少し調べてみました。 似通った関心をお持ちの方にとっての参考になればよいなと思っています。 なるべく簡潔にまとめたつもりですが、、、すみません、ものすごく文字だらけです。私の関心の的になったものをギュウギュウ押し込みました。 JavaScriptプログラムはシングルスレッド Webブラウザであれ、Node.jsであれ、JavaScript（JS）ラン
IPM ― 顧客体験と従業員体験向上のためのソリューション 2024年6月14日 翻訳: 逆井 晶子 この記事は米Catchpoint Systems社のブログ記事「How to propagate OpenTelemetry trace headers over AWS Kinesis: Part 1」の翻訳です。 Spelldataは、Catchpointの日本代理店です。 この記事は、Catchpoint Systemsの許可を得て、翻訳しています。 AWS Kinesis における OpenTelemetry トレースヘッダの伝搬の複雑さを解説するシリーズへようこそ。 この3部構成の探索では、分散システムにおけるトレースヘッダの重要な役割を掘り下げ、AWS Kinesis に特有の課題を議論し、データ追跡を堅牢かつ一貫して維持するための革新的なソリューションを探ります。 トレースヘ
Website Explorerはすでに開発が終了しているので、いつか使えなくなる可能性があります。 使えなくなった場合は下記のような代わりとなるものを導入検討。 【祝】Website Explorer開発再開してた！ありがとう！ https://twitter.com/Website_Explore 全体的な機能として代わりになりそうなもの Screaming Frog →無料版だとクロールの上限が 500 URLs。実務で使うなら有料版が良さそう。 料金は年209ドル（28,000円くらい）月で考えると2,300円くらい。 リンク切れチェック W3C Link Checker → 結果がダウンロードできない。 dead-link-checker.com → 結果がダウンロードできない。 リンクチェッカー → 結果がエクセルで書き出せる。認証がかかっているサイトの調査も可能。 サイトマッ
ストリーミングテレビパート2 2008年、ロサンゼルスに本部を置く国際ウェブテレビアカデミーが、ウェブシリーズやストリーミングテレビのテレビ俳優、作家、幹部、プロデューサーを組織し、サポートするために設立されました。この組織は、ストリーミーアワードの受賞者の選考も管理しています。2009年には、ロサンゼルスウェブシリーズフェスティバルが設立されました。インディシリーズアワードやバンクーバーウェブシリーズフェスティバルなど、ウェブコンテンツ専用のフェスティバルや賞の授賞式もいくつか開催されています。2013年には、メロドラマ「オールマイチルドレン」が放送からストリーミングテレビに移行したことを受けて、デイタイムエミー賞に「素晴らしいウェブ限定シリーズ」という新しいカテゴリーが設けられました。その年の後半、Netflixは、第65回プライムタイムエミー賞で、ストリーミングテレビシリーズとして初
当サイトについて｜大阪のホームページ制作会社セブンデザイン
当サイトについて 当サイトでは、利用規約を定めています。 ホームページを利用いただく前に、一読いただき同意のうえご活用ください。 なお、当規約は予告なく変更されることがあります。 その際には、改訂版を掲載しますので、最新の内容を確認いただきますようお願いします。 SSL暗号化通信 ホームページは、HTTPSで制作されているため、SSL暗号に対応しています。 よって、フォームから送信されたメールは、暗号化され、インターネット経由でサーバーに届けられます。 しかし、その安全性は、絶対とは言い切れません。 情報がサーバーに届くまでに、漏洩・改ざんの可能性をご承知の上でご活用ください。 もし、不安な場合は、電話やFAXの通信手段をご利用ください。 また、弊社は大阪市都島区なので、お近くの会社であれば、来社をおすすめします。 推奨ブラウザ W3Cが提唱するウェブ標準をレンダリングできるブラウザであれ
こんにちは。インフラチームの山岸 (@yamagishihrd) です。 本記事は SimpleForm Advent Calendar 2023 の１日目です。 皆さん、グラフデータベースは利用されているでしょうか？ 当社でも最近 Amazon Neptune という AWS マネージドのグラフデータベースを導入しましたので、今回は Neptune における ETL の実装方法についてご紹介したいと思います。 概要 シンプルフォームでは、グラフ DB を用いた機能を提供しています。グラフ DB の基盤として Amazon Neptune を使用しています。 Neptune には、データをバッチで投入するためのエンドポイント（= Bulk Loader エンドポイント）が提供されています。本記事の中で仕様や利用方法について解説します。 また、Neptune Bulk Loader エンドポ
XMLサイトマップ（sitemap.xml）を毎日自動で最新に！自動生成に加えて自動更新するプログラムを開発してみた｜CMAブログ｜株式会社シーエムエー
ホームページ制作 SEO対策 システム関連 XMLサイトマップ（sitemap.xml）を毎日自動で最新に！自動生成に加えて自動更新するプログラムを開発してみた 開発グループ 古川 2021.07.14 こんにちは。制作部開発グループの古川です。 Webサイト制作後のGoogle Search Console（サーチコンソール）へのサイト登録に欠かせないのが、 XMLサイトマップ（sitemap.xml）です。 これまでXMLサイトマップ（sitemap.xml）の作成は、 無料ツールを利用させて頂いておりました。 しかしながら、ページを追加・削除するたびに作り直すのは大変で、 手間が掛かる作業でした。 この作業を自動化できないか、という声が社内に上がっていたため、 今回、自動生成するプログラムを開発いたしました。 XMLサイトマップ（sitemap.xml）とは XMLサイトマップ（si
ストリーミングテレビパート22008年、ロサンゼルスに本部を置く国際ウェブテレビアカデミーが、ウェブシリーズやストリーミングテレビのテレビ俳優、作家、幹部、プロデューサーを組織し、サポートするために設立されました。この組織は、ストリーミーアワードの受賞者の選考も管理しています。2009年には、ロサンゼルスウェブシリーズフェスティバルが設立されました。インディシリーズアワードやバンクーバーウェブシリーズフェスティバルなど、ウェブコンテンツ専用のフェスティバルや賞の授賞式もいくつか開催されています。2013年には、メロドラマ「オールマイチルドレン」が放送からストリーミングテレビに移行したことを受けて、デイタイムエミー賞に「素晴らしいウェブ限定シリーズ」という新しいカテゴリーが設けられました。その年の後半、Netflixは、第65回プライムタイムエミー賞で、ストリーミングテレビシリーズとして初め
Interop Tokyo - Wikipedia
「Interop」はこの項目へ転送されています。Interoperabilityについては「相互運用性」をご覧ください。 Interop Tokyo（インターロプ・とうきょう）とは、首都圏における、ネットワーク・インフラストラクチャー技術、製品、またそれらを用いたソリューションサービスについての展示会である。近年は毎年6月初旬～中旬に幕張メッセで開催されている。 開催概要[編集] 国内および海外を代表するネットワーク関連企業および団体が参加し、参加時点での先端技術や新製品を発表してデモンストレーションする。また企業トップやキーパーソンによる講演やセミナー（コンファレンス）もおこなわれる。デジタル・コンテンツに特化した IMC Tokyo 、デジタルサイネージの専門展であるデジタルサイネージ ジャパンも幕張メッセにて同時開催される。 1994年～2005年はNetWorld+Interop
美しく、そして機能的なデザインは誰もを惹き付ける不思議な魅力を持っています。建造物、陶器、彫刻、絵画、刀剣など、文化的、または歴史的に価値のある芸術は、長い時間をかけて無駄な部分が削ぎ落とされ、機能美と表現されるまでに進化を遂げています。 情報にもデザインという考え方が存在し、ユーザビリティはあらゆるデザインに適用、または応用できます。良いデザインと評価されるものには、高いユーザビリティが備わっています。しかし、良いデザインとは何かを定義することが難しいように、ユーザビリティも広い意味を持ちます。このページでは、Web におけるユーザビリティ、つまり Web ユーザビリティについて説明し、考えていきたいと思います。 本記事の対象となる読者本記事は、Web デザイナーだけではなく、プログラマー、プロジェクトマネージャーなど、Web に関わるすべてのエンジニアが読者の対象となります。なぜなら、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
【改訂しました】「この一冊で全部わかるWeb技術の基本」が第2版となりました。 - NRIネットコムBlog
「Chrome Tech Talk Night #16 〜 パスキー」まとめ
WebAssembly JSPI has a new API · V8
How to generate color palettes for design systems
Mastering Node.js Performance Hooks
ナレッジグラフでスターウォーズファンに映画を推薦する｜kiha
WebTransportでもまとめがしたい! - Qiita
WebRTC スタートガイド | Articles | web.dev
レスポンシブ対応クリッカブルマップも！？SVGでできること・便利な使い方 | 株式会社ロジカルスタジオ
Encrypted Media Extensions - Wikipedia
ep154 Monthly Platform 202406 | mozaic.fm
ウェブアクセシビリティについて、多く寄せられる質問にまとめて答えます！【前編】
「モダンCSS」でCSSの書き方はどう変わる？ - itstaffing エンジニアスタイル
XML 検証 | 商品レビュー フィード | Google for Developers
【SEO】Google のランキングを決定する 200 の要素（2024年最新版）｜むらしゅん
HTMLクラス命名の重要性：コードの読みやすさとメンテナンス性に直結する命名の大切さ - コハム
AWS Kinesis 上で OpenTelemetry トレースヘッダを伝搬する方法: パート1 | SpeedData
Website Explorerが使えなくなったら…… - Qiita
Prita Diary 01072024 - gooブログはじめました！
Neptune GraphDB における ETL 実装
Anggi Luna Diary in 01072024 : anggiluna diary
【UX】ゼロから学ぶ Web ユーザビリティ｜むらしゅん