vueの検索結果1 - 6 件 / 6件

• あとで読む

  Nuxt UI / Nuxt UI Pro、始めました

  • 10 users
  • zenn.dev/comm_vue_nuxt
  • テクノロジー
  • 2024/07/03

  はじめに こんにちは、がんがんです。 皆さんは Nuxt 環境でコンポーネントを実装する時、どんな UI ライブラリ/FW を利用していますか？ Nuxt 環境でコンポーネントを実装する場合、 Tailwind CSS、Panda CSS などを用いて自前で実装する Vuetifyを利用する shadcn-vueを利用する PrimeVueを利用する etc. などなどの選択肢が挙げられると思います。 本記事では Nuxt 公式が提供しているNuxt UIを実際に触ってみたいと思います。 Nuxt UI ってどんなもの？ Nuxt UI の環境構築はどうすれば良い？ などの疑問を解消出来たらと思います。 Nuxt UI とは Nuxt UI とは、Nuxt 公式が提供する UI Library です。 Headless UI と Tailwind CSS をベースに実装されており非常に利用

  
• あとで読む

  jQueryは時代遅れなのか？ - Qiita

  • 3 users
  • qiita.com/CinnamonSea2073
  • テクノロジー
  • 2024/07/03

  
  はじめに おはようございます、しなもんです。 jQuery、使われていらっしゃいますでしょうか。 最近では、Vue.jsやReactなどが登場したことにより やれ﹁jQueryは時代遅れだ﹂だの﹁いや、まだ使えるから学ぶべき﹂だの、 様々な意見があるライブラリだと思います。 なのでこの記事では、結局jQueryは時代遅れなのか？という問に沿って様々な視点でまとめていこうと思います。 今一度jQueryについて知る jQueryとは、JavaScriptを簡単に扱えるライブラリとして2006年にリリースされました。 当時は使いにくかったJavaScriptのAPIを簡略化するだけでなく、短いコード量で動くこと、当時バラバラだったブラウザによる挙動の違いを吸収できることとして人気を博しました。 現代ではどうか？ 先程述べた通り、jQueryは2006年にリリースされています。 当時はまだJav
  

  • 資料
  • 開発
  • プログラミング
  • JavaScript

  
• あとで読む

  Webページ用UIフレームワーク「Svelte」とは？ プレーンで軽量なJavaScript生成を体験しよう！

  • 32 users
  • codezine.jp
  • テクノロジー
  • 2024/07/03

  「Svelte」はWebページ用UIフレームワークで、コンパイル時にプレーンなJavaScriptを生成するといった特徴があります。本連載ではSvelteの活用方法を順を追って説明していきます。初回となる今回は、Svelteの概要と特徴を説明するとともに、実際にプロジェクトを作成して実行させ、Svelteを体験します。 はじめに WebページのUIを構築するためのライブラリやフレームワークは、ReactやVue.js、Angularといったさまざまなものが存在します。本記事で取り上げるSvelteも、そのようなフレームワークの1つです。 図1 Svelteの公式ページ 他のライブラリやフレームワークでは、それ自体のコードがブラウザーに読み込まれて実行されるのに対して、Svelteでは、Svelte自身のコードを含まないプレーンなJavaScriptをコンパイルで生成するため、実行ファイルサ

  • あとで読む

  
• あとで読む

  【CSS】z-index管理の3指針

  • 3 users
  • zenn.dev/crayfisher_zari
  • テクノロジー
  • 2024/07/03

  要素の重なりを制御する時に使うCSSと言えばz-indexですが、単純にその値が上下関係になるとは限らない、少しクセのあるプロパティです。Webサイト上の重なりにはスタッキングコンテキストと呼ばれる仕組みがあり、その関係性によってz-indexの値が1でも9999の上にくることがあり得ます。 z-indexとスタッキングコンテキストの関係については次の記事にて解説されています。 この記事では自分の考えたz-index管理についての指針を紹介します。 グローバルな重なりとローカルな重なり Webサイトでの重なり表現には大きく分けて2つあります。ページ全体で重なりを管理したいものと、一部の領域で重なりを管理したいものです。この記事では前者をグローバルな重なり、後者をローカルな重なりと呼ぶことにします。 グローバルな重なりに含まれるのは、追従ヘッダーやモーダル、ハンバーガーメニュー、トースト通知

  • あとで読む

  
• あとで読む

  スクラムチームをLeSSっぽく2分割したらリリース頻度が2倍になった話 - NTT Communications Engineers' Blog

  • 21 users
  • engineers.ntt.com
  • テクノロジー
  • 2024/07/02

  時系列データ分析ツール「Node-AI」を開発するスクラムチームは、LeSS（Large-Scale Scrum）を参考にした開発プロセスを採用しました。 本記事では、その背景や数か月試した結果について紹介します！ 目次 目次 はじめに Node-AIについて フロントエンドのリプレイスを終えて チーム分割に対する勘所 コンポーネントチームとフィーチャーチーム 実際の運用 チームへの愛着 2チーム体制を続けてきて おわりに はじめに はじめまして、イノベーションセンター Node-AIチームの中野、半澤です。 （中野）Node-AIチームでは2024年4月からスクラムマスターとして活動しております。 過去には研究者やデータサイエンティスト、ソフトウェアエンジニアなど幅広くジョブチェンジして今に至ります。 中野 将尚 | LinkedIn （半澤）Node-AIチームでは開発者としてインフラ

  • スクラム
  • management
  • development
  • blog
  • あとで読む

  
• あとで読む

  SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能

  • 3 users
  • zenn.dev/comm_vue_nuxt
  • テクノロジー
  • 2024/06/30

  
  SPA におけるアクセシビリティ課題について シングルページアプリケーション︵SPA︶は、1つの HTML ファイルに対して JavaScript と Web API を活用して、ユーザーに素早いページ切り替えの体験を提供するウェブアプリケーションの一形態です。 しかし、SPA にはアクセシビリティの課題があります。例えば、視覚障害のあるユーザーが使うスクリーンリーダーという支援技術ではページが遷移したことを認識できないことがあります。これは、JavaScript を使ってページを切り替える際に発生する問題です。 具体的には、ユーザーがあるページから別のページへ移動した際、スクリーンリーダーが新しいページに移動したことを認識しないことがあります。 この問題を解決するために、JavaScript と WAI-ARIA という技術を使って、Route Announcer という方法があります