クロスブラウザ

What You Need to Know about Modern CSS (Spring 2024 Edition) 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 コンテナクエリー (サイズ) いつ気にすべきか? サポート状況 基本的な使用例 コンテナクエリー (スタイル) いつ気にすべきか? サポート状況 基本的な使用例 コンテナユニット コンテナユニットとは? いつ気にすべきか? サポート状況 基本的な使用例 :has() 疑似セレクター :has() セレクターとは? いつ気にすべきか? 3 サポート状況 基本的な使用例 ビュート…

Webデザインの世界では、専門性を磨くことが成功への鍵となります。本記事では、Webデザイナーが自身の専門性を高めるための具体的な方法や実践的なテクニックについて紹介していきます。 Webデザイナーの専門性とは一体何か、そして専門性を向上させるためにはどのようなアプローチが有効なのか、さらにはポートフォリオや学習方法に関する豊富な情報も取り上げていきます。 Webデザイン業界で輝くために必要な専門性を身につけるための秘訣をご紹介します。それでは、Webデザイナーの皆さん、専門性を磨き、成功への第一歩を踏み出しましょう。 【PR】Webデザイナーを目指す方におすすめのWebデザインスクール！ 副…

WEBデザイナーの派遣求人情報をまとめました。WEBデザイナーの派遣求人には、さまざまなメリットや課題があります。ここでは、WEBデザイナーの派遣求人の基本的な情報から、よくある質問までを詳しく解説していきます。 WEBデザイナーの派遣求人とは、企業が一定期間のみWEBデザイナーを雇用する形態です。プロジェクトの期間限定やスキルの特化などに適しており、フレキシブルな働き方が可能です。 WEBデザイナーの派遣求人のメリットには、スキルアップや多様なプロジェクト経験、柔軟な働き方などが挙げられます。一方で、派遣の不安定な雇用形態やプロジェクトの変動によるストレスなどの課題も存在します。 実際のWE…

こんなかんじで記録・確認できるようにしています 一昨年、PPAの制度を利用して自宅に太陽光発電を導入してそれなりに便利に活用していたのですが、唯一引っかかっていたのが、その実績値の確認や記録のこと。 我が家で利用しているシステムの場合、↓のようなWebサービスでそれを確認することができるんですが、 なんと、これだけしかみられなくって。 1時間単位でどれくらいの消費/発電量だったか 当月以前の過去の消費/発電量の推移はどんなだったか といったような情報は、このWebサービス単独では得ることができません。......つらい！

japan.zdnet.com ⇧ 開発者的には、デベロッパーツールが優秀なGoogle Chromeを使いたくなるんよな... 正直、クロスブラウザの対応とかの負担を考えると、ブラウザは少ないに越したことはないですし... Microsoft Visual C++ を利用しているアプリケーションを特定する術は無いらしい... Windowsを利用していると、 ⇧ Microsoft Visual C++ がいつの間にかインストールされていることありませんか？ で、こやつらは、Windowsに何某のアプリケーションをインストールすると、一緒にインストールされるものらしいですと。 ただ、正直、旧…

こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。 今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。 扱う話題 E2Eテスト基盤を移行する具体的な背景と理由 移行における提案から、合意形成までの流れ 移行後の開発プロセスがどう変わったか 扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明 移行作業自体の詳細 テストコードの設計・実装に関する具体的なテクニック なお、本記事…

この記事はGoodpatch Advent Calendar 2023 20日目の記事です。 Goodpatch の運営する ReDesigner で、フロントエンドの開発を行っております、かずです。 みなさんがそうであるように(?)、アドベントカレンダーに何書いたらいいんだろう? とウンウン悩んでいたところ、ふと「コミット履歴をGPTに食わたらどうなるんだろうなぁ」と思いつきをやってみたという記事になります。何かの参考になれば幸いです。 背景 現在のコミットルール GPT-4での分析 分析方法について 実行環境 環境準備 コード 実行 実行結果 企業向けサイト フロントエンドリポジトリ 出力…

Meguro.css #9 @ oRo 2023/12/1 https://megurocss.connpass.com/event/300400/ ユーザースタイルシートや拡張機能で作る広告ブロック入門 Kaitouさん ユーザースタイルシート 自分で作ったCSSを適用できる SafariとかFFとかで使える Chromeはないので使うとしたらChrome拡張で Chrome拡張を自分で作る 自分で使うだけならパッケージ化されてないものも読み込める 簡単に作れるのでよく使うページのちょっとした改良とかできちゃう 2020年から2023年までのCSSの変遷を振り返る yamanokuさん ht…

目次 はじめに Seleniumの特徴と利点 Cypressの特徴と利点 比較と選択基準 テストコードの例 1. はじめに プロダクトテストの自動化は、ソフトウェア開発において重要な要素です。この記事では、SeleniumとCypressという2つの人気のあるテスト自動化ツールを比較し、それぞれの特徴と利点について詳しく説明します。 2. Seleniumの特徴と利点 Seleniumは、Webアプリケーションのテスト自動化に広く使用されているツールです。以下にSeleniumの特徴と利点のいくつかを示します： - 言語の選択肢：Seleniumは複数のプログラミング言語（Java、Pytho…

はじめに： インターネットは現代社会において、情報へのアクセスやコミュニケーションの主要な手段となっています。しかしながら、すべての人々が同じようにウェブを利用できるわけではありません。ここで重要な概念が「ウェブアクセシビリティ」です。これは、障害を持つ人々や高齢者も含め、すべての人がウェブサイトやツールを容易に利用できるようにすることを目指しています。ウェブアクセシビリティを高めることで、視覚障害者がスクリーンリーダーを使ってコンテンツを読んだり、聴覚障害者が字幕付きのビデオを視聴したり、肢体不自由者が特別な入力デバイスを使用してナビゲーションを行うことが可能になります。また、知的障害者には…

Seleniumは、ブラウザの操作を自動化するための強力なツールキットです。 テスト自動化、ウェブスクレイピング、または単純な反復タスクの自動化に利用できるため、開発者にとって非常に便利なツールとなっています。 この記事では、Python(パイソン)を使用してSelenium(セレニウム)をどのように始めるか、基本的な概念と操作を初心者向けに解説します。 Pythonは初心者にも扱いやすく、Seleniumとの連携も優れているため、Web自動化の世界に最適な言語です。 Seleniumとは？ Seleniumのコンポーネント Seleniumの特徴 Selenium WebDriverの活用 …