ツイッターでアクセシビリティ向上日誌２【目視試験編】‐Akira Tsuda Portfolio and Blogというのを見かけて、そういえばアクセシビリティチェックって何をどうしているのかという話をウェブ上でほとんど見かけない（というか自分は知らない）ので、思い切ってチェックの過程や考え方を書いてみようかなと。 チェック対象のサイトを作った@HeldaForStudy氏に尋ねたところ、題材として使ってよいという返事をいただいたので、「アトリエ金工やまぐち」のサイト1ページをチェックしてみることにします。 対象ページはBasic認証がかかっているので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください。 @HeldaForStudy氏はレベルはA*1でチェックしたとのことなので、チェック基準はWCAG 2.1レベルAでチェックすることにしましょう。 わたしは普段はCOB-
前書き ESLint は JavaScript, TypeScript のための静的検証ツールです。 ESLint を活用することで、コーディング規約やベストプラクティスを機械的に強制することによりコードレビューの手間を省き、本番環境でのエラーやパフォーマンスの悪化を抑制することができます。 TypeScript を使っているプロジェクトでは、パーサーを適切に設定すれば型情報を用いたより精密な静的検証を行うこともできます。 eslint を使う際、 eslint:recommended, plugin:@typescript-eslint/eslint-recommended などの各 eslint plugin の推奨 config のみを使って済ませたり、 eslint-config-airbnb などの config のみに頼ることも多い印象ですが、 recommended conf
公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェックができるツールとして以前から知られていましたが、現在は、それ以外にもアクセシビリティに関する様々なチェックができるようになっています。 この記事では、Stark で可能なウェブアクセシビリティ検証について、Chrome 拡張機能を例に、無料プランで使える機能をご紹介します。 Chrome 拡張機能で Stark を開いたところ。 機能一覧 (Contrast、Typography、Alt-Text、Touch Targets、F
研究開発部 システム&セキュリティ担当の松倉です。 世間の DMARC 対応を加速させたといっても過言ではない Gmail におけるメール送信者のガイドラインが適用開始されてから 3 ヶ月近くが経ち、NFLabs. に届くメールでも DMARC ポリシーが設定されているドメインが多くなっています。 しかしながら、そのほとんどはポリシーが none であり、DMARC レポートを通じて影響範囲を見極めている、という企業がまだ多そうです。 受信側から見ると、ポリシーが quarantine または reject であればセキュリティ観点では安心感がある一方、正規のメールが検疫や破棄となる場合もあり悩まされることがあります。 DMARC 認証の失敗原因となりがちなのはメーリングリスト等のメール転送で、NFLabs. でもこれにより正規のメールが DMARC failとなって検疫される、という事例
技術ブログをNuxt + Netlify + Contentfulから、はてなブログ for DevBlogに移行しました - もふもふ技術部
こんにちは。出口です。 タイトルにある通り、技術ブログをはてなブログに移行しました。 この記事では、なぜ移行することになったのか、どうやって移行したのか、移行で苦労したところなどをまとめておきたいと思います。 もし脱セルフホストブログ、脱Contentfulや、はてなブログへの移行をお考えであれば参考になるのではないかと思います。 なぜ移行したのか Nuxt 3への移行が大変すぎる Contentfulへの不満が募ってきた 当初の計画 改めて移行を考える 移行について 記事移行 インポート機能を使ってWXRを取り込む場合 AtomPubを使ったパターンの場合 サブディレクトリオプション Netfilyのリバースプロキシ設定 robots.txtを設置 NetlifyのPrerenderingオプション設定 検証ツールで1つだけ検証失敗する まとめ なぜ移行したのか まずそもそもなぜ移行した
はじめに 社員の皆さんはこんな奴が最近エンジニアになって頑張ってるんだなと暖かい目で読んでいただければと思います。 社外の方やエンジニアを目指している方は少しでも学習の参考や、コネクター・ジャパンに興味を持っていただければと思います。 自己紹介 建築の営業→未経験から独学でプログラミング学習し5ヶ月でLaravelでポートフォリオを作成しました。そして現在は自社開発企業に入社し、WEBエンジニアとしてプロダクト開発に携わっています。 概要 あなたは普段どんなブラウザを利用していますか？ ほとんどの方がGoogleChromeで、fireFox、Vivaldiなど色々ブラウザがありますね。 私は最近世界で話題になっている新しいブラウザ「Arc」を使っており、Chromeから移行のしやすさや、利便性の良さからすっかり虜(ファン)になってしまいました笑 そんな「Arc」を3ヶ月使ってみての使用感
Pool Partyという攻撃手法を通じてWindowsの深淵を覗いた７日間（インターンシップ体験記） - NTT Communications Engineers' Blog
はじめに はじめまして、今回ドコモグループの現場受け入れ型インターンシップに参加させていただいた上野です。大学院ではコンテナセキュリティなどについて研究しています。 この記事では、インターンシップ体験記として以下の内容を紹介します。 私のインターンシップの参加経緯や取り組み NTTコミュニケーションズの業務やインターンシップについて知りたい就活生向け Process InjectionとPool Partyの概要 Pool Partyについて日本語で概要を知りたいセキュリティエンジニア向け 目次 はじめに 目次 RedTeam プロジェクト（RedTeam PJ） インターンシップ参加の経緯 インターンシップ概要 T1055 - Process Injection Pool Party Thread Pool Pool Party Variants Variant 1: Worker Fa
私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT【イベントレポート】 - Findy Tools
公開日 2024/05/24更新日 2024/05/24私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT【イベントレポート】 近年データベースが急速に進化し、開発にも大きな影響を与えています。そこでファインディでは「私たちはなぜNewSQLを使うのか TiDBを選定・導入した5社が語る選定と活用」と題したイベントを開催。PingCAPの日下さん、LINEヤフーの佐伯さん、アイスタイルの鈴木さん、DMM .comのpospomeさん、コロプラの曽我さん、さくらインターネットの江草さんをお招きし、NewSQLの一つである TiDBについて語っていただきました。 ■パネリスト 日下 太智さん / @ksk_tic PingCAP株式会社 プロダクトマネージャー / シニアソリューションアーキテクト SIerにて国内外問わずEC/小売/製造/サービス/メディア/出版など様
1. 利用者が主体となった「機密コンピューティング」の活用 1-1. クラウドの責任共有モデルの範囲では対処しきれないリスク 世間一般に言うクラウドコンピューティングはそのセキュリティ（機密性・完全性・可用性）の維持において、その構成要素ごとにクラウド事業者が運用責任を負う部分と利用者が担保する箇所を分ける、いわゆる「責任共有モデル (shared responsibility model)」（参考：クラウドコンピューティングのためのセキュリティガイダンス v4.01）の下、はじめて成立するサービスです。 そのクラウドコンピューティングの中でも IaaS 型クラウドサービスは、貸し出されたコンピュータ上で動作する OS、ミドルウェア、ソフトウェアなどの選定、セットアップ、アップデートを利用者にて実施いただくモデルであり、その性質からも該当コンピュータ上で生成・保存された利用者データの漏洩・
Amazon Web Services ブログ 組織内での AWS CDK 利用拡大のためのベストプラクティス 企業はクラウド移行の加速を常に追求しています。Infrastrcture as Code (IaC) は、クラウドリソースを効率的に自動化および管理するうえで不可欠です。AWS Cloud Development Kit(AWS CDK) を使用すると、お気に入りのプログラミング言語でクラウドインフラストラクチャをコードとして定義し、AWS CloudFormation を使用してデプロイできます。この記事では、組織内での CDK の採用を加速するための戦略とベストプラクティスについて説明します。この記事での議論は、組織がパイロットプロジェクトを成功裏に完了した後に始まります。この記事を読むことで、パイロットプロジェクトから得た教訓をプラットフォームエンジニアリングを通じて組織全
今やウェブ制作の現場ではChatGPTが欠かせないツールとなってきている。私自身、業務で積極的に使っており、必要不可欠な存在となった。プログラミング全般にわたるサポートはもちろんのこと、CSSコーディングにおいてもChatGPTを大いに役立てている。今回は、CSSコーディング時にChatGPTをどのように使っているかを紹介したい。 CSSコーディング時の課題 テキスト検索だけでは解決策が見つけにくい ウェブ制作を行う上で、CSSのデザイン調整は日常茶飯事かと思う。ただ、CSSにおいては「テキスト検索だけでは解決策が見つけにくい」と感じたことはないだろうか。 たとえば先日、以下のようなデザイン崩れを発見した。セルの縦列の幅を統一する必要があったが、テキストの長さによって横幅にバラつきが生じていた。 これまでは検証ツールを使ってコードを調査していたがこれでは時間がかかるし、やや面倒。また、検索
WordPress を使っていると度々目の前に現れる「困りごと」。特に WordPress を使い始めた頃、慣れていない頃、または知識レベルが上がるタイミングなどに遭遇することが増えます。 知識レベルに関係なく、何か問題が目の前に現れると焦りますよね。特に大事に育てて（運営して）いるホームページが表示されない、表示がおかしいといった状況になったまま、どうしたら良いのか分からない時は焦りしか感じません。「落ち着いて」と言われても、わかっちゃいるけど落ち着けない。わかります。 この記事では、WordPress を利用していて遭遇する頻度が高いと言われている現象について紹介しています。そして、その現象の解決方法と再度問題が起きないためのアドバイスも掲載しています。 WordPress を使ってホームページを育てていくことをもっと楽しんでくれる人を増やしたい。そういう気持ちからこのコンテンツを用意
AMPプラグインがありました！cocoonでは使えません💧
Cocoon 2.6.9からの変更点です。 作者がちょっと体調不良でトータル1ヶ月ほど入院してたためアップデートを行えず、その分溜まった変更や修正が多くなりました。 機能追加 ads.txt編集機能の... Google Search Consoleで調べてみても それまで、cocoonの設定でAMPを有効にしていたので拡張にAMPはありますが、有効なAMPも無効なAMPも「0」です。 PageSpeed InsightsでURLを調べたら「オフスクリーン画像の遅延読み込み 9 KiB 削減可能」と出てきて『WordPress の遅延読み込みプラグインをインストールすると、画面外の画像の読み込みを遅らせたり、遅延読み込み機能のあるテーマに切り替えたりできます。AMP プラグインの使用もご検討ください。』と出てきました。AMPのプラグインあるのなら入れてみようかな～とみてみると、 プラグイン
最近仕事では機能開発ではなくデータ分析の仕事をしばらくやっているのだが、同僚から「本物のデータ分析力が身に付く本」というムックが良かったと聞いたので読んでみた。 本物のデータ分析力が身に付く本 (日経BPムック) 作者:河村 真一,日置 孝一,野寺 綾,西腋 清行,山本 華世日経BPAmazon この本は「データを集計し計算する」といった、いわゆる一般的にはデータ分析のメインと考えられていていろんな書籍で語られているような部分には焦点を当てず、その前後で何をすべきかを語ってくれている。たとえば データ分析実行の前には、開発設計で書くようなdesign docのようなものをデータ分析設計としてまとめる。さらに生データを見てデータの信頼性や傾向を事前チェックし、設計と事前チェック結果を見て分析方法を選択する データ分析実行の後には、結果の確からしさの検証をしつつ、バイアスを避けた結果の解釈を行
プラットフォーム診断について学んでみた
こんにちは、GMO NIKKO インフラエヴァンジェリスト(メンバーに命名してもらいました！)のhakumaiです。 前回の記事「弊社初！SLOモニタリングを導入してみた話」を読んでいただいた方々、ありがとうございます。 GMOアドパートナーズ TECH BLOG byGMO弊社初！SLOモニタリングを導入してみた話こんにちは、GMOアドマーケティング インフラ開発部のhakumaiです。 前回の記事「AWSエンジニアから見たGCP(データ分析編)」を読んでいただいた方々、ありがとうございます。 最近、弊社のプロダクトにSLOモニタリングを導入し運用し始めたこともあり、今回はその導入までの道のりを個人的に思ったことも含めてお話いたします。きっかけSLI/SLO文化を導入しようと思ったきっかけは、「プロダクトをより成長させていきたい」という思いが自身としてもインフラチームとしてもあったからで
スキーマ マークアップの重要性： エンティティとの関係 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
【メールマガジンのご案内】 SEOに役立つ記事の更新やセミナーのご案内をメールマガジンで行っております。 ぜひご登録ください。 メールマガジンに登録する＞＞ この記事は、Backlinkoの「Schema Markup Guide: Help Search Engines Help You」の翻訳記事になります。ウェブページに追加するスキーママークアップ（構造化データ）の重要性とその方法について解説しています。 スキーママークアップは、検索エンジンにコンテンツの内容を明確に伝え、適切な検索結果に表示させるためのコードです。スキーママークアップがSEOにどのように役立つか、エンティティ（実体）との関連性などについて紹介しています。 また、スキーママークアップの種類や、それをウェブサイトに適用する方法についても詳しく説明しています。 スキーマ マークアップは、コンテンツの内容を検索エンジンに伝
シュトゥットガルト大学の研究から始まった静的解析ツールAxivion Suite Qt Groupは、"Code Once, Deploy Everywhere"のタグラインの下、1995年からクロスプラットフォーム開発フレームワークを提供してきた。開発プロセスの課題に応えるために品質保証ツールの範囲を拡大し、2021年にはfroglogicを買収して、GUIテストの自動化ツールであるSquish、コードカバレッジツールのCoco、そしてテスト結果管理ツールのTest Centerなどの製品ラインを強化した。さらに、2022年にはソフトウェア劣化を防ぐための静的解析とアーキテクチャ検証ツールを提供するAxivionを買収した。 インディ氏は20年以上にわたり、大手からベンチャーまでさまざまなハードウェアとソフトウェアの開発に携わってきた。2022年にQt Groupに参加し、ソリューション
【多すぎ】Webディレクターに求められるスキルとツール総まとめ｜TANAYAN｜Webディレクター・コピーライター
どうも。TANAYAN (タナヤン)こと、Webディレクターの「田中」です。 本記事では、「Webディレクターで求められるスキル」として、私が勤めているWeb制作会社で実際に採用されている「評価基準」も参考にしつつ紹介します。 これからWebディレクターになりたい方向けにも、抜け漏れなく総まとめ的に書いているつもりです！ 軽く自己紹介 私は、Webコーダー：1年、その後Webディレクター：2年、計3年ほどWeb制作に携わっています。歴は浅いものの、私が携わった年間の売上を合計すると1000万円ほどの案件を回しており、一通りの型・方法は知ったかなという感じです。逆に言えば、型を知ったら型を破るような、自分なりのディレクターを模索中です。今一度見直したいという想いで書いています。 勤めている会社は？ 現在勤めている会社は「仙台 ホームページ制作会社」と調べると、まとめ記事を除いて3番目あたりに
みなさん、こんにちは。 株式会社Rabeeでデザイナーをしているkoppiです🐰🐝 今回はUIトレースの方法についてお話したいと思います。 未経験からデザイナーとして駆け出した私は、学習の一環として UIトレースに取り組んでいます。 私のように初学者の方のお力になれればと思い、ここにまとめます。 UIトレースとは？UIトレースとは既存のアプリやサービスの画面を真似してデザインする事です。私はFigmaを使い、トレース元となる画面のスクショを隣りに置いてトレースしています。 サイズ感や余白のとり方を学んだり、デザインツールの基本的な操作に慣れるためにもおすすめの学習方法です。 トレースすることの目的トレースを始めた当初の目的は、同じ見た目のものを作ることでした。 しかし、どのような構造なのかオブジェクトの持つ意味を考えながらトレースすべきだったと反省しています。 この余白はどこに属してい
本記事は 【デジマWeek 2023】 2日目の記事です。 📈 1日目 ▶▶ 本記事 ▶▶ 3日目 📚 1年ぶりの投稿となります、高橋栞です。 UAの機能の再現や後追いではなく、GA4独自の良いところをどんどん活用できるようにGA4との友情を日々育んでいます。 今回はデジマweek 2023の2日目ということで、デジタルマーケティング事業を担う部署の中でもGAに特化したチームに所属していますので、GA4についての記事を執筆します。 これまでもGA4に関連する記事はいくつか投稿していますので、ぜひこちらもチェックしていただけると嬉しいです！ さて、ここ最近で「Cookieの利用同意バナー」や「プライバシー設定」を表示するウェブサイトを頻繁に目にするようになりました。 弊社NRIネットコムのコーポレートサイトでもプライバシー設定を導入しています。 GAとCookieの管理といえば、GA4が
デザイナーの仕事は、バナーやLP制作からモックアップの作成、LPの本番チェックまで多岐にわたります。そんな中で「もっと作業効率を上げたい！」と考えている方も多いのではないでしょうか。 Google Chrome拡張機能を活用することで、デザイン業務をよりスムーズに進めることができます。 今回はアナグラムのデザイナーが厳選した、とくに活躍することが多いGoogle Chrome拡張機能を9個厳選して紹介します。 縦長LPでもきれいに撮れる「FireShot」 https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja Webページのスクリーンショットを撮る拡張機能です。長いLPをキャプチャしても崩れにくいことが特徴です。 他のツールでは、画像
はじめに 早速ですが... :deep 機能について :deep 機能のつらいところ そんなあなたに PrimeVue PrimeVue の Pass Through 機能 Pass Through の利用方法 最後に 出典 はじめに こんにちは！ContractS株式会社の北原です。 フロントエンドのリードとして、プロジェクトの技術選定や品質保守等を担当しています。 早速ですが... みなさまは Vue 3 をお使いになられていますか？ これには、以前の Vue 2 と比較して多種多様な改善がふんだんに盛り込まれています。 2020/09/18 にリリースされてから暫く経っているので、実際の業務や個人で触られた方も多いと思います。 例えば、 Composition API の正式採用 script setup 構文の対応 メモリ使用量削減による負荷軽減 その他色々ありますが、以上のような
コラム33：Webディレクターがよく使う便利ツール5選 | オンラインコミュニティ「集まれ！Webディレクターの森」
こんにちは！Webディレクター1年目のつちだです。 突然ですが、皆さんはWeb制作のお仕事をする上で、「これが無いと仕事にならん！」というツールはありますか？ 私はFigmaなどのデザインツールやChat GPTなどのAIツールはもちろんのこと、「ツールサイト」や「Google拡張機能」などもよく使っていて、「これが無くなったら困る！」と思うことが多々あります。 そんなわけで、今日は『Webディレクターがよく使う便利ツール』を5個紹介します！ つちだ 【つちだのプロフィール】 業界未経験で去年の5月にWebディレクターへ転職。 アニメ・ゲーム系のWebサイト制作会社に勤めています。 XやYoutubeで、新しいツールやガジェットのレビューを見るのが地味に好き。 Alt & Meta viewer https://chromewebstore.google.com/detail/jjcjbl
日本ファクトチェックセンター（JFC）は2022年10月の発足から1年半、日々、正確で透明性の高いファクトチェックに取り組んでいます。この度、SlowNewsで公開されたフロントラインプレスの記事でご指摘を受けたJFCのファクトチェック手法への疑問や懸念も参考にしつつ、今後はさらに体制を拡充し、より幅広く難易度が高い検証に取り組んでいきたいと考えております。 SlowNewsの記事の読む中で、ファクトチェックの方法論に関し、私たちの言及が不足していた部分もあるかと思い、Webサイトに公開している点も含めて、改めて説明させていただきます。 なぜオープンソースに頼るのか 「公開」「透明性」の原則SlowNewsの記事「ファクトチェックの『検証手法』を検証する」は「公的機関のオープンソースに頼る手法には限界があるのではないか」と指摘し、また、「JFCのファクトチェックには当事者・関係者取材が乏し
本記事は AWSアワード記念！夏のアドベントカレンダー 11日目の記事です。 🎆🏆 10日目 ▶▶ 本記事 ▶▶ 12日目 🏆🎆 はじめに ふと、ECRを眺めてて気づいた そもそもOCIってなんぞや Open Container Initiative OCI Artifactってなんぞや ちなみにImage Indexとかってなに？ 結局OCI Artifactはどこで活躍するの？ OCI準拠のイメージ署名 SOCI Indexを利用したLazy Loading まとめ はじめに ozawaです。今年もAllCert継続となりました。引き続きよろしくお願いします。 先ほどエアコンの水漏れ対応工事が終わり、ようやく灼熱地獄から抜け出せそうです。 ふと、ECRを眺めてて気づいた 最近はIaC化も進んでおり、なかなかAWSコンソールをまじまじ見る機会も減りました。 そんな中、ふとECRコ
数字に振り回されず完璧を目指さない為に - Implementing Service Level Objectives の読書感想文 - じゃあ、おうちで学べる
信頼性の追求というのは、決して完璧を求めることではありません。完璧な可用性を追求するのではなく、ユーザーの満足と、限りあるリソースのバランスを取ることこそが重要です。このバランスを取るための一つのツールが、SLO（Service Level Objectives）です。 はじめに 「Implementing Service Level Objectives」は、現代のソフトウェアサービス管理において不可欠な概念の一つであるSLO（Service Level Objectives）の実装と運用に関する包括的なガイドブックです。本書は、SLOの基本概念から実践的な導入方法、組織文化への浸透まで、幅広いトピックをカバーしています。このSRE本がすごい！2024年版でも紹介しているようにSREやインフラエンジニアの方が必読の一冊だと思います。 Implementing Service Level
crowdworks.jp のフロントエンド活動を振り返る2023 - クラウドワークス エンジニアブログ
この記事はクラウドワークス Advent Calendar 2023 シリーズ 1の1日目の記事です。 クラウドソーシングサービス「クラウドワークス」（以下 crowdworks.jp ）にてエンジニアをしております、フロントエンドの可能性をしつこく信じ続ける@okuto_oyamaです。 一昨年・去年と引き続き、今年もアドベントカレンダー初日の盛り上げ手としてやっていきます。よろしくお願いします。 フロントエンド活動の振り返りをしてみよう 一昨年・去年もフロントエンド活動の振り返りをしてみましたが、今年もやっていきます。 qiita.com engineer.crowdworks.jp 全体総括編 まずは crowdworks.jp の全体のフロントエンド活動を総括していきます。 erbのVue.js化活動が拡大 昨年から続けているフロントエンドとバックエンドの分離作業についてお話ししま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1） - 水底の血
ESLint を使い倒す（おすすめルール紹介）
ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable
メール認証における ARC の仕組みと DMARC fail の対策 - NFLabs. エンジニアブログ
世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita
「機密コンピューティング」を活用する方法を実機検証を通して学ぶ | さくらのナレッジ
組織内での AWS CDK 利用拡大のためのベストプラクティス | Amazon Web Services
ChatGPTの活用方法（CSS編） | techlab / baigie
WordPressで利用者がよく遭遇する困りごとと対処法 | オレインデザイン
データ分析設計を知るために「本物のデータ分析力が身につく本」を読んだ - $shibayu36->blog;
ソフトウェアの複雑化・劣化を防ぐには？ アーキテクチャ検証と静的解析を効率化する方法とは
UIトレースの方法-UIの構造を理解しよう-｜koppi
Google 同意モードを利用してGA4の計測を行うとどうなるか検証してみた - NRIネットコムBlog
アナグラムのWebデザイナーが密かに愛用するChrome拡張機能9選｜アナグラム株式会社
GUIの「ドライバーの検証ツール」が非推奨に ～将来バージョンのWindowsで削除へ／
【Vue.js】Painless なコンポーネント開発のプラクティス - ContractS開発者ブログ
SlowNews記事「検証手法を検証する」へのJFC編集部見解
OCI Artifactとはなんぞや？というお話 - NRIネットコムBlog