並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 1446件

新着順 人気順

ARIAの検索結果281 - 320 件 / 1446件

  • 図解!PythonでSeleniumを使ったスクレイピングを徹底解説!(インストール・使い方・Chrome) - ビジPy

    Seleniumとは Seleniumとは、ブラウザを自動的に操作するライブラリです。主にWEBアプリケーションのテストやWEBスクレイピングに利用されます。 主にWEBスクレイピングでは、JavaScriptが使われているサイトからのデータの取得や、サイトへのログインなどに使われています。 ここではまずスクレイピングの流れを確認し、その中でSeleniumがどのように使われるかを説明します。 スクレイピングの流れ スクレイピングは、大まかに3つのステップに分けることができます。 1つ目はWEBサイトのHTMLなどのデータ取得です。ただし、HTMLには必要な文章のデータだけでなく、タグなどのデータも混じっているので、必要なものだけを抽出する作業が必要になります。 そこで2つ目のデータの抽出が欠かせません。ここでは、複雑な構造のHTMLデータを解析し、必要な情報だけを抽出します。データの抽出

      図解!PythonでSeleniumを使ったスクレイピングを徹底解説!(インストール・使い方・Chrome) - ビジPy
    • 【LoL】日本代表DFM、Worlds 2021で歴史的快挙 宿敵C9を下し、悲願のグループステージ進出決定! | GAMEクロス

      HOME MOBA 【LoL】日本代表DFM、Worlds 2021で歴史的快挙 宿敵C9を下し、悲願のグループステージ進出決定! アイスランド・レイキャビクで開かれているリーグ・オブ・レジェンド(LoL)の国際大会「2021 League of Legends World Championship」(Worlds 2021)は日本時間7日夜~8日未明、「プレイインステージ」の3日目(Day3)を迎えました。日本の国内リーグ「League of Legends Japan League」(LJL)を代表して出場しているDetonatioN FocusMe(DFM)はBeyond Gamingに勝利し、3勝1敗となりました。さらに直後のタイブレークで因縁のCloud9(C9)に勝ち、所属するBグループ1位が決定。DFMがグループステージ初進出を決め、LJL史上でも歴史的な日となりました。 D

        【LoL】日本代表DFM、Worlds 2021で歴史的快挙 宿敵C9を下し、悲願のグループステージ進出決定! | GAMEクロス
      • 【日本製】ARIA SPS-2400Cm レビュー!ネコ月柄ギターストラップは可愛さカンスト!【旧SPS-2000CM】 | ギターいじリストのおうち

        生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け!

          【日本製】ARIA SPS-2400Cm レビュー!ネコ月柄ギターストラップは可愛さカンスト!【旧SPS-2000CM】 | ギターいじリストのおうち
        • 【国産和柄】ARIA SPS-2400KA 唐草猫柄ギターストラップレビュー!縁起物効果で運気爆上げ!? | ギターいじリストのおうち

          生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け!

            【国産和柄】ARIA SPS-2400KA 唐草猫柄ギターストラップレビュー!縁起物効果で運気爆上げ!? | ギターいじリストのおうち
          • 「Opera」が「Google Cloud」と提携、AIモデル「Gemini」を統合へ/AI機能「Aria」に画像を理解する力。被写体や撮影場所を調べたり、OCRとして機能

              「Opera」が「Google Cloud」と提携、AIモデル「Gemini」を統合へ/AI機能「Aria」に画像を理解する力。被写体や撮影場所を調べたり、OCRとして機能
            • ダイエットより筋トレ、「堅実な政策」より「既得権への一撃」のほうが面白いよね。

              前に書いたのだが、最近は家でケトルベルを使ってトレーニングをしている。 最強のデブ飯「ラーメン」のために、家で筋トレしようと試行錯誤した結果。 | Books&Apps 最近職場が変わった事もあって、僕はいま物凄く忙しい。 こんなにも忙しい生活環境の中で、ジムでトレーニングする時間とジムを往復する時間を捻出するだなんて、あまりにも非現実的である。 そもそも自分は極度のインドア気質で、休日ですら外に行くのがタルい。 そんな自分からすると、ジム通いなんて天竺よりも遠い何かである。 「なんとか家で、場所をあまり取らずにやれないものか」 そうして色々物色しているうちに割と丁度いいものを見つけた。ケトルベルである。 で、これを書いて3ヶ月たったのだが、いまのところ楽しく習慣化する事に成功している。 筋トレはこれまでも何度か習慣化しようとして失敗しているだけに、今回のケースは結構嬉しい。 これまでは器

                ダイエットより筋トレ、「堅実な政策」より「既得権への一撃」のほうが面白いよね。
              • Reactのドラッグ&ドロップライブラリ、dnd kitの使い方をユースケースから理解する

                こんにちは!株式会社 CastingONEの岡本です。 はじめに 弊社のアプリケーションのフロントは現在、Nuxt2 から React(Next.js)にリプレイスを行なっています。移行するにたり、ドラッグ&ドロップのライブラリを探していたところdnd kitが良さそうということになったので、このライブラリを深く理解するため、社内で勉強会を開催を実施しました。今回は、その勉強会で使用したサンプルを基に、dnd kit の使い方について解説していきます! dnd kit とは dnd kit は、React のための軽量かつ拡張可能なドラッグ&ドロップのツールキットです。主な特徴は以下の通りです。 豊富な機能 カスタマイズ可能な衝突検出アルゴリズム、複数のアクティベータ、ドラッグ可能なオーバーレイ、ドラッグハンドル、自動スクロール、制約などが含まれる React 専用 useDraggabl

                  Reactのドラッグ&ドロップライブラリ、dnd kitの使い方をユースケースから理解する
                • GitHub - plasmicapp/plasmic: Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

                  Plasmic combines some seemingly disparate genres: Webflow, Wordpress and other site builders Retool and other tool builders Glide and no-code app builders Contentful and other CMSes Today these are different tools to specialize in, but the line between, say, a website and an application is blurry (consider an ecommerce storefront with user logins). With the right foundations, we think these can be

                    GitHub - plasmicapp/plasmic: Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
                  • Toolbox | Twitter Developer Platform

                    <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2

                      Toolbox | Twitter Developer Platform
                    • ご利益がたくさん!「宝山寺」奥の院は素敵なスピリチャル空間 - kumakuma blog   クマ子の奈良歩き

                      前回は、奈良県生駒市の宝山寺のメインの伽藍部分のご紹介をさせていただきました☟ www.norikuma2.com 今回は、メイン伽藍の奥、いわゆる「奥の院」に立ち入ってみたいと思います。 多宝塔の近くで 実はクマ子は、今までに宝山寺には、初詣になら3回ほど行ったことがあるのですが、そのタイミングは人がいっぱいなので、だいたいいつも、聖天さん(拝殿)のところまで。 それ以上進む気にならず…でした(;´・ω・) 今回、奥の院には、初めて行くのでワクワクです♪ 「文殊堂」一段上がると景色が変わります これぞ宝山寺!「般若窟」に接近する 多宝塔とお地蔵さまと 奥の院へ静謐なる空間 まとめ 「文殊堂」一段上がると景色が変わります では、拝殿前の階段から上がっていきます。 拝殿横の石垣 拝殿横に、石垣があるところからも、急勾配の地形であることはわかります💦 さて、一番最初に目にするのは「文殊堂」で

                        ご利益がたくさん!「宝山寺」奥の院は素敵なスピリチャル空間 - kumakuma blog   クマ子の奈良歩き
                      • 2020/05 W3C 活動概要 (日本語版)

                        このレポートは、2020/05に行われたW3C 諮問委員会総会 (W3C 会員限定ページ) 向けに用意されました。 同時に公開された2020/05 W3C 現状 (翻訳はありません) も参照ください。前回のバージョンは2019/09 版活動概要 (英語版)になります。 このレポートの更新版は最新版をご参照ください。 (訳注: 一般向けに原版にはない説明のリンクや追記を入れている部分があります。) オリジナルの英語版に加え、簡体字中国語翻訳も低提供されています。 概要 このレポートはすでにウェブで実現されている領域についての拡張や、 ウェブ技術の拡張・強化のための技術革新に関する最近の活動の概要です。 インターネットについてのコア技術の上に構築されたウェブが、科学的な協働や発見を加速しつづける、家族・友人をつなぐ場になる、オンラインで学習し技術を高める手段になる、活発なビジネスを行う、などの

                        • ARIA in HTML仕様が勧告候補に | アクセシビリティBlog | ミツエーリンクス

                          W3Cからアナウンスがあるように、ARIA in HTML仕様(参考日本語訳)が勧告候補(Candidate Recommendation)になりました(W3C Invites Implementations of ARIA in HTML)。 ARIA in HTMLは、WAI-ARIAをHTMLで使用するにあたっての適合要件を定めるものです。 ご存じの方も多いとは思いますが、内容に関して具体的な例を通して簡単に見てみましょう。 例えばmain要素の場合、3章のテーブルをたどっていくと、2列目の暗黙のARIAセマンティクス(Implicit ARIA semantics)としてrole=mainが規定されていることがわかります。これは、HTML Standardのmain要素の冒頭の要素定義で、Accessibility considerationsのFor authorsのリンクからも

                            ARIA in HTML仕様が勧告候補に | アクセシビリティBlog | ミツエーリンクス
                          • Astro 4.0 | Astro

                            Introducing Astro 4.0! New APIs, faster builds, redesigned docs, and a unique new development tool for Astro that enhances your local dev environment in new and exciting ways. What is Astro? Astro is the web framework for building content-driven websites including blogs, marketing, and e-commerce. If you need a website that loads fast with great SEO, then Astro is for you. Release highlights inclu

                              Astro 4.0 | Astro
                            • 田村ゆかり「あいことば。」インタビュー|前作からわずか10カ月、ハイペースで制作されたニューアルバムの背景と王国民が待つ全国ツアーへの思い - 音楽ナタリー 特集・インタビュー

                              ナタリー 音楽 特集・インタビュー 田村ゆかり「あいことば。」インタビュー|前作からわずか10カ月、ハイペースで制作されたニューアルバムの背景と王国民が待つ全国ツアーへの思い 田村ゆかり「あいことば。」 PR 2021年5月1日 昨年6月に自身のレーベル・Cana ariaからは初となるフルアルバム「Candy tuft」を発表した田村ゆかりが、早くも次のフルアルバム「あいことば。」を完成させた。前作から1年足らずの短いスパンながら、書き下ろしの新曲のみで12曲という意欲作。新たな作家陣との出会いもあり、これまでとは違った一面も存分に味わえる1枚だ。これほどハイペースで新作をリリースすることになったのはなぜなのか。2枚のアルバムを携え行うことになった全国ツアーの開催を目前に控える田村に、アルバム制作の経緯やツアーへの思いを聞いた。 取材・文 / 臼杵成晃 コロナ禍のFCイベント ──前回の

                                田村ゆかり「あいことば。」インタビュー|前作からわずか10カ月、ハイペースで制作されたニューアルバムの背景と王国民が待つ全国ツアーへの思い - 音楽ナタリー 特集・インタビュー
                              • AlphaFold (ver.2.3.2) インストール - Qiita

                                2021年7月16日午前3時頃(日本時間)に公開されたAlphaFold ver.2(以下、断りがない限り単純にAlphaFoldと書く)の論文について。 論文は https://www.nature.com/articles/s41586-021-03819-2 実装は https://github.com/deepmind/alphafold 執筆した日本語総説が出ました:AlphaFold2までのタンパク質立体構造予測の軌跡とこれから Update Information (2023年4月5日) AlphaFold バージョン2.3.2以降で、alphafoldの実行コマンドにおいて、構造最適化(relax)の引数指定が--run_relaxから--models_to_relax=all/best/noneに変更されています。allはすべての構造について構造最適化を実行、bestは最

                                  AlphaFold (ver.2.3.2) インストール - Qiita
                                • アクセシブルなサイトリニューアルのチェック項目

                                  検討したり、例外を適切に設けるために使うものです。 要件定義 バックエンドシステム・CMSが以下に対応している 入力フォームに時間制限はない 入力フォームの入力チェック機能は適切なエラーメッセージがでる 出力されるHTMLが仕様に準拠したHTML 画像に代替テキスト(alt属性)が入れられる 動画にクローズドキャプションを追加できる 自動的に生成されるウィジェットがアクセシブルになっている 画像のポップアップ(モーダル)機能など 3rdパーティのウィジェットやASPがアクセシブルである 動画埋め込み 地図埋め込み サイト内検索 自動翻訳機能 チャットボット 情報設計 情報設計に問題がない・情報を管理できている ナビゲーション設計が適切でどのページにもたどり着ける リンクテキストとリンク先ページタイトル・見出しに乖離がない ページタイトルとh1見出しに乖離がない サイト内でページタイトルに重

                                    アクセシブルなサイトリニューアルのチェック項目
                                  • Python(Flet)でリアクティブなUIを作る方法を考える - Qiita

                                    前置き 前回この記事を書いた者です。意外と需要があったようで正直驚きました。 現在は本格的にFletを使った業務アプリの開発に取り組んでいるのですが、今回はそこで得た技術的知見を共有したいと思います。 したがって、前回の記事の10倍位は中身に踏み込んだ話になります。 基本的な資料は他の方がQiita等に記事を上げていますのでそちらをご参考に。 Fletが如何ほどの物なのか知りたい方は是非最後までご覧ください。 経緯 詳細は先ほどの記事に書いておりますが、 事の発端は、業務効率化の一環で「業務の自動実行」ができるアプリを開発しようと考えたところから始まります。 自動化できる部分はPythonで自動化し、出来なかった部分はアプリ上(GUI上)で業務支援ができるようにしたかったのです。 GUI部分をC#(WPF)やJavaScript(Electron)を使用して実装する事も考えましたが、チーム

                                      Python(Flet)でリアクティブなUIを作る方法を考える - Qiita
                                    • デザインシステムを導入してみて(導入編) - バイセル Tech Blog

                                      はじめに テクノロジー戦略本部の酒井です。 私が現在携わっているプロダクトに「デザインシステム」を導入したため、今回はそのことについて話していきたいと思います。ですが、全て触れると長くなってしまうため、今回は導入について話していきます。 はじめに デザインシステムとは 参考記事 背景 導入について スタイルガイドの作成 使用するカラーコードの選定 Typographyのコンポーネント化 使用するアイコンをFigmaで管理 UIコンポーネントの整理 Figmaのマスタコンポーネントの作成・管理 コンポーネントに切り出す基準を定義 まとめ デザインシステムとは 本題に入る前にデザインシステムについてですが、記事がたくさんあるため、ここでは深くは触れません。簡単に言うとUIコンポーネントやスタイルガイドなど「デザインを定義する」ための仕組みのことを指してます。 参考記事 デザインシステムとは何か

                                        デザインシステムを導入してみて(導入編) - バイセル Tech Blog
                                      • TV版無印『セーラームーン』最終回を27年越しに演じた三石琴乃の胸に残ったもの――養成所時代からエヴァ完結編まで、半生を振り返る彼女が語った次に演じたい役とは?【人生における3つの分岐点】

                                        「自分が育てていた役が人の手に渡ってしまったことの、何かを剥ぎ取られるような感覚が……とにかく辛かった」―― 人気声優たちが辿ってきたターニング・ポイントを掘り下げる連載企画、人生における「3つの分岐点」。大塚明夫さん、三森すずこさん、中田譲治さん、小倉唯さん、堀江由衣さん、ファイルーズあいさん、石原夏織さんといった、多くの声優にインタビューを実施してきた本企画だが、今回は声優・三石琴乃さんの人生にフォーカスする。 三石さんと聞いて、『美少女戦士セーラームーン』のセーラームーン/月野うさぎ役を連想しない人はいないだろう。「月にかわっておしおきよ!」のセリフを、今でも覚えているという人は多いのではないだろうか。 ファンの間では有名なエピソードだが、『美少女戦士セーラームーン』のTVシリーズ第1作のクライマックス、3話連続の最終エピソードで月野うさぎを演じたのは、三石さんではない。 当時の三石

                                          TV版無印『セーラームーン』最終回を27年越しに演じた三石琴乃の胸に残ったもの――養成所時代からエヴァ完結編まで、半生を振り返る彼女が語った次に演じたい役とは?【人生における3つの分岐点】
                                        • アクセシビリティ改善中! LIFULL HOME'S スマートフォンサイト - LIFULL Creators Blog

                                          フロントエンドエンジニアの嶌田です。株式会社 LIFULL でプロダクトのアクセシビリティ向上をミッションとして活動しています。 本日は、不動産・住宅情報の総合サービスである LIFULL HOME'S のスマートフォンサイトにおいて、過去半年間で実施したアクセシビリティ向上施策をご紹介します。ご紹介する施策のうちいくつかは、内容を掘り下げて実装コードを交えて解説をしていきます。 それでは、早速アクセシビリティ向上のために実施した施策を見ていきましょう。 ボタンを正しくボタンにする 追加コンテンツを読み込む機能のフォーカス管理 チェックボックスに適切な名前を付ける カルーセルをアクセシブルにする スクリーンリーダーによる検索結果の件数の読み上げ そのほかの改善点 おわりに ボタンを正しくボタンにする ウェブサイトにおいて、ユーザーがアクションを実行するためにボタンが用いられます。ボタンは通

                                            アクセシビリティ改善中! LIFULL HOME'S スマートフォンサイト - LIFULL Creators Blog
                                          • 「映画大好きポンポさん」と使われた2つのクラシック音楽 – b4log

                                            現在公開中の劇場アニメ『映画大好きポンポさん』を観てきました。 一言でいえば「面白い!」なのですが、観てきて気づいた点、特に使われている音楽について語りたい事項があってこの記事を書き記そうとしています。 なおここから先、ネタバレ全開で書くので、ネタバレせずに映画を見ておきたい人は回れ右してこのページを閉じてください。 『映画大好きポンポさん』は、元々は杉谷庄吾【人間プラモ】さんが発表したマンガ作品。2017年4月4日に画像投稿サイト pixivに、136ページに及ぶマンガを突如として公開されたこの作品はまたたく間に注目を集めました。 #創作漫画 映画大好きポンポさん – 人間プラモのマンガ – pixiv [B! 漫画] #創作漫画 映画大好きポンポさん – 人間プラモのマンガ – pixiv – 公開当時のはてなブックマークでの話題 映画大好きポンポさん – pixivコミック – 上記

                                            • Negiccoでアイドル観一変 現場には愛しかない!:日経xwoman

                                              時間に追われる忙しい毎日も、仕事でうまくいかないことがあったときも、「あの人」のことを思えば頑張れる…。いくつになっても「好き」は私たちにポジティブなパワーを与えてくれます。何かと責任を負う場面が多くなった今のほうが、日常とは別の世界にいる誰かを愛で、夢中で追いかけるひとときがより尊さを増すのではないでしょうか。ARIA世代の女性たちが、大好きな「推し」への愛をたっぷりと語ります。 「アイドルというと、『作られたもの』『若さを搾取して、あとは使い捨て』みたいなイメージがあって、私はどちらかというと苦手だったんです。それが、彼女たちに出会ってすっかり変わりました」 一般的に「推し」の対象は異性が多いかもしれないが、インターネット関連の会社に勤める町田さん(仮名)のお気に入りは、女性3人組のNegicco(ネギッコ)。2003年に新潟市特産の「やわ肌ねぎ」をPRするために結成され、2019年で

                                                Negiccoでアイドル観一変 現場には愛しかない!:日経xwoman
                                              • 「鳥の鳴き声だけ」のアルバム、豪音楽チャート初登場5位 大スターら抑え - BBCニュース

                                                画像説明, アルバムには豪ヴィクトリア州で絶滅危惧種に指定されているアカサカオウムなどの声が収録されている 絶滅の危機にあるオーストラリアの鳥のさえずりや鳴き声のみを収録したアルバムがこのほど、豪音楽チャート「ARIA」の週間アルバムランキングで、数々のスターを抑えてトップ5入りを果たした。

                                                  「鳥の鳴き声だけ」のアルバム、豪音楽チャート初登場5位 大スターら抑え - BBCニュース
                                                • 【2020年・メタル周辺ベストアルバム】後編 日本のメタルシーンと「音楽批評」 - Closed Eye Visuals

                                                  【2020年・メタル周辺ベストアルバム】後編 日本のメタルシーンと「音楽批評」 closedeyevisuals.hatenablog.com closedeyevisuals.hatenablog.com 【一覧】 Boris with Merzbow DIMLIM 妖精帝國 Damian Hamada`s Creatures 五人一首 Arise in Stability KRUELTY 明日の叙景 君島大空 【日本】 Boris with Merzbow:2R0I2P0(2020.12.11) 日本の音楽を考えるにあたって避けて通れない問題のひとつに「洋楽至上主義」というものがある。ポップミュージック周辺の音楽はどのジャンルも基本的には外来文化であり、国外で形成された様式や価値観を下敷きにするところから始まった(その上で自在に改変してきた)経緯があるため、意識的に語ろうとするのであれ

                                                    【2020年・メタル周辺ベストアルバム】後編 日本のメタルシーンと「音楽批評」 - Closed Eye Visuals
                                                  • 2021-02-09のJS: npm 7正式リリース、Vuex v4.0.0、Puppeteer v6.0.0

                                                    JSer.info #526 - npm 7が正式リリースされました。 npm install --global npm で npm 7がインストールされるようになっています。 npm 7がNode.jsに同梱されるのは、Node.js 15からになります。 npm 7 is now generally available! - The GitHub Blog Presenting v7.0.0 of the npm CLI - The GitHub Blog npm 7ではpackage-lock.jsonのフォーマットが変更されています。 あわせてyarn.lockファイルのサポートが追加されています。 その他の破壊的として、peerDependenciesが自動インストール、npxコマンドの変更、npm auditの出力形式変更などが含まれています。 機能追加としては、acceptD

                                                      2021-02-09のJS: npm 7正式リリース、Vuex v4.0.0、Puppeteer v6.0.0
                                                    • デザイナーのためのWCAGの歩き方|Goodpatch Blog グッドパッチブログ

                                                      近年、日本国内でのアクセシビリティの取り組みは官民の組織区分にかかわらず活発なものとなっています。特に昨今ではデジタル庁がアクセシビリティの確保・維持・向上に取り組んでいる事例を耳にしてアクセシビリティにさらなる関心を寄せている人は多いのではないでしょうか。 そんなアクセシビリティへの理解を深める上で欠かせないのがウェブコンテンツのためのアクセシビリティガイドラインである「WCAG」です。WCAGはウェブエンジニアにとっては一般的に活用されるものになってきていますが、ボリュームの多さや内容の複雑さから、エンジニアと比べるとデザイナーに対しての普及は途上中という現状があります。 一方でアクセシビリティ対応はエンジニアだけの力で取り組むことは難しく、取り組みのためにはデザイナーの力が必須です。デザイナーがアクセシビリティに取り組むことによってユーザーをより理解できるようになる他、特に視覚表現に

                                                        デザイナーのためのWCAGの歩き方|Goodpatch Blog グッドパッチブログ
                                                      • Next.js 14.2

                                                        Next.js 14.2 includes development, production, and caching improvements. Turbopack for Development (Release Candidate): 99.8% tests passing for next dev --turbo. Build and Production Improvements: Reduced build memory usage and CSS optimizations. Caching Improvements: Configurable invalidation periods with staleTimes. Error DX Improvements: Better hydration mismatch errors and design updates. Upgr

                                                          Next.js 14.2
                                                        • Webアプリケーションアクセシビリティ ――今日から始める現場からの改善

                                                          この本の概要 アクセシビリティとは「利用可能な状況の幅広さ」のこと。より多くの人が,より多くの環境で,より多くの状態で利用できることです。もちろんそこには視覚・上肢・認知などに障害があるケースも含みます。日々繰り返し利用するWebアプリケーションにこそ,アクセシビリティが求められます。 Webサイトに比べて,多くのインタラクションを行うWebアプリケーションでは,アクセシビリティの確保はやや難易度が高いものです。特に既存のWebアプリケーションは複合的な課題を抱えていることが多く,教科書どおりの方法では必ずしも改善できません。 本書では,Webアクセシビリティの基礎である「HTMLとWAI-ARIA」を解説したうえで,Webアプリケーションの要である「フォーム」,色やテキストなど「UIデザインの基本」,モーダルダイアログや通知など「少し複雑なUIパターン」の3分野に分けて,よくある事例を取

                                                            Webアプリケーションアクセシビリティ ――今日から始める現場からの改善
                                                          • [レポート] 新機能も続々!AWS CLI v2の紹介 #reinvent | DevelopersIO

                                                            こんにちは。AWS事業本部のShirotaです。 いつもの挨拶を省いてお届けしているのは、re:Invent2019のセッションレポートについて速攻でお届けしようと思っているからです! 今回はセッション、「Introduction to the AWS CLI v2」についての内容をお届けしたいと思います。 それでは早速行ってみましょう! セッション情報 セッション名 DOP343-R1OFA - [OVERFLOW] [REPEAT 1] Introduction to the AWS CLI v2 (Teal-Aria) 今re:Invent初のオーバーフロー会場に行ってきました! セッションは聴きたいけど他のセッションとの兼ね合いでメイン会場に行けない、そんな時にオススメです。 今回は「Aria」の「Teal(鴨の羽色という意味らしい。そこまで緑っぽさは感じなかったが)」でセッション

                                                              [レポート] 新機能も続々!AWS CLI v2の紹介 #reinvent | DevelopersIO
                                                            • Markuplint - すべてのマークアップ開発者のためのHTMLリンター | Markuplint

                                                              適合性チェックマークアップは、有効なコードを記述する必要があります。これは、各ユーザーエージェントを介してウェブページを壊さないという標準の約束を守るために重要なことです。Markuplintは、HTML StandardやWAI-ARIAなどの仕様を踏まえた上で、適合性チェックを行うことができます。 ハウスルールに利用するプロジェクトや組織でハウスルールがある場合があります。方針や管理手法に基づいてチェックすることができます。設定次第で、アプリケーションをよりアクセシブルで、より安全で、より高いパフォーマンスを得ることができ、高い品質を得ることができます。

                                                                Markuplint - すべてのマークアップ開発者のためのHTMLリンター | Markuplint
                                                              • react-hook-formとモーダルの設計原則

                                                                reactでformを作る時、react-hook-formを使う方も多いと思います。react-hook-fomで実装すると、非制御コンポーネントベースなためレンダリングコストを減らすことが期待でき(実装にもよります)、また、zodとの連携によるバリデーション実装の容易さなど、実装や設計面においても多くのメリットが得られます。 一方で、チームでreact-hook-fomを使って実装を進めていくには設計的難しさを伴うことがあります。筆者は実際にform内におけるモーダルの実装で設計の見直しを迫られました。 本稿は実際に設計を見直すことで筆者が感じた、react-hook-fomの実装における設計の勘所の紹介記事になります。 2つのformの実装原則 先に結論です。react-hook-fomを使ったform実装においては以下の2つの原則を守ることが設計上重要になってきます。 form実装

                                                                  react-hook-formとモーダルの設計原則
                                                                • OpenAIよ。2022年1月より先の未来を見たくないか?【Azure OpenAI × LangChain ハンズオン】

                                                                  目次 はじめに 今回作成するシステムの概要と前提条件 Azure Bing Search セットアップ Next.jsコーディング 動作確認 お片付け はじめに 2022年1月...。 このワードを聞いてピンときた方は日頃かなり勉強されているつよつよエンジニアに違いありません。 2022年1月というのは、OpenAIのGPT-3.5モデルの学習範囲の果てと言われています。 ということは...2022年1月以降の知識であれば... ファーー!! 2022年1月以降の情報であればマウント取り放題です! ... でも、マウントをとっていても仕方がありません。 私は以前、恩師よりマウントはドライブだけで充分です。という言葉を教えていただいたことを思い出しました。 では、2022年1月以降の情報でも適切に回答できるようにするにはどうすれば良いのか? そんな方々に向けたアンサーの一つをこの記事にまとめ

                                                                    OpenAIよ。2022年1月より先の未来を見たくないか?【Azure OpenAI × LangChain ハンズオン】
                                                                  • 今日から始める負担にならないWAI-ARIA - Qiita

                                                                    WAI-ARIAとはなにか 「Web Accessibility Initiative - Accessible Rich Internet Applications」 の略で、 「ウェイ・アリア」 と読みます。 WAI-ARIAをつかえば、HTMLだけでは不足している セマンティクス(意味) を属性で補完することができ、 支援技術(スクリーンリーダーなど)を通じて、障害をもつ人に対し適切な情報を伝えられる ようになります。 WAI-ARIAの注意点 あくまでも 「必要な場合のみ使用する」 技術です。 HTML5タグのセマンティクスで解決できるのであれば、 HTMLで対応するのが基本 です。 WAI-ARIAのつかいかた 決められた 「属性」 をHTMLタグに追記して使用します。 以下、すぐにでも導入が可能で効果が期待できそうな項目を挙げてみました。 (その他、詳細については参考サイトをご

                                                                      今日から始める負担にならないWAI-ARIA - Qiita
                                                                    • VMware、ライセンス販売を終了しサブスクへ全面移行

                                                                      VMware by Broadcom(旧VMware)は12月11日、ライセンス販売を終了し、サブスクリプションベースに移行する計画を発表した。「VMware vSphere」などの主力製品が対象となる。 11月22日、Broadcomの買収に伴いVMware by Broadcomとして新しいスタートを切った旧VMware。製品ラインはVMware Cloud Foundation(VCF)、Tanzu、ソフトウェア定義エッジ、アプリケーションネットワーキングとセキュリティの4つの柱となることがThe Registerなどの報道により明らかになっている。 今回の発表は、買収完了後のビジネスの方向性となる。発表によると12月11日を最後にライセンス販売を終了し、今後は期間限定のライセンスおよびサブスクのみとなる。 VMwareのVCF事業部シニアバイスプレジデント兼ゼネラルマネージャのKr

                                                                        VMware、ライセンス販売を終了しサブスクへ全面移行
                                                                      • コピーパスタおよび重複するコンテンツに関するポリシー | Xヘルプ

                                                                        <path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww

                                                                          コピーパスタおよび重複するコンテンツに関するポリシー | Xヘルプ
                                                                        • Xプレミアムについて

                                                                          <path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww

                                                                            Xプレミアムについて
                                                                          • アクセシビリティを普段の開発に定着させるためにやったこと #STORESアドカレ - STORES Product Blog

                                                                            STORES Advent Calendar 2022 の 24日目の記事です。 こんにちは。業務委託で STORES の開発をしている @inouetakuya です。 昨年のアドベントカレンダーでも アクセシビリティについての記事 を投稿し、そのなかで、 hey もアクセシビリティの取り組みはまだ始まったばかりで、目標としている「普段の開発に定着させる」というところまでの道のりは遠いですが、2022年も前に進めていく所存です。 と書きました。 今回は続編として、今年 2022年に、アクセシビリティを普段の開発に定着させるために行った取り組みを紹介します。 2021年のおさらい - 学習と実践 2022年のスタート地点がどのような感じだったかをお伝えするために、2021年の取り組みにも触れておきます。 2021年は STORES にとってアクセシビリティ元年とも呼べる年で、アクセシビリテ

                                                                              アクセシビリティを普段の開発に定着させるためにやったこと #STORESアドカレ - STORES Product Blog
                                                                            • 2020年これからのカメラ - カメラが欲しい、レンズが欲しい、あれもこれも欲しい

                                                                              dot.asahi.com アサヒカメラが休刊になった。 アサヒカメラ 2020年 7月号 / アサヒカメラ編集部 posted with カエレバ 楽天市場 Amazon Yahooショッピング 最終号。買う? なんと1926年から発売されていたのか。 ライカIA型が発売された1年後だよ。 目次 今までの写真雑誌とこれからの写真雑誌 多くの人に求められているもの 最近買った本 最近カメラは売れてない 大衆カメラの終焉は近い 携帯写メの登場 保存には気を使った方がいい 今後のカメラは一部マニア向けに カメラは安くなりすぎた 古い方が偉いの? 味を求めてる? PENTAX 85mm f1.4みたいなレンズが売れる 値引きには応じない 伝説になるようなカメラとかレンズ 満足感高いカメラとレンズ Dfの値段とかライカの修理代とか 生活感あるカメラ 全部プリントする生活 面倒なカメラで撮りたい プ

                                                                                2020年これからのカメラ - カメラが欲しい、レンズが欲しい、あれもこれも欲しい
                                                                              • スマホの「次」が見えてきた:みんなFacebook Connect見たほうがいいよ

                                                                                スマホの「次」が見えてきた:みんなFacebook Connect見たほうがいいよ2020.09.19 19:0027,430 編集部 まだなら、マジ見たほうがいいよ! 今週はオンライン発表会ラッシュの週でした。Appleとソニー(PS5)の話題が大きかったですが、その間にやってたFacebook Connectはご覧になりました? 「直前にOculus Quest2のリークがあったけどその発表だよね」なんて見始めたんですが、完全に予想を裏切られました。 発表会直後の金本のトークがこちら。完全に「アイツVR/ARの話になると早口になるの気持ち悪いよな...」状態です。よしなよ。 まさかの3万円台「Oculus Quest2」最初に発表されたのが新型VRヘッドセット「Oculus Quest2」。外見・スペックはリーク情報のとおりでしたが、3万3800円(税別・64GBモデル)という低価格に

                                                                                  スマホの「次」が見えてきた:みんなFacebook Connect見たほうがいいよ
                                                                                • React Aria

                                                                                  Bring your own styles. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. Learn more <DatePicker> <Label>Date Planted</Label> <Group> <DateInput> {segment => <DateS

                                                                                    React Aria