使用イメージ Top画面 ログイン機能 登録済ユーザなら、「メールアドレス」と「パスワード」の入力でログインできます。 ※ 「ゲストログイン」からアプリを使うことができます。 新規登録機能 ログインボタン下の「こちら」を選択する新規ユーザ登録画面に切り替わります。 ヘッダー 基本的に「ホーム」「マイページ」「ログアウト」ボタンを押すと対応するページへ移動します。 新規ユーザ登録すると、登録した時の名前が表示されます。 （※ マイページで、アバター画像とニックネームを入れて登録ができます。） 管理者権限を持つユーザがログインすると「管理者画面」ボタンが表示されます。 ホーム画面 講座情報とタグチェック 開催予定の講座情報のタイトルが一覧で表示されます。 気になる講座のタグをチェックすると赤色が付き、マイページでも確認ができます。 ライブメッセージ + いいね機能 メッセージを入力し投稿すると
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
こういうのがいいの
リンク となりのヤングジャンプ [１発目 ①] こういうのがいい - 双龍 | となりのヤングジャンプ このタイトルにしてこの内容あり。読めば伝わるこういうの。こういう漫画がむしろ良きっ！ 『間違った子を魔法少女にしてしまった』の双龍が描く新感覚・観察型リアルシチュエーション・ストーリー！ これはセフレではない。フリ(ーダム)フレ(ンド)である。 9 users 4
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を活用し、高速でスケーラブルなアプリケーション
はじめに @storybook/testing-react や @storybook/testing-vue3 という npm ライブラリを知っているだろうか？ Storybook における Story の記述フォーマットには CSF というフォーマットが用いられているが、これの中には play というフィールドが含まれており、ここにレンダリングされた Story に対するインタラクションなどが記述できる。 加えて、ここにアサーションを記述することで、Storybook でコンポーネントのテストが実施できる。つまり、story をテストケースとして運用ができる。 これをサポートするものが、@storybook/addon-intaractions だ。 ただ、テストスイートを実行するためには Storybook を実行して、各 Story を閲覧することが必要だ。 さらにこれをサポートする
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をまとめたフォームコンポーネント 孫コンポーネント（基本条件・詳細条件・フィルターなど） 実際の入力パーツ 実際私が改修したサービスとは異なりますが、例えがない
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IT未経験ですがポートフォリオ（Vue3 × Rails）を作ってみた。 - Qiita
🛠 2025年フロントエンド技術ガイド：これからのWeb開発に欠かせないトレンドとは？ 🚀 - Qiita
storybook-testing-lit を作って vitest で動かす
検索条件の状態管理にハマった話 - Qiita