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

• あとで読む

  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をコンパイルで生成するため、実行ファイルサ

  • あとで読む

  
• あとで読む

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

  • 11 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 をベースに実装されており非常に利用

  
• あとで読む

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

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

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

  • 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

  
• あとで読む

  開発環境を改善するためにチームに提案して実践したこと - Qiita

  • 3 users
  • qiita.com/ryosuke-horie
  • テクノロジー
  • 2024/07/06

  sponsored by Qmonus Value Stream アプリケーション開発に注力するための工夫をシェアしよう！ 導入 何について話すのか 開発環境を改善して、効率化することでアプリケーション開発に注力するため行った（行っている）取り組みについてお話します。 本記事はQmonus Value Streamの投稿キャンペーン記事です。 想定読者 レガシーな環境を改善している（していきたい）人 開発環境改善のアイデアが欲しい人 CI/CDやDevOpsよりな仕事に関わる人 どんな人が書いているか(自己紹介) 3年目のエンジニアでバックエンドを中心に担当（最近インフラも担当するようになりました） メインで扱う技術はPHP・TypeScript・AWS アプリケーション開発とAWSインフラ構築を担当する 受託開発が中心の企業に従事 記事で触れる取り組み（取り組んだ順） Dockerの導入