並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 5 件 / 5件

新着順 人気順

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

  • IT未経験ですがポートフォリオ(Vue3 × Rails)を作ってみた。 - Qiita

    使用イメージ Top画面 ログイン機能 登録済ユーザなら、「メールアドレス」と「パスワード」の入力でログインできます。 ※ 「ゲストログイン」からアプリを使うことができます。 新規登録機能 ログインボタン下の「こちら」を選択する新規ユーザ登録画面に切り替わります。 ヘッダー 基本的に「ホーム」「マイページ」「ログアウト」ボタンを押すと対応するページへ移動します。 新規ユーザ登録すると、登録した時の名前が表示されます。 (※ マイページで、アバター画像とニックネームを入れて登録ができます。) 管理者権限を持つユーザがログインすると「管理者画面」ボタンが表示されます。 ホーム画面 講座情報とタグチェック 開催予定の講座情報のタイトルが一覧で表示されます。 気になる講座のタグをチェックすると赤色が付き、マイページでも確認ができます。 ライブメッセージ + いいね機能 メッセージを入力し投稿すると

      IT未経験ですがポートフォリオ(Vue3 × Rails)を作ってみた。 - Qiita
    • Vue.jsの基本 - Qiita

      Vue.jsとは Vue.jsは、ウェブページに動きを加えるためのJavaScriptフレームワークです。 軽量で高速且つ、書き方がシンプルです。小さな部品(コンポーネント)で画面を構築可能です。 公式ページ 使い方 1. CDNによる簡易利用(学習・お試し向け) CDN(Content Delivery Network)を使ってHTMLファイルから直接読み込むことで、すぐに使い始めることができます。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello Vue</title> <!-- CDNからVue.jsを読み込む --> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h

        Vue.jsの基本 - Qiita
      • 🛠 2025年フロントエンド技術ガイド:これからのWeb開発に欠かせないトレンドとは? 🚀 - Qiita

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 🚀 2025年のフロントエンドトレンド:これからのWeb開発を支える技術と革新 🌐 2025年、フロントエンド開発はさらに進化し、ユーザー体験を向上させるための新しい技術やトレンドが続々と登場しています。ここでは、最新のトレンドを分かりやすく解説します! 🛠 主要なフロントエンド技術 1. React:依然として不動の王者 特徴: コンポーネントベースの設計、TypeScriptとの統合、マイクロフロントエンド対応。 活用例: NetflixやMeta(旧Facebook)がReactを活用し、高速でスケーラブルなアプリケーション

        • 検索条件の状態管理にハマった話 - Qiita

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 背景と前提 ある既存の検索画面のUIを大きく改修するプロジェクトに参加しました。 この画面では、商品データなどを検索・可視化するための条件入力があり、以下のような構成で作っていっていました。 コンポーネント構成(Vue 3 / Composition API) 親コンポーネント(index.vue) 検索APIの呼び出し・状態管理を担当 子コンポーネント(検索フォーム) 入力UIをまとめたフォームコンポーネント 孫コンポーネント(基本条件・詳細条件・フィルターなど) 実際の入力パーツ 実際私が改修したサービスとは異なりますが、例えがない

          • 同一名・異なるバージョンの node package を複数インストールして活用する方法 - hacomono TECH BLOG

            どうも, みゅーとんです. テックブログの執筆が軌道に乗ってて, 私は逆にサボるようになってしまいました. 良くないですね. 久しぶりに書きます. メインプロダクトの Nuxt3 マイグレーション作業で, 一部影響範囲を外に切り出して private package 化をしたことがあるのですが, その際に Vue2 / Vue3 の双方のライブラリに依存する構成にせざるを得ず, その時の知見をまとめてみました. はじめに 対象読者 利用するライブラリのマイグレーション作業が膨大で困ってる 依存ライブラリが複数バージョンをサポートするライブラリを作ろうとしている 前提事項 ライブラリ公開や, その際に必要な package.json の設定項目については, 本記事では解説しません 2行でまとめ 任意のライブラリをリネームしてインポートする方法がある ライブラリとして公開する想定のコード内で利

              同一名・異なるバージョンの node package を複数インストールして活用する方法 - hacomono TECH BLOG
            1