【2025年最新】アプリの「ドロップダウン」部分のデザインを集めた一覧です。

SmartHR（スマートエイチアール） 

Dropdown

2025-05

入社予定日 必須
和暦と西暦のどちらでも入力できます。
例:平成27年4月1日、H27.4.1、2015/4/1、2015-4-1
2016/01/01
2016年5月
入
2016
2017
2018
2019
2020
2021
2022
2023
平成28年1月1日
入退社情報
業務情報
現住所と連絡先
住民票住所
緊急連絡先
通勤手当
口座情報
給与
在留資格情報
社会保険
2024
2025
2026
2027
2028
2029
2030
2031
和暦と西暦のどちらでも入力できます。
例:平成27年4月1日、H27.4.1、2015/4/1、2015-4-1
2016/01/01
退職年月日
和暦と西暦のどちらでも入力できます。
例:平成27年4月1日、H27.4.1、2015/4/1、2015-4-1
退職事由
業務情報
雇用保険
所得税
備考
配偶者情報
家族情報
平成28年1月1日前

SmartHR UI Pocket
従業員リスト
登録されている従業員情報を確認できます。 詳しくは、 ? 従業員リストの使い方を参照してください。
? ヘルプ
従業員リスト
●従業員管理 ▼
日本語
uipocket240
従業員の登録は従業員の一括登録から、 従業員情報の更新は従業員情報の一括更新から、 操作してください。 従業員がSmartHRを使えるようにするには、 従業員をSmartHRに招待してください。
在職中の従業員
フィルター
表示項目
ソート
フィルター設定
在籍状況
が次に等しい
在職中 x
社員番号
氏名
社員番号
20000101
WEB P
姓
20020101
GAME
名
sample-001
労務 華
ビジネスネーム: 姓
sample-002
山田
ビジネスネーム:名
部署
sample-004
青木良
役職
UI Pocket
部署 1
役職 代表取締役
ヘルプ お知らせ 利用規約 プライバシーポリシー 運営会社 開発者向けAPI
リストの操作
日付を指定して、 過去の従業員情報を表示できます。
指定
6件中 1~6件
生年月日
2000/01/01
2001/02/02
1985/01/01
1985/09/15
キャンセル
適用
1985/02/28
4
© SmartHR, Inc.

SmartHR UI Pocket
従業員リスト
? ヘルプ
従業員リスト
●従業員管理 ▼ 1
日本語
uipocket240
▼
登録されている従業員情報を確認できます。 詳しくは、 ? 従業員リストの使い方を参照してください。
従業員の登録は従業員の一括登録から、 従業員情報の更新は従業員情報の一括更新から、 操作してください。 従業員がSmartHRを使えるようにするには、 従業員をSmartHRに招待してください。
在職中の従業員
-
▼ フィルター
表示項目
ソート
リスト条件が変更されました 新しい設定として保存
ソートの設定
社員番号
社員番号
氏
降順
リストの操作
日付を指定して、 過去の従業員情報を表示できます。
雇用形態
入社年月日
生年月日
20000101
WE
キャンセル
適用
正社員
2025/05/01
2000/01/01
20020101
GAME POCKET ●
正社員
2025/04/16
2001/02/02
sample-001
労務 華子
正社員
2016/01/01
1985/01/01
sample-002
山田 一郎
正社員
2016/05/01
1985/09/15
sample-004
青木 良子
正社員
2017/08/01
1985/02/28
UI Pocket ①
ヘルプ お知らせ 利用規約 プライバシーポリシー 運営会社 開発者向け API
指定
6件中1~6件
© SmartHR, Inc.

部署9 部署
部署10 部署
この項目は、 「部署1~10 部署コード」 と併用できません。
例:営業部、総務部、 開発部/開発課など ?
上位部署を持つ場合は「/」で区切ってください。
この項目は、 「部署1~10 部署コード」 と併用できません。
<SmartHR ヘルプセンター
例:営業部、総務部、 開発部
上位部署を持つ場合は 「/」
この項目は、 「部署1~10部
Q ヘルプセンターを検索
部署1部署コード
部署2 部署コード
部署3 部署コード
部署4 部署コード
部署5 部署コード
部署6 部署コード
部署7 部署コード
部署8 部署コード
例: SA0001 など ?
この項目は、 「部署1~10 部
例: SA0001 など ?
この項目は、 「部署1~10部
例: SA0001 など?
従業員の部署情報を登録する
部署情報の登録には、 部署項目の更新権限が必要です。
この項目は、「部署1~10部 従業員関連の権限設定について、詳しくは下記のページを参照してください。
【一覧】 権限設定の [従業員関連] で制御できる内容
例: SA0001など?
この項目は、 「部署1~10部
例: SA0001 など ?
この項目は、 「部署1~10 部
例: SA0001 など?
この項目は、 「部署1~10 部
例: SA0001 など
この項目は、 「部署1~10部
例: SA0001 など ?
この項目は、 「部署1~10部
部署9 部署コード
例: SA0001 など ?
この項目は、「部署1~10 部
部署10 部署コード
役職 役職
役職2 役職
役職3 役職
役職4 役職
役職5 役職
役職6 役職
役職7 役職
例: SA0001 など ?
この項目は、「部署1~10部
例: 代表取締役、 課長、 一般
従業員情報に部署情報を登録する
1. [従業員リスト] で対象となる従業員を押す
従業員リストで部署情報を追加したい従業員の [氏名] を押して、 従業員情報ページを
表示します。
[編集] を押して、 従業員情報の編集画面を開きます。
2.[部署情報] > [部署] のドロップダウンリストで
部署を選択
[部署・役職情報 ] のドロップダウンリストから任意の部署を選択します。
+++ EV 61444
例: 代表取締役、 課長、 一般従業員など
例: 代表取締役、 課長、 一般従業員など
例: 代表取締役、 課長、 一般従業員など
例 : 代表取締役、 課長、 一般従業員など
例: 代表取締役、 課長、 一般従業員など
例: 代表取締役、 課長、 一般従業員など
別画面で開く
×

https://b86b0bdc1fd154c333e83d5b.smarthr.jp/procedures?q%5Btype_in%5D=retirement#

お使いのブラウザのバージョンが古くなっています。 最新バージョンにアップデートしてください。 詳しくは SmartHR の動作環境は? をご覧ください。
SmartHR UI Pocket
? ヘルプ
従業員リスト
●従業員管理 ▼
9+
uipocket240
▼
≡手続きToDo一覧
グループ化して管理する
従業員で絞り込む
手続きの状態 ▼
手続きの種類: 退職手続き ▼
作成日 ▼
全て
状態 手続きの種類
作成日
条件に一致する結果が見つかりませんでした。
https://b86b0bdc1fd154c333e83d5b.smarthr.jp/procedures?q%5Btype_in%5D=retirement#
入社手続き
退職手続き
扶養追加の手続き
扶養削除の手続き
住所変更の手続き
氏名変更の手続き
被扶養者住所変更の手続き
標準報酬月額変更の届け出
定時決定の手続き
賞与支払届の手続き
労働保険の年度更新手続き
転勤届の手続き
育児休業給付金申請手続き
高年齢雇用継続基本給付金申請・ 高年齢再就職給付金申請手続き
×

⑥SmartHR UI Pocket
③ あと5日で無料お試し期間が終了します。
よく使うアプリ
[アプリ一覧] の☆マークから、あな
たがよく使うアプリを登録できます。
この項目を非表示にもできます。
ダッシュボード
すべてのアプリ
従業員リスト
共通設定
◆ 給与明細管理
>
? ヘルプ&サポート
⑤ 従来のホームを表示
uipocket240@gmail.com
個人設定
ダッシュボードを並べ替え
[ ログアウト
あなたのタスク
未対応のタスク
ステータス
タスク名
アプリ
期間
操作
マイナンバー管理
>>
源泉徴収票管理
->
給与明細
源泉徴収票
手続き
→
手続きToDo
→
届出書類
↑
年末調整
アプリ一覧 K
↑
SmartHRからのご案内
[PR] お知らせ
https://b86b0bdc1fd154c333e83d5b.smarthr.jp/my/account
タスクはありません。
給与明細一覧
手続き
発行された給与明細はありません。
入社
+ 新入社員が入社すると
きの手続き
扶養家族の追加
結婚、出産、配偶者が
退職したときなど
従業員の住所変更
従業員が引越したとき
手続き一覧
×
退職
従業員が退職するとき
扶養家族の削除
1 子供や配偶者が就職し
たときなど
氏名変更
従業員の氏名が変わっ
たとき

Studio

/S
Q プロジェクトを検索
アーカイブ v
uipo9332
プロジェクト一覧
プロジェクト一覧
アーカイブ
お支払い
ワークスペース
+
U
UI Pocket
使い方を学ぶ
? Studio 公式ガイド
◆ アップデート情報
プロジェクトはありません
プロジェクト一覧からアーカイブしたプロジェクトが表示されます
+ 新しいプロジェクト
?

2025-04

/S
Q プロジェクトを検索
uipo9332
プロジェクト一覧
お支払い
U UI Pocket
プロジェクトを追加
ワークスペース
+
U
UI Pocket
◆ 使い方を学ぶ
? Studio 公式ガイド[
◆ アップデート情報 [
新しいプロジェクトを作成
または
既存のプロジェクトを追加する
プロジェクトを選択
選択可能なプロジェクト
コーポレートサイト
● https://tan139130.studio.site
WHAT WE HELL
UI Pocket
UI Pocket
● https://ui-pocket.studio.site
First project
● https://blue123131.studio.site
2
設定
プロジェクトを追加
く
されました
管理いただけます
を追加
C.
?

UI Pocket
/S
● ui-pocket.studio.site
デザインエディタ
ライブプレビュー
ダッ
公開サイト
プロ
コマンドパレット
H+K
メン
App
プロジェクトをリセット
Sho
← プロジェクト一覧に戻る
現在のプラン
Free ▾
アップグレード
LINE
マンガ
ッシュボード
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
デザインエディタ
+
UI Pocket
アナリティクス 過去15日間
アクセス数を増やしましょう
UI Pocket
● 公開
https://ui-pocket.studio.site
SHO
現在のプラン
Free
独自ドメイン接続
● 未接続
サイトマップ
●ON
StudioでできるSEO対策やアプリ連携で、アクセス数を増
やしましょう
G
プロジェクト設定へ >
アナリティクス >
SEO対策を強化
Search Consoleを設定
Showcaseに掲載依頼
?

https://preview.studio.site/live/wQOVE17NWD

https://lime337218.studio.site/sitemap.xml

/S
非公開
https://lime337218.studio.site
現在のプラン
Free ▾
https://lime337218.studio.site
公開設定
ライブプレビュー ON
https://preview.studio.site/live/wQOVE17NWD
設定
サイトマップ 利用中
XML形式のサイトマップ
https://lime337218.studio.site/sitemap.xml
パスワード保護
アップグレード
設定
https://lime337218.studio.site
独自ドメイン設定
カバー画像をアップロード
1200 × 630
公開
C.
?

UI Pocket
/S
● ui-pocket.studio.site
ダッシュボード
メンバー
プロジェクト設定
メンバー
Apps
Showcase
現在のプラン
Free ▾
アップグレード
ぽ
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
デザインエディタ +
uipo9332
uipocket240@gmail.com
ゆうあいぽけっと
uipocket241@gmail.com
オーナー
編集者
オーナー
編集者
moneyplant257@gmail.com
削除
招待中
<
メンバーを招待
?

/S
UI Pocket
● ui-pocket.studio.site
ダッシュボード
メンバー
プロジェクト設定
メンバー
Apps
Showcase
現在のプラン
Free ▾
アップグレード
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
uipo9332
オーナー
uipocket240@gmail.com
メンバー
+ メンバーを招待
uipo9332
uipocket240@gmail.com
デザインエディタ
×
1名
オーナー
?

UI Pocket
/S
● ui-pocket.studio.site
ダッシュボード
メンバー
プロジェクト設定
メンバー
Apps
Showcase
現在のプラン
Free ▾
アップグレード
uipo9332
uipocket240@g
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
デザインエディタ
プロジェクトにメンバーを招待
メンバーの招待は、一度に最大10人まで招待できます。
moneyplant257@gmail.com
招待メンバー
ロール
✗
uipocket241@gmail.com
参加にはアカウント作成が必要です
編集者
×
moneyplant257@gmail.com
参加にはアカウント作成が必要です
編集者
オーナー
キャンセル
編集者
メンバーを招待
+
?
c.

/S
モデル
UI Pocket
● lime337218.studio.site
+
< Posts 9件のアイテム
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
デザインエディタ
+
Q 検索
モデル設定
+ 新規追加
Posts
9
T タイトル
T Slug
Cover
Author
Tags
O
Authors
6
Tags
7
オブジェクト指向UIデザインとは? ユーザー中心の設
計手法を深掘りする
/ BuGB8zGU
UI Pocket
コレクション
+
Featured
インポート
●Next.js
●OOUI
公開日時
2
2025/4/8 22:38
ul
Next.jsとSupabase を使ったプロジェクトを始める
方法
supabase × NEXT.
/ U-djRiAA
ぷー
認証機能を実装
2025/4/8 22:11
⚫ Design
● Website
プッシュ型コンテンツとプル型コンテンツの違いとUI
デザインでの使い分け
/ IJUMa8-6
アトミックデザインとは? UI設計を体系化する5つの階
層構造
Q 検索
/LkFnbMN-
スクラム開発とは? はじめてでもわかるスクラムの基
本と進め方
/ UciQdtPc
• モバイル対応を考慮したレスポンシブデザインの基本
/responsive-desi...
ブデザイン
の基本
RESPONSIVE
CSS
The Modern Interior Design: ACritique.
/the-modern-inte...
アクティブモデル数
3/3
The Modern Website: A Normative Critique.
/the-modern-web...
公開アイテム数
14/100
選択中
2 5
20
2025/4/8 22:36
ui
2025/4/8 22:33
選択中のアイテムがありません
2025/4/11 9:00
選択できるアイテム
nya
ぷー
ぷー 2nd
2025/4/8 22:25
2 5
2 5
2 5
20
2025/3/3 14:19
ui
Colten Dic...
• Website
2025/4/9 22:48
2
⚫ Art
New Paradigms in the Study of "Design"
new-paradigms-i
Amie Schi
?
2

/S
UI Pocket
モデル
⚫lime337218.studio.site
+
Posts 9件のアイテム
Posts
9
OAuthor
Authors
6
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
デザインエディタ
+
Q 検索
モデル設定
+ 新規追加
Tags
公開日時
最終更新
難易度
# 閲覧推定時間
● 注目記事
難易度ラベル
◆ Next.js
2025/4/9 23:21
Tags
7
ぷ
2025/4/8 22:11
初級
7
uipo9332
● Website
コレクション
+
Featured
インポート
nya
2025/4/8 22:36
2025/4/9 23:20
uipo9332
2025/4/8 22:38
2025/4/9 23:20
uipo9332
2025/4/8 22:33
2025/4/8 22:33
uipo9332
現在時刻
日時を選択
2025年4月
< >
Su Mo Tu
We
Th
Fr
Sa
3
30
31
31
1
2
3
4
5
6
7
8
9
10
11
12
10
16
17
18
19
4
13
14
15
Hunter W...
Interior
20
20
21
21
22
23
22
27 28 29
Colten Dic...
Website
4
5
⚫ Art
アクティブモデル数
3/3
Amie Schi...
◆ Design
公開アイテム数
14/100
16
2025/04/11
24
24
25
26
30
30
1
2
3
4
7
8
9
10
09:00
決定
#89D02
?

/S
モデル
UI Pocket
● lime337218.studio.site
+
< Posts 9件のアイテム
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
デザインエディタ
+
Q 検索
モデル設定
+ 新規追加
Posts
9
T タイトル
T Slug
Cover
Author
Tags
公開日時
Authors
6
公開日時
Tags
7
アトミックデザインとは? UI設計を体系化する5つの階
層構造
/LkFnbMN-
コレクション
+
プッシュ型コンテンツとプル型コンテンツの違いとUJI
デザインでの使い分け
/IJUMa8-6
2
↑ 昇順に並び替え
↓ 降順に並び替え
nya
2
Featured
インポート
スクラム開発とは? はじめてでもわかるスクラムの基
本と進め方
/ UciQdtPc
オブジェクト指向UIデザインとは?ユーザー中心の設
計手法を深掘りする
/ BuGB8zGU
UI Pocket
モバイル対応を考慮したレスポンシブデザインの基本
ブデザイン
の基本
/responsive-desi...
RESPONSIVE
CSS
非表示にできません
削除できません
2
ul
2
2025/4/8 22:38
ui
2
2025/4/8 22:25
ul
Next.js と Supabase を使ったプロジェクトを始める
方法
Next.js
/ U-djRiAA
supabase x NEXT
認証機能を実装
ぷー
2025/4/8 22:11
• Website
The Modern Interior Design: ACritique.
/the-modern-inte...
20
5
2
Hunter W...
⚫ Interior
2025/3/3 14:19
ui
The Modern Website: A Normative Critique.
/the-modern-web...
Colten Dic...
• Website
2025/4/9 22:48
20
⚫ Art
アクティブモデル数?
3/3
New Paradigms in the Study of "Design"
/new-paradigms-i...
Amie Schi...
◆ Design
公開アイテム数
13/100
?
20

/S
モデル
UI Pocket
● lime337218.studio.site
+
Posts 9件のアイテム
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
デザインエディタ
+
Q 検索
モデル設定
+ 新規追加
Posts
9
○
公開日時
↓
最終更新
OF
Authors
6
Tags
7
難易度
=
# 閲覧推定時間
注目記事
難易度ラベル色
✔―
技術スタック
難易度
0
2025/4/9 23:22
2025/4/10 9:00
uipo9332
検索
コレクション
+
2025/4/8 22:33
2025/4/9 23:24
uipo9332
✓ 初級
3
#8C1AB4
Featured
中級
2
上級
1
インポート
アクティブモデル数
3/3
公開アイテム数
13/100
2025/4/8 22:25
2025/4/9 23:22
uipo9332
★ 非表示にする
削除
2025/4/8 22:11
2025/4/9 23:21
uipo9332
初級
#89D023
Next.js
+
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
+
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
Next.js と Supabase を使ったプロジェクト
を始める方法
デザインエディタ
+
最終更新
2025/4/8 21:45
ライブプレビュー [
公開 ~
키
プロパティ
Slug
/ MTWFMKBK
Cover
SupabaseとNext.jsを使えば、 シンプルかつ強力な認証機能を短時間で実装できます。本記
事では、メールアドレス・パスワードによるサインアップ/ログイン機能の構築方法を、装
飾付きで丁寧に解説します。
Author
画像
< /> 埋め込みコード
出 テーブル
箇条書きリスト
Space
三番号付きリスト
1.
Space
H2 見出し 2
##
Space
H3 見出し3
### Space
引用
> Space
区切り線
≡ 目次
Tags
+ プロパティを追加
▼ 保存済み: 2025/4/8 21:45
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
Next.js と Supabase を使ったプロジェクト
を始める方法
デザインエディタ
+
最終更新
2025/4/8 21:45
ライブプレビュー [
公開 ~
키
プロパティ
Slug
/ MTWFMKBK
Cover
Tags
SupabaseとNext.jsを使えば、 シンプルかつ強力な認証機能を短時間で実装できます。本記
Author
事では、メールアドレス・パスワードによるサインアップ/ログイン機能の構築方法を、装
飾付きで丁寧に解説します。
-
今回実現すること
機能
説明
列の編集
左に挿入
右に挿入
列を削除
止
++
+ プロパティを追加
▼ 保存済み: 2025/4/8 21:45
?

/S
← 戻る
UI Pocket
● lime337218.studio.site
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
デザインエディタ
+
Posts / Next.js と Supabase を使ったプ...
2. 新しいプロジェクトを作成
3.「Authentication」 機能を有効化
4. 環境変数に必要なAPIキーを控える
▼ Next.js プロジェクト作成
`npx create-next-app@latest my-auth-app
cd my-auth-app
npm install @supabase/supabase-js`
サインアップ/ログインフォームの実装
最終更新
2025/4/8 21:49
ライブプレビュー [
公開 ~
키
プロパティ
Slug
/ MTWFMKBK
Cover
Author
Tags
+ プロパティを追加
<>
pages/auth.is:
</> Embed
<iframe></iframe>
キャンセル
更新
ideos, Figma files, and more
▼ 保存済み: 2025/4/8 21:49
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
② セッションの確認とユーザー情報の取得
°
おすすめの追加カスタマイズ
|GoogleやGitHubなどのOAuth連携も可能
2 ユーザーごとのデータ読み書き制御 (Row Level Security)
Magic Linkログインやパスワードリセット機能
参考構成図
以下のようなシンプルな構成で実装できます:
P
->
Next.js → Supabase Auth API
Supabase Database
コメントを追加
デザインエディタ
+
最終更新
2025/4/8 21:51
ライブプレビュー [
公開 ~
키
プロパティ
Slug
/ MTWFMKBK
Cover
Author
Tags
+ プロパティを追加
▼ 保存済み: 2025/4/8 21:51
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
② セッションの確認とユーザー情報の取得
おすすめの追加カスタマイズ
✓ GoogleやGitHub などのOAuth連携も可能
•
ユーザーごとのデータ読み書き制御(Row Level Security)
Magic Linkログインやパスワードリセット機能
■ 参考構成図
以下のようなシンプルな構成で実装できます:
P
->
Next.js Supabase Auth API
->
Supabase Database
解決
uipo9332
2025/4/8 21:52
公式ドキュメント通りに実装するだけです
uipo9332
2025/4/8 21:52
実際にコードを書く動画も添えたいですね
コメントを追加
デザインエディタ
+
最終更新
2025/4/8 21:53
ライブプレビュー
公開 ~
키
プロパティ
Slug
/ MTWFMKBK
Cover
Author
Tags
+ プロパティを追加
▼ 保存済み: 2025/4/8 21:53
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ....
P
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
Next.jsとSupabase を使ったプロジェクト
を始める方法
デザインエディタ
+
最終更新
2025/4/8 22:06
ライブプレビュー [
公開 v
키
プロパティ
Slug
/ nextjs-supabase-auth
supabase × NEXT.
Cover
認証機能を実装
SupabaseとNext.jsを使えば、 シンプルかつ強力な認証機能を短時間で実装できます。 本記
事では、メールアドレス・パスワードによるサインアップ/ログイン機能の構築方法を、装
飾付きで丁寧に解説します。
今回実現すること
事前準備
▼ Supabase プロジェクト作成
Next.js プロジェクト作成
サインアップ ログインフォームの実装
セッションの確認とユーザー情報の取得
おすすめの追加カスタマイズ
参考構成図
まとめ
今回実現すること
▼ 保存済み: 2025/4/8 22:06
Author
Tags
難易度
初級
難易度ラベ
ル色
#89D023
閲覧推定時
間
7
注目記事
Next.js ×
JavaScript x
技術スタッ
ク
検索または作成
+ プロパテ
選択できるアイテム
⠀⠀JavaScript
8
Next.js
◇ 編集
⠀⠀Supabase
母 削除
?
C.

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
P
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
Next.js と Supabase を使ったプロジェクト
を始める方法
デザインエディタ
+
最終更新
2025/4/8 22:08
ライブプレビュー [
公開 v
<
키
プロパティ
公開日時を選択
現在時刻
日時を選択
Slug
2025年4月
< >
Su
Mo Tu
We
Th
Fr
Sa
Cover
30
31
1
2
3
4
5
SupabaseとNext.jsを使えば、 シンプルかつ強力な認証機能を短時間で実装できます。 本記
事では、メールアドレス・パスワードによるサインアップ/ログイン機能の構築方法を、装
飾付きで丁寧に解説します。
13
14
20
Author
20
N∞
6
7
8
9
10
10
11
12
15 16
17
18
21
21
22
23
24
25
25 26
199
今回実現すること
事前準備
▼ Supabase プロジェクト作成
Next.js プロジェクト作成
サインアップ ログインフォームの実装
セッションの確認とユーザー情報の取得
おすすめの追加カスタマイズ
参考構成図
まとめ
今回実現すること
▼ 保存済み: 2025/4/8 22:08
22
29
27 28 29
30
1
2
3
Tags
4
5
6
7
難易度
難易度ラベ
ル色
閲覧推定時
間
7
注目記事
技術スタッ
ク
2025/04/08
Next.js
+ プロパティを追加
8
10
10
6
22:09
決定
?

/S
UI Pocket
● lime337218.studio.site
← 戻る
Posts / Next.js と Supabase を使ったプ...
P
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
Next.js と Supabase を使ったプロジェクト
を始める方法
デザインエディタ
+
最終更新
2025/4/8 22:10
ライブプレビュー [
公開 v
키
プロパティ
アイテムを公開
公開サイト
Slug
https://lime337218.studio.site/post
S/
公開日時
2025/4/8 23:00
Cover
SupabaseとNext.jsを使えば、 シンプルかつ強力な認証機能を短時間で実装できます。 本記
事では、メールアドレス・パスワードによるサインアップ/ログイン機能の構築方法を、装
飾付きで丁寧に解説します。
今回実現すること
事前準備
▼ Supabase プロジェクト作成
Next.js プロジェクト作成
サインアップ ログインフォームの実装
セッションの確認とユーザー情報の取得
おすすめの追加カスタマイズ
参考構成図
まとめ
今回実現すること
▼ 保存済み: 2025/4/8 22:10
Author
Tags
難易度
初級
公開予約
難易度ラベ
ル色
#89D023
閲覧推定時
間
7
注目記事
技術スタッ
ク
Next.js
+ プロパティを追加
下書き
?

/S
モデル
Do
UI Pocket
● lime337218.studio.site
+
< Posts 9件のアイテム
ホーム
CMS
フォーム
アナリティクス
プラン&お支払い
デザインエディタ
+
Q 検索
モデル設定
+ 新規追加
Posts
9
T タイトル
T Slug
Author
Cover
Tags
お知らせ・リ...
アプリカテゴリ
アトミックデザインとは? UI設計を体系化する5つの階
層構造
/LkFnbMN-
Tags
7
Authors
6
プッシュ型コンテンツとプル型コンテンツの凄い!!
デザインでの使い分け
コレクション
Featured
インポート
+
新しいコレクションを作成
スクラム開発とは? はじめて
本と進め方
UIデザイン
オブジェクト指向 UIデザイン
計手法を深掘りする
モデル
検索
.
モバイル対応を考慮したレス
Posts
日 お知らせ・リリース
Next.jsとSupabase を使っ
方法
アプリカテゴリ
Tags
Authors
The Modern Interior Design: ACritique.
/the-modern-inte...
Hunter W...
公開日時
2
2025/4/8 22:33
ul
2
2025/4/8 22:36
ui
20
2025/4/10 9:00
u
UI Pocket
2025/4/8 22:38
2
ui
ブデザイン
の基本
RESPONSIVE
css
2
2025/4/8 22:25
ul
supabase x NEXT
認証機能を実装
Next.js
2
2025/4/8 22:11
u
• Website
2
• Interior
2025/3/3 14:19
ul
The Modern Website: A Normative Critique.
/the-modern-web...
Colten Dic...
● Website
2025/4/9 22:48
2
⚫ Art
アクティブモデル数?
3/3
New Paradigms in the Study of "Design"
/new-paradigms-i...
Amie Schi...
• Design
公開アイテム数
13/100
c.
?
20

/S
モデル
Do
UI Pocket
● lime337218.studio.site
Posts
+
« P
Posts / UIデザイン
9
UIデザイン
検索
7
お知らせ・リ...
アプリカテゴリ
Tags
Authors
6
コレクション
Featured
UIデザイン
インポート
+
アクティブモデル数
3/3
公開アイテム数
13/100
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
オブジェクト指向 UIデザインとは? ユーザー中心の設計手法を深掘りする
• プッシュ型コンテンツとプル型コンテンツの違いとUIデザインでの使い分け
アトミックデザインとは? UI設計を体系化する5つの階層構造
スクラム開発とは? はじめてでもわかるスクラムの基本と進め方
● 下書き
デザインエディタ
+
>
く
検索
モデル設定
+ 新規追加
gs
公開日時
2
2025/4/8 22:33
ul
UI Pocket
2
2025/4/8 22:36
ui
2
2025/4/10 9:00
ul
2
2025/4/8 22:38
ul
2
2025/4/8 22:25
ul
ext.js
2025/4/8 22:11
ebsite
25
ui
2
erior
2025/3/3 14:19
ul
ebsite
2025/4/9 22:48
2
▼ 保存済み: 2025/4/9 23:42
sign
c.
?
20

/S
モデル
Do
UI Pocket
● lime337218.studio.site
Posts
+
<< P
Posts / UIデザイン
9
UIデザイン
お知らせ・リ...
アプリカテゴリ
Tags
7
Authors
6
コレクション
Featured
UIデザイン
+
●
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
● 下書き
公開する
1
オブジェクト指向UIデザインとは? ユーザー中心の設計手法を深掘りする
/ BuGB8zGU
2
アトミックデザインとは? UI設計を体系化する5つの階層構造
/LkFnbMN-
モバイル対応を考慮したレスポンシブデザインの基本
3
/responsive-design-basics
4
プッシュ型コンテンツとプル型コンテンツの違いとUIデザインでの使い分け
/ IJUMa8-6
インポート
+ アイテムを追加
アクティブモデル数
3/3
公開アイテム数
13/100
● 下書き
く
:
UI Pocket
デザインエディタ
+
検索
モデル設定
+ 新規追加
gs
公開日時
2
2025/4/8 22:33
ul
2
2025/4/8 22:36
ui
ブデザイン
2
の基本
2025/4/10 9:00
u
RESPONSIVE
2
2025/4/8 22:38
ul
2
2025/4/8 22:25
ui
ext.js
2025/4/8 22:11
ebsite
20
25
ui
2
erior
2025/3/3 14:19
ui
ebsite
2025/4/9 22:48
2
▼ 保存済み: 2025/4/9 23:42
sign
20
?

T
لكا
ப
廿
デフォルト: 1280px
スモール 1140px
>
コーポレートサイト
>
HOME
タブレット840px
SMART COMPANY
モバイル ~ 624px
~ 320px
レスポンシブ
デフォルト
スモール
タブレット
モバイル
ミニ
タブレット
タブレット端末用
840
推薦サイズ: 840
O!!
-
100% + K
+
ライブプレビュー
公開
HOME COMPANY
SERVICE
NEWS CONTACT CAREERS
HELLO
SMART CITY
SCROL
?

>
コーポレートサイト
>
| HOME
ボックス
テキスト
モーション
82% +
+
ライブプレビュー
公開
0
未設定
0
1.4
64
px
タイトル - 英字
400
I
U
=
あい
表示
配置 はみ出し
重ね順
スタイル
文字間
行高
サイズ
フォント
太さ
イタリック
下線
色
シャドウ
配置
文字組み
なし
条件付きスタイル
1280px
10
廿
T
11
12
13
14
15
16
18
20
24
224
A
28
<p
32
8040
36
40
48
EERS
64
72
144
288
>
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
廿
T
ボックス
テキスト
モーション
未設定
0
1.4
64
px
タイトル - 英字
スタイル
文字間
行高
サイズ
フォント
<p>
A
CAREERS
82% +
+
ライブプレビュー
公開
700
I
U
あい
なし
太さ
イタリック
下線
色
シャドウ
配置
文字組み
条件付きスタイル
12
100
200
300
400
500
600
700
800
900
Big
>
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
廿
لك
ボックス
テキスト
モーション
未設定
0
1.4
64
px
スタイル
文字間
行高
サイズ
Nunito Sans
フォント
82%
+
+
ライブプレビュー
公開
700
I
U
=
あい
太さ
イタリック
下線
色
シャドウ
配置
文字組み
なし
条件付きスタイル
フォントを追加
+
Google Fonts
タイトル - 英字
Q フォント名で検索
タイトル - 日本語
<p>
本文
CAREERS
Roboto
Open Sans
Noto Sans JP
Montserrat
Lato
Poppins
Roboto Condensed
Inter
Roboto Mono
Oswald
Raleway
Noto Sans
T
A
||-
Nunito Sans
16ウェイト
Nunito
>
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
廿
T
ボックス
テキスト
モーション
82% +
+
ライブプレビュー
公開
未設定
0
2.1
16
px
タイトル - 英字
400
I
U
あい
なし
スタイル
文字間
行高
サイズ
フォント
太さ
イタリック
下線
色
シャドウ
配置
文字組み
条件付きスタイル
1280px
Aa
1
1.5
2
2.5
3
2.1
<p>
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践してい
ます。チームのビジョンに共感し、共に前進できる仲間を探してい
ます。
?

>
コーポレートサイト
>
HOME
0
表示
配置 はみ出し
重ね順
廿
T
0
0
0
0
= 0
->
0
マージン
パディング
ギャップ
<div>
ボックス
モーション
横幅
なし
82%
+
+
ライブプレビュー
公開
auto
I
auto
1
縦幅
角丸
不透明度
塗り
枠線
シャドウ
選択色
1280px
h
חי
י
ין
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。チームのビジョンに共感し、 共に前進できる仲間を
探しています。
Suly 14 ne
条件付きスタイル
>
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
#
لك
T
<h2>
ボックス
テキスト
モーション
-
107% +
+
ライブプレビュー
公開
未設定
0
1.4
64
px
タイトル - 英字
700
I
U
=
あい
なし
スタイル
文字間
行高
サイズ
フォント
太さ
イタリック
下線
色
シャドウ
配置
文字組み
条件付きスタイル
1280px
ボックス
履歴
Ao
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。 チームのビジョンに共感し、共に前進できる仲間を
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
OD
Link
Page
URL
Text ▾
Search Page
Home
#remote
#craft
#product
ID
ボックスに固有のIDを設定できます。
キスト
IDをつけたボックスは、ページ内リン
クの目的地として指定できます。
AREERS
? 解説を見る
リンク
>
アクセシビリティ
<h2>
IDを入力
+
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
廿
<h2>
ボックス
テキスト
モーション
-
107% +
+
ライブプレビュー
公開
未設定
0
1.4
64
px
タイトル - 英字
700
I
U
=
あい
なし
スタイル
文字間
行高
サイズ
フォント
太さ
イタリック
下線
色
シャドウ
配置
文字組み
条件付きスタイル
1280px
ボックス
履歴
Ao
CAREERS
T Text ✓
タグ
ID?
テキスト
CAREERS
リンク
<h2>
section-title
ページまたは外部URL
#what-we-do
#what-we-do
لك
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。 チームのビジョンに共感し、共に前進できる仲間を
C
>
T
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
#service
C
#service
#news
C
#news
©
#careers
#careers
#section-title
#section-title
HOME
合
/
HOME
/#what-we-do
HOME
/#service
+
HOME
Itnows
?
c.

>
コーポレートサイト
>
| HOME
0
表示
配置
はみ出し
重ね順
#AREERS
ボックス
モーション
114% +
+
ライブプレビュー
公開
0
0
0
->
560
px
I
auto
16
1
0
マージン
横幅
縦幅
角丸
不透明度
塗り
枠線
シャドウ
1280px
T
したちは個のちからを最大限に活かしたチーム戦を実践し
ます。チームのビジョンに共感し、共に前進できる仲間を
ています。
>の自分と、未来の暮らしを
わたしたちと一緒につくりませんか?
<img>
1
1
1
H
色
スタイル
| ¦ ¦ |
--
1
Box
Img
なし
条件付きスタイル
?

>
コーポレートサイト
>
| HOME
0
表示
配置 はみ出し
重ね順
相対
絕對位置
廿
୮
追従
ボックス
モーション
89%
+
+
ライブプレビュー
公開
00
15
[ 0
->>
295 px
I
auto
✓ 8
1
0
マージン
パディング
ギャップ
横幅
縦幅
角丸
不透明度
塗り
枠線
シャドウ
選択色
1280px
32
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。チームのビジョンに共感し、 共に前進できる仲間を
探しています。
未来の自分と、未来の暮らしを
わたしたちとーりませんか?
<button>
O
T
00。
募集一覧をみる >
00
3517
なし
条件付きスタイル
タイトルテキストを入れ
~
?
h2見出しを入れる

>
コーポレートサイト
>
| HOME
32
ボックス
モーション
89%
+
+
ライブプレビュー
公開
0
00
15
[ 0
->>
295 px
I
auto
✓ 8
1
>
0
表示
配置
はみ出し
重ね
マージン
パディング
ギャップ
横幅
縦幅
角丸
不透明度
塗り
枠線
シャドウ
選択色
1280px
廿
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。チームのビジョンに共感し、 共に前進できる仲間を
探しています。
未来の自分と、未来の暮らしを
わたしたちとー
りませんか?
<button>
T
00°
募集一覧をみる >
00
O
カーソル
ホバー
ホバー
条件付きスタイル
フォーカス
クリック中
アニメーション
出現時
タイトルテキストを入れ
~
?
h2見出しを入れる

>
コーポレートサイト
>
HOME
0
表示
配置 はみ出し
重ね順
廿
0
80
0+
0
16 16
0
80
マージン
パディング
ギャップ
ボックス
モーション
97%
+
+
ライブプレビュー
公開
⇔
100 %
I
px
1
%
横幅
縦幅
角丸
不透明度
塗り
枠線
シャドウ
選択色
auto
flex
vh
dvh
CAREERS
T
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。 チームのビジョンに共感し、 共に前進できる仲間を
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
募集一覧をみる >
なし
条件付きスタイル
?

>
コーポレートサイト
>
HOME
0
表示
配置 はみ出し
重ね順
廿
T
ボックス
モーション
-
97%
X 0
px
X
1
X
0 deg
1
300
0
0
deg
Y
0 px
Y
1
Y
0 deg
不透明度
イージング
時間
遅延
移動
回転
スケール
傾き
原点
cubic-bezier (0.89, 0.37, 0, 1)
624px
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。 チームのビジョンに共感し、 共に前進できる仲間を
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
募集一覧をみる >
+
+
ライブプレビュー
公開
なし
条件付きスタイル
?
<

>
>
コーポレートサイト >
HOME
<section>
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。チームのビジョンに共感し、共に前進できる仲間を
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
募集一覧をみる >
デフォルト スモール タブレット モバイル
ミニ
1280px
h2見出しを入れる
タイトルテキストを入れ
る
本文のテキストを入れる。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青
いそら、
詳細を見る
新规登录
->
コメントモードを解除
uipo93322分前
とても良いデザインです!
36% +
+
ライブプレビュー
公開
ボタンのホバーステートを追加してくださ
い
uipo9332 1分前
本日中に対応します!
↑
Shift + Enter で改行
コメント
uipo9332 34 秒前
今回はこのセクション削除にて対応しましょう
HOME
uipo93321分前
とても良いデザインです!
ボタンのホバーステートを追加してください
HOME
||-
?

>
Live Preview
最新のデザインをリアルタイムに確認・共有
CAREERS
わたしたちは個のちからを最大限に活かしたチーム戦を実践し
ています。チームのビジョンに共感し、 共に前進できる仲間を
探しています。
未来の自分と、 未来の暮らしを
わたしたちと一緒につくりませんか?
募集一覧をみる >
スタート
h2見出しを入れる
タイトルテキストを入れ
る
本文のテキストを入れる。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青
いそら、
詳細を見る
20万円
自動保存
uipo9332
40分前
uipo9332
自動保存
>
現在のプランの保存期間は1日です。 これより前の履
歴は上位プランでのみ確認・復元が可能となります。
是非ご検討ください。
今すぐアップグレード
? 解説を見る
c.
?

/S
コーポレートサイト、
●ui-pocket-2.studio.site
フォーム
form1
現在のプラン
Free ▾
アップグレード
ホーム
CMS
フォーム
アナリティクス
プラン & お支払い
デザインエディタ
+
form1
未対応 3 対応中 0
完了
3
3 件の回答
Name
GAME POCK
2025/4/17 11:43
Name
WEB Pocket
GAME POCKET
Ul Pocket
Email
uipocket240@gmail.com
0
ゴミ箱 0
Message
お問い合わせフォーム送信テスト3
Confirm
✓
未対応
Q 検索
設定
回答日時
2025/4/17 11:43
未対応
対応中
2025/4/17 11:42
完了
ゴミ箱
2025/4/17 11:41
c.
?

デザイン
にする。
/Studio.Store
無料
有料
ランキング
カテゴリ
Q キーワードから探す
企業LOGO LO
NOGO
BtoB商材の標準LP
庄子功一
資料ダウンロードボタンを
BtoB COMPANY
Elevate your business
LP制作の効率化、
送信すると
こちらか
000-000-0000
まずは資料請求(無料)
フォームへご記入ください
時間短縮ができる
BtoB特化型テンプレート
会社も。
メールアドレス
してください
プライバシーポリシーの上、送信ください。
179410=80P
CERTA
サービス資料をダウンロード
資料ダウンロードページへ
画面遷移
BtoB COMPANY
CHROEN
資料をダウンロードする
弊社のサービスにって頂きありがとうございます。
下記のボタン、またはメールよりダウンロードください
資料をダウンロード(PDF)
←ートップへ戻る
※STUDIO標準機能ではPDFダウンロードが実装ができないため、
外部サービスを使用するか、 別の方法もあります。 説明欄でご紹介します。
000-000-0000
お問い合わせ
455
プレビュー v
¥7,980 で購入
プレビュー
エディターで試す
お問い合わせ送信後、サンクスページ
ご相談はこちらから
0000-000-000
お問い合わせ
BtoB COMPANY サービス特徴
導入事例
COMPANY
サービス導入事例
ご利用の流れ
よくある質問
平日9:00-17:00
お問い合わせ
Contact
弊社に興味を持って頂きありがとうございます。 ○○○○○サービスについてご相談やご
質問がある方は、下記のフォームよりお問い合わせください。 お電話からのご相談も承っ
ておりますのでご連絡ください。
お名前*
会社名*
株式会社○○○○
メールアドレス
sample@example.com
電話番号
売れるロジックを取り入れたBtoB向けテンプレート
このSTUDIOテンプレートは、株式会社才流さんの 「BtoB商材のLP (ランディングページ) の標準ワイヤーフレーム」からイ
ンスパイアされて制作しました。
ランディングページから訪問者にコンバージョンしてもらうために、 成功ポイントが詰まったワイヤーフレームとなっていま
す。
https://preview.studio.site/templates/9BmqMpYOXG
0000000000
お問い合わせ目的を教えてください
SNSでシェア
X
f
P
カテゴリ
お問
サービス資料を
BtoB Oh

Craft

< >
チーム運用ルール
無題
すべてのドキュメント
✓ タスク ✓ タスク
+
チーム共通
ホーム
チーム運用ルール
新しいドキュメント
Pocketのスペース
整理する
すべてのドキュメント
✓ タスク
■ カレンダー
お気に入り
図 マイテンプレート
公開コンテンツ
フォルダー
チーム共通
4
チームのミッション / バリュー
日 チーム運用
チーム運用ルール
よく使うリ
新しいドキュメント
新しいフォルダ
デザイン方
新しいタブで開く
リサーチ・イン
新しいウィンドウで開きます
>
Craft の使い方
ディープリンクをコピーする
並べ替え
移動先...
編集
削除
最近削除された項目
? ヘルプセンター
>
書類
フォルダ
テンプレート
このフォルダーは空です
=
P

× すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
議事錄
PJ-勤怠管理アプリ
x 今日, 4月1日 (火)
0 無題
すべてのドキュメント
4月
プレート
日
月
火
アリプロジェクトドキュメント
アプリプロジェクトドキュメント
36
30
31
プロダクト
ザ
7
8
プロダクトキックオフ
13
14
20 21
NG
15
用のドキュメント
22
3月25日(火)
たっ
27
28 29
20
4
5
6
ハンドブック
今日 2025/04/01
今日
水曜日 2025/04/02
+ デイリーノートを作成する
木曜日 2025/04/03
+ デイリーノートを作成する
金曜日 2025/04/04
+ デイリーノートを作成する
土曜日 2025/04/05
+ デイリーノートを作成する
カスタマイズ v
12:00
12:00
1150
1,4月1日 (火)
86
Re
2025年4月1日 >
SEE
+
8 共有
挿入 形式 スタイル 情報
日に予定されている
1876
1
ドキュメントとInboxから
画面ごとの機能要件を Notion にまとめる 受信トレイ
昨日
3月31日 類似サービスのUIリサーチ (最低3件)
3月31日 想定ユーザーのペルソナを1~2人分作成 受信トレイ
プロダクトの目的 KPIを整理
色
昨日
背景
昨日
この日
チームメンバー(PM/エンジニア) と初回キックオフ 受信トレイ
今日
->
+
Original
すべてのスタイル
+
ドキュメントの色
テキストのカラー
カバー
表紙画像
セパレータのスタイル
フォント
≡ ライン
+
Aa System
Ss
S$ 00 Rr
高度な設定
ワイドページ

< >
ホーム
ホーム
新しいドキュメント
ホーム
目 整理する
リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント
+
履歴
私と共有
Pocket のスペース
整理する
勤怠管理アプリプロジェクト
想定ユーザーのペルソナを作成
すべてのドキュメント
ドキュメント
する
Pocketのスペース
Pocketのスペース
✓ タスク
■ カレンダー
お気に入り
④ マイテンプレート
公開コンテンツ
フォルダー
プロジェクト概要
目的
従業員の日々の勤怠情報 (出勤退勤休憩など) を正確かつ効率
的に記録・管理できるアプリを開発する。
対象ユーザー
. スタートアップ企業
なぜペルソナを作るのか?
プロダクトのUXや機能の優先順位を決める際、 **「誰のために作っ
ているのか?」**を明確にするため。
ペルソナは完璧である必要はなく、 「仮説としてのユーザー像」をチ
ームで共有できていれば十分です。
eeeeeeeee
▽ ペルソナ作成チェックリスト
○ ユーザーの属性 (職業/年齢/ 環境など) を設定したか?
□ 課題やニーズがリアルな文脈で記述されているか?
○プロダクトを使うシーンがイメージできるか?
複数のユーザータイプがある場合、 代表的な1~2人に絞って
いるか?
「この人ならどう感じるか?」 を開発中にイメージしやすい粒度
3月30日 (日)
Pocket のスペース
▽ 今日のタスク
•
勤怠データの月次サマリー表示 (暫定UI)
• ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
• APIレスポンスタイム計測・最適化
昨日やったこと
✓ エラー表示の汎用コンポーネント完成
| Googleログインの異常系テスト完了
▽▼ Slack通知のタイミングを調整
通知
新しいド
アクティビティ
リマインダー ①
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
>
チーム共通
>
Craftの使い方
> 進行中プロジェクト
よく使うリンク集
> Q リサーチ・インプット
フルリモート勤務者
勤怠管理が煩雑になりがちな少人数チーム
ユーザーインタビューを行う
要件定義
ワイヤーフレーム作成
タスク一覧
#
タスク名
担当者
ステー
3月29日 (土)
Pocketのスペース
✓ 今日のタスク
勤怠データの月次サマリー表示 (暫定 UI)
ユーザーごとの履歴エクスポート機能
今日, 4月1日 (火)
Pocketのスペース
今日の予定 (チーム)
▼ 今日のタスク
• 出退勤打刻のエラーハンドリング追加
UIコンポーネント (休憩ボタン) モバイル対応
● 勤怠履歴のCSV出力ロジック確認
Slack通知のタイミング見直し
Pull Request #32 のレビュー対応
3月28日 (金)
Pocketのスペース
▼ 今日のタスク
昨日やったこと
V 出勤退勤 APIのバリデーション処理を実装
✓ Figma で管理者画面の検索UI作成
| テストデータ (3ユーザー分) を追加
•
勤怠データの月次サマリー表示 (暫定UI)
.
ユーザーごとの履歴エクスポート機能
•
エラートーストのデザイン微調整
•
APIレスポンスタイム計測 最適化
エラートーストのデザイン微調整
APIレスポンスタイム計測 最適化
!
締切が近づいています
5日前
1件のタスクが今日の締切です。
プロダクトの目的 KPI を整理する
昨日やったこと
V✓ エラー表示の汎用コンポーネント完成
▼▽ Google ログインの異常系テスト完了
▼ Slack 通知のタイミングを調整
▼ Slack通知のタイミングを調整
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
昨日やったこと
マエラー表示の汎用コンポーネント完成
▽ Googleログインの異常系テスト完了
✓ Slack通知のタイミングを調整
気づき・改善点
Slack通知の分岐条件がやや複雑仕様簡略化を検討
勤怠履歴の日付ソートが一部崩れているロジック修正予定
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声ありUI再検討 ?
気づき・改善点
昨日, 3月 31日 (月)
最近削除された項目
Pocketのスペース
|
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
? ヘルプセンター
▽ 今日のタスク
プロダクト開発キックオフ議事
Next.js と Supabase を使った
プロジェクトを始める方法
Pocket のスペース
P

< >
ホーム
ホーム
新しいドキュメント
ホーム
整理する
リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント +
履歴
私と共有
Pocket のスペース
リマインダーを作成
新しいドキュメン
デザイン MTG 準備|
後で見るように保存
20分で
整理する
勤怠管理アプリプロジェクト
すべてのドキュメント
ドキュメント
想定ユーザーのペルソナを作成
する
3月30日 (日)
Pocket のスペース
Pocketのスペース
Pocketのスペース
✓ タスク
▼ 今日のタスク
1時間以内
3時間以内
明日
•
なぜペルソナを作るのか?
カレンダー
お気に入り
プロダクトのUXや機能の優先順位を決める際、 **「誰のために作っ
ているのか?」を明確にするため。
• ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
ペルソナは完璧である必要はなく、 「仮説としてのユーザー像」をチ
ームで共有できていれば十分です。
• APIレスポンスタイム計測・最適化
④ マイテンプレート
eeeeeeeee
✓ ペルソナ作成チェックリスト
昨日やったこと
公開コンテンツ
○ ユーザーの属性 (職業/年齢/ 環境など) を設定したか?
• ✓ エラー表示の汎用コンポーネント完成
| Google ログインの異常系テスト完了
▼ Slack通知のタイミングを調整
勤怠データの月次サマリー表示 (暫定UI)
•
来週
カスタム...
後で見るように保存
▽ Google ログインの異常系テスト完了
▼ Slack 通知のタイミングを調整
フォルダー
>
チーム共通
>
Craft の使い方
プロジェクト概要
目的
従業員の日々の勤怠情報 (出勤退勤休憩など) を正確かつ効率
的に記録・管理できるアプリを開発する。
対象ユーザー
. スタートアップ企業
フルリモート勤務者
勤怠管理が煩雑になりがちな少人数チーム
ユーザーインタビューを行う
要件定義
ワイヤーフレーム作成
進行中プロジェクト
よく使うリンク集
タスク一覧
> Q リサーチ・インプット
#
タスク名
● 担当者
ステー
3月29日 (土)
Pocketのスペース
○ 課題やニーズがリアルな文脈で記述されているか?
○プロダクトを使うシーンがイメージできるか?
複数のユーザータイプがある場合、 代表的な1~2人に絞って
いるか?
「この人ならどう感じるか?」 を開発中にイメージしやすい粒度
今日, 4月1日 (火)
Pocketのスペース
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
今日の予定 (チーム)
▼ 今日のタスク
• 出退勤打刻のエラーハンドリング追加
UIコンポーネント (休憩ボタン) モバイル対応
● 勤怠履歴のCSV出力ロジック確認
Slack通知のタイミング見直し
Pull Request #32 のレビュー対応
3月28日 (金)
Pocket のスペース
▼ 今日のタスク
3月26日 (水)
Pocketのスペース
今日のタスク
勤怠データの月次サマリー表示 (暫定 UI)
•
ユーザーごとの履歴エクスポート機能
. エラートーストのデザイン微調整
.
APIレスポンスタイム計測 最適化
•
勤怠データの月次サマリー表示 (暫定UI)
.
ユーザーごとの履歴エクスポート機能
•
エラートーストのデザイン微調整
✓ 今日のタスク
勤怠データの月次サマリー表示 (暫定UI)
ユーザーごとの履歴エクスポート機能
昨日やったこと
V 出勤退勤 APIのバリデーション処理を実装
✓ Figma で管理者画面の検索UI作成
| テストデータ (3ユーザー分) を追加
• APIレスポンスタイム計測・最適化
エラートーストのデザイン微調整
APIレスポンスタイム計測 最適化
昨日やったこと
V✓ エラー表示の汎用コンポーネント完成
▽ Google ログインの異常系テスト完了
▼ Slack 通知のタイミングを調整
一昨日やったこと
マ✓ エラー表示の汎用コンポーネント完成
▽ Google ログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
昨日やったこと
マエラー表示の汎用コンポーネント完成
▽ Googleログインの異常系テスト完了
✓ Slack通知のタイミングを調整
気づき・改善点
Slack通知の分岐条件がやや複雑仕様簡略化を検討
勤怠履歴の日付ソートが一部崩れているロジック修正予定
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
昨日, 3月 31日 (月)
最近削除された項目
Pocketのスペース
|
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
? ヘルプセンター
▽ 今日のタスク
プロダクト開発キックオフ議事
Next.js と Supabase を使った
プロジェクトを始める方法
Pocketのスペース
P

< >
ホーム
ホーム
新しいドキュメント
Pocket のスペース
Pocket Craft
Pocketのスペース
パーソナル
+ 新しいチームを作成
☆ お気に入り
④ マイテンプレート
公開コンテンツ
フォルダー
>
チーム共通
>
Craftの使い方
> 進行中プロジェクト
+
+
ホーム
整理する
リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント +
履歴
私と共有
勤怠管理アプリプロジェクト
ドキュメント
想定ユーザーのペルソナを作成
する
3月30日 (日)
Pocket のスペース
Pocketのスペース
Pocketのスペース
目的
プロジェクト概要
従業員の日々の勤怠情報 (出勤退勤休憩など) を正確かつ効率
的に記録・管理できるアプリを開発する。
対象ユーザー
. スタートアップ企業
フルリモート勤務者
勤怠管理が煩雑になりがちな少人数チーム
ユーザーインタビューを行う
③ 要件定義
ワイヤーフレーム作成
タスク一覧
よく使うリンク集
> Q リサーチ・インプット
#
あぁ タスク名
● 担当者
ステー
3月29日 (土)
Pocketのスペース
✓ 今日のタスク
勤怠データの月次サマリー表示 (暫定UI)
ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
APIレスポンスタイム計測・最適化
新しいドキュメント
○ テンプレート
残り4日
3月27日(木)
Pocketのスペース
▼ 今日のタスク
.
勤怠データの月次サマリー表示 (暫定UI)
ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
APIレスポンスタイム計測・最適化
▽ 今日のタスク
•
勤怠データの月次サマリー表示 (暫定UI)
.
なぜペルソナを作るのか?
•
ユーザーごとの履歴エクスポート機能
プロダクトのUXや機能の優先順位を決める際、 **「誰のために作っ
ているのか?」**を明確にするため。
エラートーストのデザイン微調整
• APIレスポンスタイム計測・最適化
ペルソナは完璧である必要はなく、 「仮説としてのユーザー像」をチ
ームで共有できていれば十分です。
eeeeeeeee
▽ ペルソナ作成チェックリスト
○ ユーザーの属性(職業/年齢/ 環境など) を設定したか?
○課題やニーズがリアルな文脈で記述されているか?
○プロダクトを使うシーンがイメージできるか?
複数のユーザータイプがある場合、 代表的な1~2人に絞って
いるか?
「この人ならどう感じるか?」 を開発中にイメージしやすい粒度
今日, 4月1日 (火)
Pocketのスペース
•
昨日やったこと
V エラー表示の汎用コンポーネント完成
| Googleログインの異常系テスト完了
▼ Slack通知のタイミングを調整
•
昨日やったこと
マ✓ エラー表示の汎用コンポーネント完成
•
▼ Googleログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき 改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
今日の予定 (チーム)
▼ 今日のタスク
• 出退勤打刻のエラーハンドリング追加
UIコンポーネント (休憩ボタン) モバイル対応
● 勤怠履歴のCSV出力ロジック確認
Slack通知のタイミング見直し
3月28日 (金)
Pocket のスペース
▼ 今日のタスク
Pull Request #32 のレビュー対応
昨日やったこと
V✓ 出勤退勤 APIのバリデーション処理を実装
✓ Figma で管理者画面の検索UI作成
| テストデータ (3ユーザー分) を追加
3月26日 (水)
Pocketのスペース
▽ 今日のタスク
勤怠データの月次サマリー表示 (暫定 UI)
•
ユーザーごとの履歴エクスポート機能
. エラートーストのデザイン微調整
.
APIレスポンスタイム計測 最適化
•
勤怠データの月次サマリー表示 (暫定UI)
.
ユーザーごとの履歴エクスポート機能
•
エラートーストのデザイン微調整
•
APIレスポンスタイム計測・最適化
昨日やったこと
V✓ エラー表示の汎用コンポーネント完成
▼▽ Google ログインの異常系テスト完了
▼ Slack通知のタイミングを調整
一昨日やったこと
✓ エラー表示の汎用コンポーネント完成
▽ Google ログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
昨日やったこと
マエラー表示の汎用コンポーネント完成
▽ Googleログインの異常系テスト完了
✓ Slack通知のタイミングを調整
気づき・改善点
Slack通知の分岐条件がやや複雑仕様簡略化を検討
勤怠履歴の日付ソートが一部崩れているロジック修正予定
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
昨日, 3月 31日 (月)
最近削除された項目
Pocketのスペース
|
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
? ヘルプセンター
▽ 今日のタスク
プロダクト開発キックオフ議事
Next.js と Supabase を使った
プロジェクトを始める方法
Pocketのスペース
P

ホーム
チーム設定
6 新しいドキュメント
Spaces Settings
Gp
Game Pocket ✓
結合されたスペース
整理する
すべてのドキュメント
タスク
カレンダー
Gp
Game Pocket
お気に入り
P
マイテンプレート
公開コンテンツ
フォルダー
>
Craft の使い方
ヘルプセンター
Gr
スペースを移動
+
スペースを残す
新しいスペース
8088=
作成
数分前

< >
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント □ 議事錄
勤怠管理アプリプロジェクトドキュメント
8 共有
進行中プロジェクト >PJ-勤怠管理アプリ プロジェクト概要 >
勤怠管理アプリプロジェクトドキュ・・・
插入
勤怠管理アプリプロジェクトドキュメント
任意の項目をドキュメントにドラッグアンドドロップ
します。
+
ああ
プロジェクト概要
Q 探す
提案
目的
C
•
従業員の日々の勤怠情報 (出勤退勤 休憩など) を正確かつ効率的に記録・管理できるアプリを開発する
タスクリスト
スマートリ･･･
キャプション 折りたたみ・・・
対象ユーザー
• スタートアップ企業
• フルリモート勤務者
•
勤怠管理が煩雑になりがちな少人数チーム
タスク一覧
H2
サブタイトル
ページ
コレクション ホワイトボ･･･
リッチブロック
コレクション
表
スマートリ･･･ ホワイトボ・・・・
表
新しいビュー +
1 // My list
vary="cra
const x=cr
✓X
#
ああ タスク名
担当者
ステータス
期日
T
y = "foo"
コードブロ・・・
式
1
要件定義
山田 五条
進行中
4月 32025
2
ログイン機能 (Google)
佐藤
完了
4月82025
ク
ネストされたコンテンツ
3
UIデザイン (打刻画面)
鈴木 五条
4 管理者ダッシュボード
鈴木 竹下
未着手
未着手
4月22 2025
ページ
カード
4月28 2025
セパレータ
LO
テスト項目作成
佐藤鈴田竹下
未着手
4月 30 2025
+
NOT EMPTY 5
極薄
薄い
レギュラー
強調
②

< >
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
□ 議事錄
勤怠管理アプリプロジェクトドキュメント
+
8 共有
目的
挿入 形式 スタイル 情報
勤怠管理アプリプロジェクトドキ･･･
10 時間前
従業員の日々の勤怠情報 (出勤・退勤・ 休憩など) を正確かつ効率的に記録・管理できるアプ
IBBLY
平に記録管理できる//リを開発する。
対象ユーザー
ページ情報
アクション
• スタートアップ企業
!!!
目次
フルリモート勤務者
勤怠管理が煩雑になりがちな少人数チーム
勤怠管理アプリプロジェクトドキュメ・・・
タスク一覧
Q ページ内を検索
HF
Q クイック起動
O
アシスタントを開く
プロジェクト概要
#
あぁ タスク名
◇ 担当者
ス
旨
1
回 要件定義
山田
五条
進
タスク一覧
2
ログイン機能 (Google)
佐藤
完 になりがちな少人数チーム
+
コメントを追加する
M
3
UIデザイン (打刻画面)
鈴木
五条
未
目 要件定義
4
管理者ダッシュボード
鈴木 竹下
未
勤怠管理アプリプロジェクトドキュメ・・・
5
テスト項目作成
佐田 竹下
未
グループ
HG
グループ解除
G
各種ドキュメント
项目
内容
目 UIコンポーネント構成
プロジェクト名
目的
勤怠管理アプリ開発プロジェクト
勤怠の打刻 管理を簡単にし、作業交
↑
上に移動
↑
目 テスト観点
#
ああ タスク名
担当者
◎ ステータス
期日
↓ 下に移動
481
KPI / 成果指標 (軽め)
先頭行に移動
↑
1
要件定義
山田 五条
進行中
4月 32025
最終行に移動
TOH↓
2
ログイン機能 (Google)
佐藤
完了
4月 82025
新しいドキュメントに移動
デイリーノートに移動
^N
3 UIデザイン (打刻画面)
鈴木 五条
管理者ダッシュボード
鈴木 竹下
LO
5
テスト項目作成
佐藤鈴田竹下
未着手
未着手
未着手
4月22 2025
4月28 2025
あ ビューの名前を変更
カット
HX
4月 30 2025
コピー
C
+
NOT EMPTY 5
Markdown
標準テキスト
ディープリンクをコピーする
1+%L
Markdown ディープリンクをコピーする
4+ 現在のビューを複製
HD
項目
内容
プロジェクト名
勤怠管理アプ
目的
勤怠の打刻・管理を簡単にし、作業効率を向
削除

< >
勤怠管理アプリプロジェクトドキュメント
目 アクセスのリクエスト
勤怠管理アプリプロジェクトドキュメント
+
8 共有
勤怠管理アプリプロジェクトドキュメント
挿入 形式 スタイル 情報
ホーム
新しいドキュメント
プロジェクト概要
任意の項目をドキュメントにドラッグアンドドロップ
します。
Pocket のスペース
目的
Q 探す
整理する
すべてのドキュメント
従業員の日々の勤怠情報 (出勤・退勤・休憩など) を正確かつ効率的に記録・管理できるアプリを
開発する。
提案
✓ タスク
■ カレンダー
お気に入り
対象ユーザー
•
スタートアップ企業
マイテンプレート
● フルリモート勤務者
• 勤怠管理が煩雑になりがちな少人数チーム
公開コンテンツ
フォルダー
コレクション
進行中プロジェクト
表 +
PJ-UI Pocket
PJ-勤怠管理アプリ
議事錄
> プロジェクト概要
#
ああ 表題
編集フィールド
□ 画面構成・設計
2
ああ
タスク名 |
□ UIデザイン関連
3
□ 開発連携メモ
タイプ
TODO & スケジュール
+
圖表題
PJ-ノートアプリ作成
□ プロジェクト概要
タイトルのタイプは変更できません。 各アイテム
の識別子として機能します。
チーム共通
よく使うリンク集
> Q リサーチ・イ
> Craftの使い方
キャンセル
適用する
コレクション ホワイトボ･･･ タスクリスト
画像
カード
ページ
表
ファイル
リッチブロック
コレクション
表
スマートリ･･･
ホワイトボ･･･
タグ
+
1 // My list
const x = cr
vary="cra
✓X
y += "foo"
コードブロ・・・
式
ネストされたコンテンツ
ページ
カード
セパレータ
極薄
薄い
レギュラー
強調

< >
勤怠管理アプリプロジェクトドキュメント
アクセスのリクエスト
勤怠管理アプリプロジェクトドキュメント
8 共有
勤怠管理アプリプロジェクトドキュメント
挿入 形式 スタイル 情報
ホーム
新しいドキュメント
プロジェクト概要
任意の項目をドキュメントにドラッグアンドドロップ
します。
Pocketのスペース
目的
Q 探す
整理する
すべてのドキュメント
従業員の日々の勤怠情報 (出勤退勤 休憩など) を正確かつ効率的に記録・管理できるアプリを
開発する。
提案
タスク
カレンダー
お気に入り
対象ユーザー
•
スタートアップ企業
④ マイテンプレート
公開コンテンツ
● フルリモート勤務者
• 勤怠管理が煩雑になりがちな少人数チーム
フォルダー
コレクション
v 進行中プロジェクト
表 +
PJ-UI Pocket
PJ-勤怠管理アプリ
#
ああ タスク名
議事錄
1
> プロジェクト概要
□ 画面構成・設計
2
□ UIデザイン関連
3
□ 開発連携メモ
TODO & スケジュール
+
PJ-ノートアプリ作成
プロジェクト概要
チーム共通
よく使うリンク集
> Q リサーチ・イ
> Craftの使い方
コレクション ホワイトボ･･･
タスクリスト
画像
カード
ページ
表
ファイル
リッチブロック
コレクション
表
スマートリ･･･
ホワイトボ･･･
担当者
+
フィールドを追加
ステータス
にオプションを追加
ステータス
タイプ
単一選択
可能な値
+ 付加価値をつける
未着手
A
キャンセル
追加
セパレーツ
極薄
薄い
レギュラー
強調
キャンセル
追加

< >
勤怠管理アプリプロジェクトドキュメント
アクセスのリクエスト
勤怠管理アプリプロジェクトドキュメント
+
8 共有
勤怠管理アプリプロジェクトドキュメント
挿入 形式 スタイル 情報
ホーム
新しいドキュメント
プロジェクト概要
任意の項目をドキュメントにドラッグアンドドロップ
します。
Pocket のスペース v
目的
Q 探す
整理する
すべてのドキュメント
従業員の日々の勤怠情報 (出勤退勤 休憩など) を正確かつ効率的に記録・管理できるアプリを
開発する。
提案
✓ タスク
対象ユーザー
カレンダー
コレクション
ホワイトボ･･･
タスクリスト
画像
•
お気に入り
スタートアップ企業
○ マイテンプレート
•
フルリモート勤務者
公開コンテンツ
• 勤怠管理が煩雑になりがちな少人数チーム
カード
ページ
表
ファイル
フォルダー
リッチブロック
コレクション
進行中プロジェクト
PJ-UI Pocket
表 +
コレクション
表
スマートリ･･･
ホワイトボ･･･
PJ-勤怠管理アプリ
#
ああ タスク名
担当者
ステータス
期日
議事錄
1
要件定義
山田
五条
進行中
4月 32025
> プロジェクト概要
1 // My list
const x = cr
vary="cra
y += "foo"
コードブロ・・・
✓X
式
□ 画面構成・設計
2
ログイン機能 (Google)
佐藤
完了
4月82025
ネストされたコンテンツ
□ UIデザイン関連
3
UIデザイン (打刻画面)
鈴木 五条
未着手
4月22 2025
□ 開発連携メモ
4
TODO & スケジュール
管理者ダッシュボード
鈴木 竹下
未着手
4月28 2025
ページ
カード
PJ-ノートアプリ作成
n
テスト項目作成
佐鈴田竹下
未着手
4月 30 2025
セパレータ
□ プロジェクト概要
+
計算する
計算する
すべてを数える
計算する
>
チーム共通
空の値を数える
なし
よく使うリンク集
空ではない値を数える
極薄
薄い
レギュラー
強調
個数
>
カウント値
> Q リサーチ・イ
パーセント
>
一意の値を数える
Craftの使い方

円
ホー
6 新し
Poc
整理
すべ
✓ タス
カレ
お気
マイ
公開
フォルダー
プロジェ... > PJ-勤怠... > 進行中プ...
> 勤怠管理アプリ プロジ... >
コレ...
> 要...
> Whiteboard
61%
出勤打刻
▶退勤打刻
休憩開始/終了
↓
勤怠履歴 打刻データ記録 CSV出力
↑
↓
管理者UI 承認/修正 給与システム連携 (将来的に)
出勤打刻
退勤打刻
休憩開始/終了
勤怠管理システ
概要 ①
チ
よ
> Qリ
勤怠履歴
>
Cr
目
最近
③ ヘル
管理者UI
S
M
L XL
打刻データ記録
CSV出力
承認 / 修正
21 Pencil
Eraser
Highlight
Laser
Media
□A

ホー
新し
Poc
整理
すべ
✓ タス
カレ
☆
お気
マイ
公開
フォルダー
チ
.
よ
> Q リ
>
Cri
最近
③ ヘル
•
プロジェ... > PJ-勤怠.... > 進行中プ...
> 勤怠管理アプリプロジ...
>
コレ...
> 要...
> Whiteboard
出勤打刻
▶退勤打刻
休憩開始/終了
↓
↓
勤怠履歴 ← 打刻データ記録 CSV出力
↑
↓
管理者UI 承認/修正 給与システム連携 (将来的に)
61%
バックグラウンド
GRID
空白
リーガルパッ
ド
青写真
カードストッ
ク
空白
ドットグリッ
ド
出勤打刻
退勤打刻
休憩開始/終了
勤怠管理システ
概要 ①
スクエア
リニア
勤怠履歴
打刻データ記録
CSV出力
給与システム連携(将
管理者UI
承認/修正
来的に)
S
M
L
XL
□A
設定
スマートアライン

< >
ホーム
新しいドキュメント
Pocketのスペース
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
議事錄
勤怠管理アプリプロジェクトドキュメント
+
8 共有
整理する
各種ドキュメント
すべてのドキュメント
✓ タスク
■ カレンダー
お気に入り
④ マイテンプレート
公開コンテンツ
フォルダー
> 進行中プロジェクト
●
勤怠履歴リスト
>
チーム共通
UIコンポーネント構成
打刻ボタン (出勤 / 退勤 / 休憩)
• 日付&時間表示エリア
編集・削除アイコン
よく使うリンク集
●
エラーメッセージコンポーネント
管理者向けフィルタ 検索バー
> Q リサーチ・インプット
>
Craftの使い方
最近削除された項目
? ヘルプセンター
テスト観点
M 正常系
•
出勤→休憩→退勤の流れが問
く記録される
°
管理者画面で社員Aの勤怠を
田
...
挿入 形式 スタイル 情報
ネストされたコンテンツ
ページ
カード
セパレータ
極薄
薄い
レギュラー
強調
ページ区切り
メディア
画像
Unsplash
ファイル
リスト
>
1.
2.
i
3.
箇条書きリ･･･ タスクリスト 折りたたみ・・・ 番号付きり･･･
テキストスタイル
H1
H2
H3
S
タイトル
サブタイトル 見出し
強調
P
C
本文
キャプション

< >
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
□ 議事錄
勤怠管理アプリプロジェクトドキュメント
+
8 共有
ああ タスク名
担当者
ステータス
- 期日
挿入 形式 スタイル 情報
ホーム
新しいドキュメント
1
要件定義
山田 五条
進行中
4月 32025
ネストされたコンテンツ
2
ログイン機能 (Google)
佐藤
完了
4月82025
Pocketのスペース
3
UIデザイン (打刻画面)
整理する
鈴木 五条
すべてのドキュメント
4 管理者ダッシュボード
鈴木 竹下
✓ タスク
■ カレンダー
お気に入り
④ マイテンプレート
ⓒ 公開コンテンツ
フォルダー
> 進行中プロジェクト
LO
5
テスト項目作成
佐藤鈴田竹下
未着手
未着手
未着手
4月22 2025
ページ
カード
4月28 2025
セパレータ
4月 30 2025
+
NOT EMPTY 5
極薄
薄い
レギュラー
強調
+
項目
内容
プロジェクト名
勤怠管理アプリ開発プロジェクト
>
チーム共通
アシスタント
「刻・管理を簡単にし、 作業効率を向
よく使うリンク集
リスト
> Q リサーチ・インプット
ああ テキストスタイル
> 、リモートワーカー、スタートア
>
Craftの使い方
ページ区切り
メディア
画像
Unsplash
ファイル
リスト
最近削除された項目
? ヘルプセンター
⌘ アクション
装飾
☆色
≡ インデント
三配置
>
> 勤・退勤・休憩)、 履歴表示、CSV出
>承認
>対応、Googleアカウント認証、(将
>
lack連携 )
3
箇条書きり･･･ タスクリスト 折りたたみ・・・
テキストスタイル
七
FL
→
H1
H2
H3
1.
2.
i
3.
番号付きり･･･
S
タイトル
サブタイトル
見出し
強調
P
C
本文
キャプション

< >
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント □ 議事錄
勤怠管理アプリプロジェクトドキュメント
+
8 共有
項目
内容
挿入 形式 スタイル 情報
ホーム
6 新しいドキュメント
プロジェクト名
勤怠管理アプリ開発プロジェクト
ネストされたコンテンツ
目的
Pocket のスペース v
勤怠の打刻・管理を簡単にし、 作業効率を向
上させる
整理する
想定ユーザー
すべてのドキュメント
小規模企業、リモートワーカー、スタートア
ップ
ページ
カード
セパレータ
✓ タスク
■ カレンダー
主な機能
打刻 (出勤・退勤・休憩)、 履歴表示、 CSV出
力、管理者承認
お気に入り
利用環境
マイテンプレート
モバイル対応、Googleアカウント認証、(将
来的に Slack 連携 )
極薄
薄い
レギュラー
強調
公開コンテンツ
フォルダー
> 進行中プロジェクト
>
チーム共通
○質問するか、以下のオプションを選択してください
よく使うリンク集
> Q リサーチ・インプット
>
Craftの使い方
書き続ける
要約する
スペルと文法を修正する
文章を改善する
最近削除された項目
? ヘルプセンター
アクション項目を見つける
GPT-40 v
•
M 正常系
出勤→休憩→退勤の流れが問
く記録される
•
管理者画面で社員Aの勤怠を
ページ区切り
メディア
画像
Unsplash
ファイル
リスト
1.
>
2.
i
3.
箇条書きリ･･･ タスクリスト
折りたたみ・・・
番号付きり･･･
テキストスタイル
H1
H2
H3
S
タイトル
サブタイトル 見出し
強調
P
C
本文
キャプション

< >
ホーム
新しいドキュメント
Pocketのスペース
整理する
すべてのドキュメント
✓ タスク
■ カレンダー
議事錄
勤怠管理アプリプロジェクトドキュメント
+
8 共有
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
記録される
•
管理者画面で社員Aの勤怠を
お気に入り
© KPI / 成果指標 (軽め)
B If <>
✓
○ マイテンプレート
ⓒ 公開コンテンツ
フォルダー
> 進行中プロジェクト
社員1人あたりの月間打刻成功率95%以上
打刻~反映までのレスポンス時間500ms以内
初期導入企業数 (社内・外) 5社以上 (3ヶ月以内)
>
チーム共通
よく使うリンク集
> Q リサーチ・インプット
>
Craftの使い方
最近削除された項目
? ヘルプセンター
円
挿入 形式 スタイル 情報
ネストされたコンテンツ
ページ
カード
セパレータ
極薄
ページ区切り
メディア
薄い
レギュラー
画像
Unsplash
ファイル
リスト
>
強調
1.
2.
i
3.
箇条書きリ･･･ タスクリスト 折りたたみ・・・ 番号付きり･･･
テキストスタイル
H1
H2
H3
S
タイトル
サブタイトル 見出し
強調
P
C
->
本文
キャプション

< >
ホーム
新しいドキュメント
Pocket のスペース v
整理する
すべてのドキュメント
✓ タスク
カレンダー
お気に入り
④ マイテンプレート
公開コンテンツ
フォルダー
> 進行中プロジェクト
>
チーム共通
よく使うリンク集
> Q リサーチ・インプット
>
Craftの使い方
最近削除された項目
? ヘルプセンター
議事録
勤怠管理アプリプロジェクトドキュメント
+
8 共有
すべてのドキュメント
勤怠管理アプリプロジェクトドキュメント
記録される
•
管理者画面で社員Aの勤怠を
© KPI / 成果指標 (軽め)
社員1人あたりの月間打刻成功率
打刻~反映までのレスポンス時間
初期導入企業
95%以上
500ms以内
コメント
他社の値をもとに算出 example.com
B
I
S
</>
挿入 形式 スタイル 情報
ネストされたコンテンツ
ページ
カード
セパレータ
極薄
薄い
レギュラー
強調
ページ区切り
×
メディア
画像
Unsplash
ファイル
リスト
1.
>
2.
3.
箇条書きリ･･･ タスクリスト
折りたたみ・・・
番号付きり･･･
テキストスタイル
H1
H2
H3
S
タイトル
サブタイトル 見出し
強調
P
C
本文
キャプション

ホーム
新しいドキュメント
■ 今日, 4月1日 (火)
3月25日 (火)
Next.js と Supabase を使ったプロジェクトを始め
Knowledge Hub
プロダクトの目的 KPI を整理する
+
共有
Pocketのスペース v
挿入 形式 スタイル 情報
これで、Supabase のデータベースから投稿を取得し、ページに表示できるようになりました。
サブタイトル
ページ
コレクション
ホワイトボ･･･
リッチブロック
コレクション
表
スマートリ・・・
ホワイトボ･･･
ネストされたコンテンツ
この記事では、Next.js と Supabase を使ってプロジェクトをセットアップし、簡単な認証とデ
ータベース接続の機能を実装しました。 これをベースにさらにブログの機能を拡張することがで
きます。
1 // My list
const x = cr
var y = "crat
✓X
y = "foo"
コードブロ・・・
式
整理する
結論
すべてのドキュメント
✓ タスク
カレンダー
お気に入り
○ マイテンプレート
公開コンテンツ
フォルダー
> 進行中プロジェクト
>
チーム共通
よく使うリンク集
> Q リサーチ・インプット
>
Craft の使い方
最近削除された項目
? ヘルプセンター
月
U
A
自動
大
塗りつぶし
合わせる
④ ダウンロード
*←
自
リマインド...
ページ
カード
セパレータ
極薄
薄い
レギュラー
ページ区切り
メディア
>
Design/Unsplash
画像
Unsplash
ファイル
このブロックへのリンクをコピー
削除
+
リスト
強調
>
2.
3.
箇条書きリ･･･ タスクリスト
折りたたみ... 番号付きリ････

ホーム
新しいドキュメント
Pocket のスペース
整理する
すべてのドキュメント
✓ タスク
カレンダー
お気に入り
マイテンプレート
+ 公開コンテンツ
フォルダー
> 進行中プロジェクト
すべてのドキュメ [ 勤怠管理アプリプ A 議事錄
PJ-勤怠管理アプリ
今日, 4月1日 (火)
勤怠管理アプリプロジェクトドキュメント
進行中プロジェクト > PJ-勤怠管理アプリ プロジェクト概要 > 勤怠管理アプリ プロジェクトドキュ...
共有
>
チーム共通
よく使うリンク集
> Q リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント
>
Craftの使い方
プロジェクト概要
無題
共有
uipocket241@gmail.com
招待 uipocket241@gmail.com
タップして招待します
編集者
背景
ドキュメントの色
テキストのカラー
カバー
表紙画像
セパレータのスタイル
=
パターン
招待する
和紙テープ
目的
フォント
従業員の日々の勤怠情報 (出勤退勤・休憩など) を正確かつ効率的に記録・管理できるアプ
リを開発する。
Aa System
Ss
00
Rr
対象ユーザー
高度な設定
ワイドページ
最近削除された項目
• スタートアップ企業
? ヘルプセンター
フルリモート勤務者
○勤怠管理が煩雑になりがちな少人数チーム
トー

ホーム
新しいドキュメント
Pocketのスペース
整理する
すべてのドキュメント
✓ タスク
カレンダー
お気に入り
④ マイテンプレート
ⓒ 公開コンテンツ
フォルダー
> 進行中プロジェクト
すべてのドキュメ
[ 勤怠管理アプリプ
議事錄
PJ-勤怠管理アプリ ■ 今日, 4月1日 (火)
勤怠管理アプリプロジェクトドキュメント
進行中プロジェクト > PJ-勤怠管理アプリ > プロジェクト概要 > 勤怠管理アプリ プロジェクトドキュ...
共有
>
チーム共通
よく使うリンク集
> Q リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント
>
Craft の使い方
プロジェクト概要
無題
共有
uipocket241@gmail.com |
編集者
招待する
ビューア
閲覧とコメントが可能
編集者
ントの色
編集やコメントができる
トのカラー
カバー
表紙画像
セパレータのスタイル
=
和紙テープ
パターン
目的
フォント
従業員の日々の勤怠情報 (出勤退勤・休憩など) を正確かつ効率的に記録・管理できるアプ
リを開発する。
Aa System
Ss
00
80 Rr
対象ユーザー
高度な設定
ワイドページ
最近削除された項目
• スタートアップ企業
? ヘルプセンター
フルリモート勤務者
。 勤怠管理が煩雑になりがちな少人数チーム
トー

< >
■ 今日, 4月1日 (火) 囲 3月25日 (火)
整理する
Knowledge Hub
プロダクトの目的 KPI を整理する
P
ホーム
新しいドキュメント
勤怠管理アプリプロジェクト
ドキュメント
目的
プロジェクト概要
Pocketのスペース
従業員の日々の勤怠情報 (出勤退勤・休憩など) を正確かつ効率的に記録・管理で
きるアプリを開発する。
対象ユーザー
スタートアップ企業
整理する
● フルリモート勤務者
•
勤怠管理が煩雑になりがちな少人数チーム
すべてのドキュメント
✓ タスク
カレンダー
今日
お気に入り
最初のタスク
マイテンプレート
2番目のタスク
3番目のタスク
Next.js と Supabase を使った
プロジェクトを始める方法
公開コンテンツ
フォルダー
>
チーム共通
Supabase は、 Firebase に代わるオープンソースのバックエンドサービスです。 デ
ータベース、認証、 リアルタイム通信などを提供し、 PostgreSQLをベースにしたス
ケーラブルなバックエンドを簡単に構築できることが特徴です。 特に、 データベース
管理が簡単で、 API や認証機能も自動的に生成されるため、 開発者にとって非常に使
いやすいプラットフォームです。
4
Knowledge Hub
Personal Finance
Management
My Knowledge Collection
この記事では、 Next.js と Supabase を使って、 技術ブログ向けのデモプロジェクト
をセットアップする方法を紹介します。
あぁ 表
@ Topic of Interest Type
® Cre
Budget Overview
1
Book
Supabase とは?
表
T Jan
T Feb
T Mar
2
Podcast
3
Course
1
Inflow
AL Podca
2
Outflow
Inflow/ Income
5
>
Craft の使い方
Next.js とは?
進行中プロジェクト
Next.js は、 React をベースにした人気のフレームワークで、サーバーサイドレンダ
リング (SSR)や静的サイト生成 (SSG) をサポートしています。 SEOに優れたパフ
オーマンスを持ち、動的ルーティングやAPIルードのサポートも含まれ、モダンなウ
▼Preview this template in action
表
T Jan
T Feb
T Mar
Salary (Source 1)
Salary (Source 2)
よく使うリンク集
> Q リサーチ・インプット
Movie Library
Next.js と Supabase を使った
プロジェクトを始める方法のコ
ピー
最近削除された項目
? ヘルプセンター
Next.js と Supabase を使ったプロジェクトを始める方法のコピー
この記事では、 Next.js と Supabase を使って、
をセットアップする方法を紹介します。
新しいタブで開く
Supabase とは?
Supabase は、 Firebase に代わるオープンソー
ータベース、 認証 リアルタイム通信などを提
ケーラブルなバックエンドを簡単に構築できるこ
管理が簡単で、 API や認証機能も自動的に生成さ
いやすいプラットフォームです。
Next.js とは?
新しいウィンドウで開きます
お気に入り
コピー
Next is React をベースにした人気のフレー
リンクをコピーする
指定フォーマットでコピー
現在のビューを複製
移動先...
1アイテムを次のようにエクスポートします
削除
>
>

>
3月
月
火
水 木
金
土
日
31
1
2
3
4
5
6
日曜日 2025/03/30
エラートーストのデザイン微調整
月曜日 2025/03/31
昨日
今日のタスク
• 勤怠データの月次サマリー表示 (暫定UI)
ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
ル
今日 2025/04/01
今日
今日のタスク
山のニ
変更を適用するには再起動して
ください
×
カレンダー イベントへのアクセスの更新を完
了するには、 アプリケーションを再起動して
ください。
アプリの再起動
カスタマイズ
3月26日(水)
>
2025年3月26日 >
この日
1 完了したタスク
▽ 今日のタスク
目 整理する
•
勤怠データの月次サマリー表示 (暫定UI)
• ユーザーごとの履歴エクスポート機能
•
エラートーストのデザイン微調整
•
APIレスポンスタイム計測・最適化
3月26日 (水)
+
+
8 共有
挿入 形式 スタイル 情報
任意の項目をドキュメントにドラッグアンドドロップ
します。
Q 探す
提案
3
タスクリスト
C
スマートリ･･･ キャプション 折りたたみ・・・
H2
サブタイトル
ページ
コレクション
ホワイトボ･･･
リッチブロック
コレクション
表
スマートリ･･･
ホワイトボ･･･
昨日やったこと
エラー表示の汎用コンポーネント完成
Googleログインの異常系テスト完了
1 // My list
const x = cr
vary= "cra'
y += "foo"
コードブロ・・・
✓X
式
ネストされたコンテンツ
•
Slack通知のタイミングを調整
● 気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
ページ
カード
セパレータ
極薄
薄い
レギュラー
強調

< >
ホーム
整理する
日 リサーチ・インプット
勤怠管理アプリプロジェクトドキュメント
整理する
目 整理する
目 整理する
ホーム
6 新しいドキュメント
ホーム
履歴
私と共有
Pocket のスペース
整理する
勤怠管理アプリプロジェクト
すべてのドキュメント
ドキュメント
想定ユーザーのペルソナを作成
する
3月30日 (日)
Pocket のスペース
Pocketのスペース
Pocketのスペース
✓ タスク
■ カレンダー
お気に入り
④ マイテンプレート
公開コンテンツ
フォルダー
>
チーム共通
>
Craft の使い方
進行中プロジェクト
よく使うリンク集
> Q リサーチ・インプット
プロジェクト概要
目的
従業員の日々の勤怠情報 (出勤退勤休憩など) を正確かつ効率
的に記録・管理できるアプリを開発する。
対象ユーザー
. スタートアップ企業
フルリモート勤務者
勤怠管理が煩雑になりがちな少人数チーム
□ ユーザーインタビューを行う
要件定義
ワイヤーフレーム作成
タスク一覧
#
あぁ タスク名
● 担当者
ステー
3月29日 (土)
Pocketのスペース
▼ 今日のタスク
勤怠データの月次サマリー表示 (暫定UI)
ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
APIレスポンスタイム計測・最適化
▽ 今日のタスク
•
勤怠データの月次サマリー表示 (暫定UI)
なぜペルソナを作るのか?
プロダクトのUXや機能の優先順位を決める際、 **「誰のために作っ
ているのか?」を明確にするため。
• ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
• APIレスポンスタイム計測・最適化
ペルソナは完璧である必要はなく、 「仮説としてのユーザー像」をチ
ームで共有できていれば十分です。
eeeeeeeee
▽ ペルソナ作成チェックリスト
□ ユーザーの属性 (職業/年齢/ 環境など) を設定したか?
○ 課題やニーズがリアルな文脈で記述されているか?
○プロダクトを使うシーンがイメージできるか?
複数のユーザータイプがある場合、 代表的な1~2人に絞って
いるか?
「この人ならどう感じるか?」を開発中にイメージしやすい粒度
•
昨日やったこと
✓ エラー表示の汎用コンポーネント完成
| Googleログインの異常系テスト完了
▽▼ Slack通知のタイミングを調整
アカウントの切り替え
新しいドキュメン
P
Plant Money
moneyplant357@gmail.com
Pocket UI
P
uipocket240+1@gmail.com
アカウントの追加
設定
. ユーザーごとの履歴エクスポート機能
エラートーストのデザイン微調整
.
APIレスポンスタイム計測 最適化
•
昨日やったこと
マ✓ エラー表示の汎用コンポーネント完成
•
▼ Googleログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき 改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
今日の予定 (チーム)
今日, 4月1日 (火)
Pocketのスペース
▼ 今日のタスク
• 出退勤打刻のエラーハンドリング追加
UIコンポーネント (休憩ボタン) モバイル対応
● 勤怠履歴のCSV出力ロジック確認
Slack通知のタイミング見直し
Pull Request #32 のレビュー対応
3月28日 (金)
Pocket のスペース
▼ 今日のタスク
3月26日 (水)
Pocketのスペース
▽ 今日のタスク
勤怠データの月次サマリー表示 (暫定 UI)
•
ユーザーごとの履歴エクスポート機能
.
エラートーストのデザイン微調整
•
APIレスポンスタイム計測 最適化
•
勤怠データの月次サマリー表示 (暫定UI)
.
ユーザーごとの履歴エクスポート機能
•
エラートーストのデザイン微調整
昨日やったこと
V✓ 出勤退勤 APIのバリデーション処理を実装
• APIレスポンスタイム計測・最適化
✓ Figma で管理者画面の検索UI作成
| テストデータ (3ユーザー分) を追加
昨日やったこと
V✓ エラー表示の汎用コンポーネント完成
▽ Google ログインの異常系テスト完了
▼ Slack 通知のタイミングを調整
一昨日やったこと
エラー表示の汎用コンポーネント完成
▽ Google ログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
昨日やったこと
マエラー表示の汎用コンポーネント完成
▽ Googleログインの異常系テスト完了
▼ Slack通知のタイミングを調整
気づき・改善点
Slack通知の分岐条件がやや複雑仕様簡略化を検討
勤怠履歴の日付ソートが一部崩れているロジック修正予定
気づき・改善点
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討?
気づき・改善点
昨日, 3月 31日 (月)
最近削除された項目
Pocketのスペース
|
サマリーデータ表示時のAPI負荷がやや高い
出退勤のアイコンが視認しづらいとの声あり UI再検討 ?
? ヘルプセンター
▽ 今日のタスク
プロダクト開発キックオフ議事
Next.js と Supabase を使った
プロジェクトを始める方法
Pocketのスペース
P

Airbnb

<
airbnb
ゲストチョイス
宮城
ロケーション
目的地を検索
宿泊
体験
チェックイン
日付を追加
チェックアウト
日付を追加
旅行者
ゲストを追加
Airbnbにお部屋を掲載
=
登録する
ログイン
m
松
鵰
Airbnbにお部屋を掲載
>
フィルター
ツリーハウス
旅館
国立公園
スゴイ!
洗練されたデザイン
ゲストルーム
歴史ある建物
体験をホストする
ヘルプセンター
ゲストチョイス
ゲストチョイス
ゲスト
韓国、 Oedong-eup, Gyeongju
目的地までの距離: 930km
3月2日~7日
★ 5.0
韓国、 Punggak-myeon, Cheongdo... 4.95
目的地までの距離: 994km
韓国、 Gyeongju
★ 5.0
韓国、 Gyeongju
★ 5.0
目的地までの距離: 929km
目的地までの距離: 934km
3月4日~9日
3月15日~20日
3月14日~19日
ゲストの声 「ホストのみなさまはとて...」
¥ 54,945 /泊
¥ 47,512 / 泊
¥ 28,264 /泊
¥ 11,184 / 泊
ゲストチョイス
ゲストチョイス
地図を表示
ゲストチョイス
ゲストチョイス

2025-02

airbnb
ロケーション
京都市
宿泊
体験
チェックイン
4月29日 ±1
チェックアウト
5月6日 ± 1
旅行者
Q 検索
ゲスト2人
◎
大人
最高の眺め
ログハウス
ビーチフロント
アイコニック
ゴルフ
素敵なプール 大邸宅 屋
13歳以上
ゲストチョイス
ゲストチョイス
ホストモードへ
=
2
+
合計金額(税抜き)を表示
子ども
0
+
2〜12歳
乳幼児
2歳未満
0
+
ペット
0
+
介助動物同伴の場合は?
日本、 虻田郡ニセコ町
★ 5.0
日本、 長生郡長生町
★ 4.93
日本、 富士吉田市
★ 5.0
山の眺望
3月2日~7日
大海原と海の眺望
3月12日~17日
山の眺望
日本、下田市
海の眺望
★ 4.86
5月8日~13日
3月2日~7日
ゲストの声 「とてもセンスの良いロッ... 」
¥57,765 /泊
ゲストの声 「立地も設備も良く、 くつ... 」
¥72,192 /泊
ゲストの声 「必要なものはすべて揃っ...
¥ 28,800 /泊
¥99,000/
Airbnb Global Services Limited 観光庁長官 (02) 第S0001号 (2023年5月24日-2028年6月14日 )
© 2025 Airbnb, Inc.プライバシー 利用規約 サイトマップ 企業情報
ゲストチョイス
地図を表示
④ 日本語 (JP)
¥ JPY
サポートとリソース

airbnb
鵰
地図上のエリア 7月21日~24日 (±1)
ゲスト2人
X
ホストモードへ
=
III
>
合計金額(税抜き) を表示
検索結果
歴史ある建物
ゲストルーム
人気上昇中
旅館
田園地帯
湖の近く
ビーチ
スキー
B&B
最高の眺め
農場
ロク
フィルター
エリア・観光地の選択
ス
洗濯機
一定期間キャンセル無料
Wi-Fi
キッチン
一軒家
セルフチェックイン
.
露天風呂 ジャグジー
無料駐車スペース
41件の人気上昇中の宿泊
人気
見どころ 地下鉄電車の駅 エリア
京都駅
ゲストチョイス
四条河原町
四条駅
伏見
天橋立
Wal
ゲストチョイス
元離宮二条城
中京区
¥41,451
¥47,367
¥ 54,530
¥ 50,351
五 ¥58,920
¥201,607
下京区
ニデック京都タワー
京都水族館
¥77,340
清水寺/祇園
京都市のマンション・
KYOSTAY いろは東寺本
先週の閲覧回数: 140
3泊 7月21日~24日
ゲストの声 「お部屋も
¥ 30,200 合計額(税抜
92 (171)
京都市の住宅
★ 4.93 (265)
二条城
から...
新築の一棟貸し
先週の閲覧回数: 175
舟屋
3泊・7月22日~25日
クリア
248件の宿泊先を表示
ゲストの声 「部屋の清潔さ、 広さ...」
¥41,451 合計額(税抜き)
¥39,742
ゲストチョイス
ゲストチョイス
!! ゲストチョイス
¥210,263
¥30,200
¥40,204
+
¥ 162,680
円山公
(二寧坂
稲荷山トンネル
Google
地図データ ©2025
500 m L
利用規約 地図の誤りを報告する

写真
お部
エリア
×
$4.95
ゲストチョイス
¥72,531 ¥66,320
AEL Fight + \
レビュー135件
レビューの仕組みはこちら
参考度の高い順∧
参考度の高い順
新着順
評価の高い順
Q レビューを検索
旅行全
たが、
評価、レビュー、 信頼性において好評を
得ている、 ゲストチョイスの宿泊先
清潔
すべて
総合評価
5432-
お部屋が広い 67
立地が良い 56
清潔 42
観光 評価の低い順
親切な対応 24
静かな環境 24
充実の設備 16
Lei
Airbnb 利用歴2年
★★★★★1週間前 数泊滞在
旅行全体がこのホテルのアパートをレビューするために来ましたが、とても楽しいサ
プライズで、部屋は広くて明るく、すべて清潔で整頓されていて、昼夜を問わずとて
も静かでした。 次回京都に来るときは、 これが私たちの滞在の第一の選択になりま
す。
とても
敵なエ
清潔さ
4.9
標準に
中国語(簡体) からの翻訳 原文を表示
すべて
掲載情報の正確さ
5.0
チェックイン
4.9
Jaslin
Airbnb利用歴11年
予約
★★★★★ 3週間前 数泊滞在
コミュニケーション
4.9
私たち
広くて快適な場所がとても気に入っています。 場所も清潔です。 オーナーはまた、ゲ
ストにドリップしたコーヒー/紅茶を提供するなど、 小さなディテールにも注意を払っ
ています。 ヘアスタイリング用のアイロンヘアカーラーもあります!よろしくお願
いします! 友達や家族には絶対におすすめです
都市の
ロケーション
4.8
んあり
すべて
価格
4.9
英語からの翻訳 原文を表示
RESI STAY Support Teamさんからの返信
3週間前
RESI STAYにご滞在いただき、誠に有難うございました。 またのご滞在を心よりお
待ち申し上げております。
1351
翻訳済み 原文を表示

XJAカム
¥46,220 を今すぐお支払い
料金の一部即時払いおよび残額後払い
¥ 9,244のお支払い期日は本日です。 残りの¥36,976は2025年7月9日にお支
払いください。 追加の手数料はありません。 詳細
お支払い方法:
支払い方法を追加
クレジットカード/デビットカード
PayPal
PayPal
G Pay Google Pay
確認して支払う
Airbnb Global Services Limited
観光庁長官 (02) 第S0001号 (2023年5月24日 - 2028年6月14日)
© 2025 Airbnb, Inc.プライバシー 利用規約 サイトマップ 企業情報
VISA
AMEX PayPal G Pay
合計金額
2泊
税金
合計金額 (JPY)
今すぐ支払う
請求日: 7月9日
二条城すぐ・烏丸御池徒歩10分/シモン
ズのキングサイズベッド/広い客室/...
まるまる貸切のコンドミニアム
★4.95 (レビュー135件) スーパーホスト
約227ptのVポイントが貯まります
予約手続きの完了後にVポイント利用手続きを
すると、 今回の予約分のVポイントが
貯まります。 詳細
¥45,420
¥ 800
¥46,220
料金内訳
¥9,244
¥36,976
④ 日本語 (JP)
¥ JPY
O

京都市
7月23日~26日
ゲスト2人
a
ホストモードへ
=
料金
時間帯 v
対応言語
カスタマイズツアー NEW
アート・文化
エンターテインメント
フード・ドリンク
スポーツ
ツアー
フィルター
airbnb
体験の平均料金は¥2,057,282 です。
最低料金
¥149
最高料金
¥10000
クリア
34件の検索結果を表示
★新着 ・ 2時間
★4.85 (976) 3時間
★4.81 (108) 2.5時間
大門寺山で京都のパノラマビューを
楽しむハイキング
京都の地元バー&居酒屋めぐり
¥6,000から1人あたり
京都の忍者屋敷で武器作り体験
¥ 22,000から1人あたり
★4.9 (1,577)3時間
伏見稲荷の秘密を発見! ハイキング
体験
★4.92 (659) 4時間
京都の隠れスポットをまわるサイク
リング&祇園散策
¥6,888から1人あたり
¥10,340から1人あたり
¥9,600から1人あたり
平成二十八年四月吉日建之,
二十六年十一月吉日建
株式会社アシスト
二十一年元旦建之

airbnb
宿泊
体験
ロケーション
目的地を検索
チェックイン
日付を追加
チェックアウト
日付を追加
旅行者
ゲストを追加
☑☑
最高の眺め
ログハウス
歴史ある建物
アイコニック
ゴルフ
素敵なプール 大邸宅 屋敷
ゲストチョイス
ゲストチョイス
宮城
4
ホストモードへ
=
メッセージ
Ő
·
通知
旅行
>
フィルター
お気にいり
ツリーハウス
ゲストチョイス
日本、 虻田郡ニセコ町
★ 5.0
日本、 長生郡長生町
★ 4.93
日本、 富士吉田市
山の眺望
大海原と海の眺望
山の眺望
5泊・3月2日~7日
5泊 3月12日~17日
.
5泊 5月8日~13日
ゲストの声 「とてもセンスの良いロッ... 」
¥288,823 合計額(税抜き)
ゲストの声 「立地も設備も良く、 くつ... 」
¥370,758 合計額(税抜き)
¥152,500 合計額(税抜き)
Airbnb Global Services Limited 観光庁長官 (02) 第S0001号(2023年5月24日-2028年6月14日 )
©2025 Airbnb Inc プライバシー 利用規約 サイトマップ 企業情報
https://www.airbnb.jp/guest/inbox
ゲストチョイス
地図を表示
未読が1件あります
宿泊先を管理する
体験を管理する
お友達をご紹介ください
ホストを紹介する
アカウント
ヘルプセンター
ログアウト
★ 5.0
日本、下田市
4.86
海の眺望
5泊 3月2日~7日
¥510,000 合計額(税抜き)
④ 日本語 (JP)
¥ JPY サポートとリソース

airbnb
ホストモードへ
=
III
メッセージ
すべて v
未読
@
@
R
Ő
RESI STAY Support Team、 Resi S... 2:10
あなた: 日程変更のため一旦キャンセ...
7月22日~24日 Nakagyō-ku, Kyoto
ピンポンホテル糀町店
24/12/28
Airbnbからのお知らせ : 忘れずにレ...
2024年12月26日~28日 Shunan
Airbnbコミュニティサポート 24/12/26
ピンポンホテル糀町店さんにメッセ...
ようこそ
Airbnb: 一定
Airbnbコミュニティサポート
クローズ済み ● 未読にする
。
R
RESI STAY Support Team, Resi Stay
accommodation.
If you rent a car or bicycle, you will need to use a coin
parking lot. Parking on the street or private property
in the neighborhood is strictly prohibited as this
creates a nuisance to the neighbors. (In general,
there is no free parking on the streets in Kyoto City.)
Our official website: https://resistay.jp/en/
Follow our Instagram account to find tips for
enjoying your trip to Kyoto.
https://instagram.com/kyoto resistay/
Our 24/7 chatbot's ready to answer your questions.
https://demo.obot-ai.com/v2/resistay/
We are looking forward to seeing you soon!
*We respond to your message from 8:00 AM to 8:00
PM.
If you send a message after 8:00 PM, we will respond
after 8:00 AM the next day.
Sincerely,
RESI STAY
予約
ご予約がキャンセル
されました
I
スターを付ける
Junko, Yeji
Airbnbから
3月26日~28日
アーカイブする
Tim, Tim
23/10/1
Tjm: 準備が整ったら予約していただ...
2023年10月8日~13日 Cuenca
こちらの予約をキャンセルしました。
2:10
日程変更のため一旦キャンセルさせていただきます!
ホストの現地時刻は02:22です。
メッセージを入力
×
2月21日に¥ 9,244 JPYの支払い保留を
解除しました。 ご利用の銀行でこの変
更が反映されるまでには、 15営業日か
かる場合があります。
返金を追跡する
ご予約の詳細
予約確認コード
HMB5SRKNB5

airbnb
ホストモードへ
=
III
メッセージ
すべて v
未読
R
Ő
2:25
ピンポンホテル糀町店
メッセージの送信を取り消しました。
2024年12月26日~28日 Shunan
RESI STAY Support Team、 Resi S... 2:10
あなた: 日程変更のため一旦キャンセ...
7月22日~24日 Nakagyō-ku, Kyoto
Airbnbコミュニティサポート 24/12/26
ピンポンホテル糀町店さんにメッセ...
ようこそ
Junko, Yeji
24/12/14
Airbnbからのお知らせ 予約がキャ...
3月26日~28日 Higashiyama Ward, Ky... ★
ピンポンホテル糀町店
Our Check-in starts from 15:00P.M.~
Ui Pocket, your room number is 502which is on the
5rd floor.
•
The entrance code is #1373.
After entering the automatic door, you can see the
elevator.
.
The password for your room is 2526E.
When you press the large button at the bottom, the
number will light up after entering the password
then the door will be opened.
If you have any questions or any problems after
arriving at the residence hotel, please feel free to
contact us.
There is a description about WI-FI password and
phone number to the front desk inside the room.
There is also an internet line connected to the front
desk, so you can also contact us by pressing the ping
pong button which is also on the right side of the
entrance.
予約
×
ピンポンホテル糀町店さん
のリスティングでの宿泊
Amenities are available to the left of the elevator on
the first floor, so please feel free --.-
We look forward to seeing you. Hope you gonna
have a pleasant stay with us.
e
Tim, Tim
23/10/1
Tjm: 準備が整ったら予約していただ...
2023年10月8日~13日 Cuenca
Ping Pong Hotel Tokuyama Front
2024年12月26日
15.
ホストの現地時刻は02:26です。
メッセージを入力
>
ご宿泊期間が終了しました
滞在中のトラブルのことで支払いのオファー
あるいはリクエストが必要な際には、「問題
解決センター」 をご利用ください。
送金または請求
チェックイン
チェックアウト
12月26日(木)
15.00
12月28日 (土)
11:00

airbnb
京都
8月の1週間
ゲスト2人
シェア
×
日付を選択
柔軟な日付設定
2025年2月
2025年3月
日 月 火
水
木 金 土
日 月 火 水 木 金 土
2
3
4
5
6 7
1
8
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
9
10
11
12
13
14
15
16
17
18
8
23
24
19
20
25
25
26
27
21
22
16
17
18
19
20
20
27
27
28
23
24
24
25
26
30
31
正確な日付
± 1日
2日
±3日
± 7日
リセットする
予約可能な宿泊先はありま
せん
27
27
21
21
28
22
22
ミニアム ★ 4.92
徒歩10分/シモ...
29
29
保存
き)
元離宮二条城品
中京区
¥96,720
¥93,579
ホストモードへ
=
III
(目)
京都市京セ +
京都国際マンガ
ミュージアム
(京都i
|+
錦市場
麺屋 猪
Q
¥67,585
産寧坂 (三年坂)+
¥135,170
東山区
京都水族館
品 ニデック京都タワー
区
くら寿司 京都
南インター店
通天橋(
鴨川東IC
稲荷山トンネル
稻荷
Google
地図データ ©2025 500 m L
中国料理西海
利用規約 地図の誤りを報告する

airbnb
アカウント > 支払い・受取金
支払いと受取金
支払い
受取金
Airbnb.orgへの寄付
ゲストからの寄付金
お支払い
すべての支払いおよび返金情報を確認できます。
支払いを管理
支払い方法
Airbnbの安全な支払いシステムから、 お支払い方法を登録・管理できます。
VISA
VISA
有効期限:
MASTERCARD
有効期限:
支払い方法を追加
デフォルトに設定
削除する
ホストモードへ
=
|||
Airbnbを通じてすべての支払いを行う
Airbnbを通じて支払いとコミュニケーション
を行うことで、 当社のサービス利用規約、支払
サービス利用規約、 キャンセルポリシー、 その
他の安全対策の保護が適用されます。 詳しく読
む

戻る
こちらでよろしいですか?
写真はドラッグして並べ替えることができます。
カバー写真
編集
後方に移動
削除
+
:
ご質問がありますか?
保存して終了
次へ

2025年2月
今日の情報
カレンダー リスティング
メッセージ
メニュー
渋谷駅徒歩圏内! 都会の利便... <
表示方法
く
日
月
火
水
東京
16
17
18
19
都心のゲストルーム
進行中
nbスタートツールで
¥20,000
¥20,000
¥20,000
¥20,000
23
24
25
26
¥20,000
¥20,000
¥20,000
¥20,000
2025年3月
閉じる
22
O
フ
料金設定を調整して予約数を増やしましょう。
週割
7泊以上
8%
指定の割引適用後の週平均: ¥
128,800
渋谷駅徒歩圏内! 都会の利便性と快適
な空間を両立したマンション
進行中
€ 20,000
月割
28泊以上
自然光あふれる北欧風リビングで癒や
10%
指定の割引適用後の月平均 : ¥
540,000
しのひととき
進行中
適用する
その他の割引
早期割引、 直前割引
プロモーション
短期滞在割引を設定して、 新しい予約を獲得しま
しょう。
1
新規リスティングプロモーション
初めてのゲストを迎え入れましょう
¥20,000
追加料金
2
3
4
5
6
7
8
手数料
清掃、ペット、 追加ゲスト
¥20,000
¥20,000
¥20,000
¥20,000
¥20,000
¥20,000
¥20,000

Spotify

IID
すべて 音楽
ポッドキャスト
Ove Fare
ダンダダン
Workout
ジャンルをチェック
jpop
G
お気に入りの曲
何を再生したいですか?
[D
Д
UI Pocket
①アプリをインストール
ダンダダ アカウント
プロフィール
サポート
ジョジョの奇妙な冒険
Mrs. GREEN APPLE
OwFore
若山詩音(モモ役) ×花江...
II Vento D'oro remixes
ダウンロード
設定
ログアウト
へび
ヨルシカ
#インディー・
#ライト・アカ
#-
#restorative
ソウル
#emotional
#アニメ
#mindful
デミア
#ポップedm
ジ
アーティストについて
最近再生したコンテンツ
KG
528hz
勉強に集中できる音楽
すべて表示
JOJO
ダンダダン
CO.ST voli Overture
ジョジョの奇妙
な冒険
Songs of love
Mrs. GREEN APPLE
jpop
お気に入りの曲
勉強に集中できる
音楽528hz: 脳を...
Weightless
(Ambient...
へび
ヨルシカ
冷
K
1:29
4:15
ト
ヨルシカ
4,785,154人の月間リスナ
フォローする
ヨルシカは、日本のロックバ
ンド。 コンポーザーとしても
合

FKJ
IID
#漫画
Need You
Lost Sky
堕天
Creepy Nuts
Creepy Nuts・869万 フォローする
#邦楽ラップ #j-pop
#アニメ
2:10
何を再生したいですか?
[回
(C) 2022 コトヤマ・小学館/「よふかしのうた」 製作委員会
4:37
①アプリをインストール
+ プレイリストに追加
+ お気に入りの曲に保存する
- [次に再生] に追加
() ソングラジオに移動
2』 アーティストに移動
◎アルバムに移動
add 楽曲クレジットを表示
Il G :
1. X
いて
シェア
++)
デスクトップアプリで開く
リスナ
次へ↓
ducer
□ Virocket

IID
°
FKJ
C
何を再生したいですか?
4月16日
ONE OK ROCK
pop rock rock k-rock j-pop j-rock
Arena 1, Lima, Gobierno Regional de Lima, PE
4月16日 (水) 20:00
興味がある
チケットの購入はこちら
世
販売中
Bandsintown
興味がない
シェア
コンサートのリンクをコピー
デスクトップアプリで開く
Spotifyでは、Spotifyプラットフォームでチケットを販売することにより手数料を得ています。
注目はすべてのノバ
明です
Need You
Lost Sky
(+)
3:18
冷
ວ
(D
①アプリをインストール
Need You
INT LOAD LOS.T_SKY-EXE
<GEN RELEASE> COUNTDOWN 09.12.20
ORIGIN 2.0: LOAD, INT PRESET:>>>>>>>
LOST_SKY_ORIGIN 2-0
5. Spring)
×
Pocket
Need You
DIGI> >>>
++
Lost Sky
アーティストについて
Lost Sky
2,342,967人の月間リス
ナー
フォローする
Electronic music producer
from Croatia
4:37
≡
合

| マイライブラリ + →
プレイリスト アーティスト >
Top 50
最近
お気に入りの曲
JAPAN
G
何を再生したいですか?
[D
①アプリをインストール
UI Pocket
プレイリスト
トップ50-日本
今、再生回数が一番多い曲 (毎日更新) - 日本 。
Spotify 1,249,869件の保存 約3時間
トップ50 - 日本
★プレイリスト・420曲
chill chord
★プレイリスト•uipocket
Workout
★プレイリスト ・uipocket
新しいフォルダー
1件のプレイリスト
ONE OK ROCK
||
リスト 三
Mrs.
GREEN APPLE
#
タイトル
[マイライブラリ]から削除
再生回数
①②
ライ[次に再生] に追加
=
lil.
372,468
4:48
Mrs.
プロフィールから削除
アーティスト
2
ダー
367,696
4:40
Mrs.
⑩ 報告
jpop
ライラック
3
ビタ
國
プレイリスト•uipocket
305,739
3:18
Mrs. GREEN APPLE
Mrs.
X 好みに関するデータから除外する
2月
Aimer
4
Plaz
フォルダに移動
301,514
1日
Event ・ 高崎芸術劇場大劇...
米津
3:00
アーティストについて
4月 Ado
27日 Event さいたまスーパーア...
Who [ シェア
プレイリストのリンクをコピー
5
0
UUMIN
MUSE Jimir
?
「おすすめ」 について
< プレイリストの埋め込み
APT.
2月
Zedd
6
9
ROS
24日
Event • Kアリーナ横浜、 横...
デスクトップアプリで開く
7
ケセノビノ
251,172
4:32
2月
Ko Shibasaki
Mrs. GREEN APPLE
ライラック
Mrs. GREEN APPLE
3:57
II
4:48
合
ライラック
×

| マイライブラリ + →
プレイリスト アーティスト >
Top 50
最近
お気に入りの曲
★プレイリスト・420曲
chill chord
★プレイリスト•uipocket
Workout
★プレイリスト ・uipocket
新しいフォルダー
1件のプレイリスト
||
JAPAN
#
タイトル
G
何を再生したいですか?
[D
①アプリをインストール
プレイリスト
トップ50-日本
今、再生回数が一番多い曲 (毎日更新) - 日本 。
Spotify 1,249,864件の保存 約3時間
トップ50 - 日本
Mrs.
再生回数
プレイリストに追加
Q プレイリストを検索する
+ 新規プレイリスト
お気に入りの曲
ライラック
=u
372,468
Mrs. GREEN APPLE
ONE OK ROCK
chill chord
アーティスト
2
ダーリン
367,696
Mrs. GREEN APPLE
Workout
jpop
プレイリスト•uipocket
3
ビターバカンス
305,739
Mrs. GREEN APPLE
2月
Aimer
4
Plazma
1日
Event ・ 高崎芸術劇場大劇...
米津玄師
4月
Ado
Who
5
jpop
301,514
プレイリスト #19
CONTO
283,718
27日
UUMIN
Event さいたまスーパーア...
MUSE
Jimin
My recommendation nl
APT.
2月
Zedd
キャンセル 完了
6
270,642
ROSÉ, ブルーノ・マーズ
24日
Event • Kアリーナ横浜、 横...
7
ケセラセラ
251,172
4:32
2月
Ko Shibasaki
Mrs. GREEN APPLE
ライラック
Mrs. GREEN APPLE
1:31
冷
K II
4:48
ク
APPLE
ストについて
合
UI Pocket
×
ライラック

IID
何を再生したいですか?
①アプリをインストール
UI Pocket
若山詩音(モモ役) ×花江夏樹 (オカルン役) 「ダンダダンの現場は“リスペクトし...
アニメ「ダンダダン」 ポッドキャスト 『タ
E 2024年12月13日 ・30分57秒
ホット
若山詩音(モモ役)×田中真弓 (ターボババア役) 「ターボババアの決めセリフは、ちょっと躊躇
するよね!」
アニメ「ダンダダン」 ポッドキャスト 『ダンダ談話室』
アニメ第9話をダダンと振り返り!ターボババアの魅力や印象に残っているセリフについてトーク! 「飛び出せ! 山代風
我」のコーナー、リスナーの皆さんが遭遇した 「怪奇」 や 「オカルティックな噂」 を臨場感たっぷりにご紹介する 「オカ...
E 2024年11月29日・33分45秒
再生速度
0.7x
ポッド
キャスト
×
活室
0.8x
広です。
じゃん
広瀬すずの「よはくじかん」 #66 ゲスト: 宮沢りえさん
広瀬すずの 「よはくじかん」
0.9x
AN EA DAN PODCAST
CANDA DANNA SHITSU
龍幸伸/集英社･ダンダダン製作委員会
1x
『広瀬すずの「よはくじかん」』 広瀬すずが、 土曜日の午後のひとときをあ
ログラム。今回は「阿修羅のごとく」 公開直前SP! いよいよ1月9日にNTTF
1月4日・17分52秒
ったり過ごすラジオプ
あるNetflixシリーズ...
1.1x
若山詩音(モモ役)×花江夏樹(
アニメ「ダンダダン」 ポッドキャスト 『ダンダ談
1.2x
1.3x
1.4×
2月
1日
会社情報
コミュニティ
その他
1.5x
4月
企業情報
27日
採用情報
アーティスト向け
開発者
サポート
rd
1.6x
無料モバイルアプリ
rd
17x
ダッダは ① プロモーションコンテンツが含まれます
1.2
xi
K
若山詩音(モモ役) × 花江夏樹 (オカルン役) 「ダン
アニメ 「ダンダダン」 ポッドキャスト 『ダンダ談話室』
3:06
15
29:52
ポッドキャストについて
TVアニメ『ダンダダン』の放送を振り返りながら、 作品
の裏側にあるキャラクター設定やスタッフのこだわりな
どもお届けするポッドキャスト。...
アニメ 「ダンダダン」...
フォロー中
「ダンダダン」TVアニメ公...
= 0
合

包>
何を再生したいですか?
①アプリをインストール
UI Pocket
| マイライブラリ
+ ←
プレイリスト アーティスト
アルバム
ポッドキャストと番
* [次に再生] に追加
タイトル
追加日
② プロフィールから削除
アニメ
プレイリスト
薬屋のひとりごと
ipocket 3曲, 8分28秒
ジョジョの奇妙な冒険
OGIOGIC
9分前
3件のプレイリスト, 1個のフォルダ
詳細の編集
サマータイムレンダ
削除
リスト 三
2分前
プレイリスト•uipocket
プレイリストを作成
'イトル
サウンドトラック
JOJO
CO.S.T vol.1 Overture
4分前
2件のプレイリスト
+ フォルダを作成
百花繚乱
2:59
幾田りら
il vento d'oro
ジョジョの奇妙な冒険
3分前
x 好みに関するデータから除外する
菅野祐悟
プレイリスト•uipocket
薬屋
2:44
フォルダに移動
フォルダを検索
葬送のフリーレン
4分前
楽曲クレジット すべて表示
プレイリスト•uipocket
シェア
+ フォルダを作成
2:44
菅野祐
薬屋のひとりごと
6分前
フォルダから削除
悟
プレイリスト•uipocket
メインア
アニメ
ダンダダン
+ フォルダを作成
ーティス
フォローをやめる
9分前
プレイリスト•uipocket
おす新しいフォルダー
サウンドトラック
タッタは
ト, 作曲
家, アレ
ンジャー
アニメ「ダンダダン」 ポッドキャス...
ポッドキャスト• 「ダンダダン」 TVアニ...
このプレ
22分前
bliss
Mrs. GREEN APPLE
追加
次に再生…
[次に再生] を開く
4週間前
29分前
アーティスト
ザ・ラジオショ
ナイツ/中川家 ザ・ラジオショー
milet
MONOCHROME
水槽
追加
Barricades
澤野弘之
31分前
+...1"+
il vento d'oro
菅野祐悟
with Old Fore
0:28
4週間前
冷
K
II
4:55

|| マイライブラリ
×
プレイリスト
マイリスト
タイトル
追加日
並べ替え
ARE YOU
LONELY
何を再生したいですか?
+ ←
すべて
音楽
ポッドキャスト
最近
chill chord
✰uipocket
Workout
uipocket
2022年1月25日
最近
最近追加した順
2022年7月18日
J
アルファベット順
アニメ
14分前
クリエーター
2件のプレイリスト
サマータイムレンダ
カスタム順
7分前
uipocket
表示形式
ダンダダン
13分前
uipocket
縮小版
jpop
uipocket
プレイリスト #19
uipocket
リスト
2022年12月17日
ロロ
噐 グリッド
2024年4月21日
My recommendation playlist
2023年8月24日
ipocket
永遠
の花
My recommendation playlist
2023年8月8日
uipocket
kpop
2023年6月17日
Barricades
澤野弘之
0:05
jpop
お気に入りの曲
Top 50
トップ50 - 日本
(D
3.
①アプリをインストール
Д
UI Pocket
Mrs. GREEN APPLE
Workout
Weightless (Ambient Transmission Vol. 2)
A
2025年1月17日 (金) 中川家 ザ・ラジオシ...
Il Vento D'oro remixes
ジャンルをチェック
#インディ
#ライ
#restorative
ー・ソウル
#emotional
#アニメ
#mindful
カデ.
最近再生したコンテンツ
Jojo
O.S.T vol.1 Overture
冷
K
II
ポット
キャスト
タック談は室
3:41
ザ・ラジオショー
Songs of love
合
すべて表示

IID
すべて
音楽 ポッドキャスト
・ラジオショ
國
2月
1日
何を再生したいですか?
[D
jpop
Workout
ダンダダン
Mrs. GREEN APPLE
チ。-地球の運動につ
いて-
本当は室
Il Vento D'oro remixes
ジョジョの奇妙な冒険
若山詩音(モモ役) x...
ジャンルをチェック
ダンダダン
①アプリをインストール
UI Pocket
アカウント
プロフィール
サポート
ダウンロード
設定
ログアウト
#インディ
#ライト・ア
#restorative
ー・ソウル
#emotional
#アニメ
#mindful
カデミア
#ポップedm
オトノケ - Otonoke
最近再生したコンテンツ
すべて表示
Creepy Nuts
ボット
キャスト
ダック談話室
ふ
ザ・ラジオショー
KG
O.S.T vol.1 Overture
Songs of love
ダンダダン
ジョジョの奇妙
な冒険
アニメ 「ダンダ
ダン」 ポッドキ...
Mrs. GREEN
APPLE
ナイツ/中川家
ザ・ラジオショ...
jpop
お気に入りの曲
uipocket さんスペシャル
オトノケ - Otonoke
Creepy Nuts
冷
0:26
すべて表示
3:05
アーティストについて
合

Qiita

Qiita
ホーム タイムライン
Q 記事、質問を検索
トレンド
質問
◆100万記事感謝祭
公式イベント 公式コラム
Organization
検索
記事を検索
記事
質問
Q next.js
14111件の検索結果 1~20件目を表示中
〒 関連順
ストックのみ (1 件)
新着順
ng (Daisuke Mori)
✓ 関連順
ストック数順
最速でNext.jsを動かす
いいね数順
13がリリースされており、 構造が12までと異なります。 詳しくは公式ドキュメントを
参照お願いします。 最速でNext.js.
....
Next.js React
9 30
@kunrenyouAcount (Takumi Koyama)
2022年10月15日
Next.jsとは?
Next.jsというものを最近使い始めたが、 同じような名前のNuxt.jsとは何が違うのか、 Reactとは
何が違うのか? 細かい違いがわか...
Next.js React Node.js Nuxt
11 11 0
https://qiita.com/search?q=next.js&sort=stock
@franz
2021年07月24日
Next.js
Next.jsの導入パッケージのインストール yarn add next react react-dom package.jsonにスク...
投稿する
NECソリューションイノベータ
先端研究フォーラム
専門技術で描く持続可能な未来
量子コンピューティング、 コンパイラ、
Web3、3Dに興味がある方必見!
2025.2.21 fri 18:00-20:00

2025-01

Qiita
Q 記事、質問を検索
ホーム
タイムライン
トレンド
質問 ◆100万記事感謝祭
公式イベント 公式コラム
Organization
検索
記事
質問
記事を検索
Q next.js
14111件の検索結果 1~20件目を表示中
世
title:Git
タイトルに 「Git」 を含んでいる
= いいね数順 ▼
●ストックのみ (1件)
body: Ruby
本文に 「Ruby」 を含んでいる
Ruby OR Rails
本文に 「Ruby」 または 「Rails」 を含んでいる
@non_cal
2020年10月15日
Node.jsとはなにか? なぜみん
code:function
コードに 「function」 を含んでいる
tag:Rails
タグに 「Rails」 を含んでいる
JavaScript Express, Next.js などとな
Node.
tag: Ruby, Rails
タグに 「Ruby」 または 「Rails」 を含んでいる
-tag:Ruby
「tag:Ruby」 を含まない
JavaScript Node.js
user:uipocket
記事が 「uipocket」 によって作成された
47793745
11
org:qiita-inc
記事が 「qiita-inc」 のOrganizationに紐付いてい
る
@suzu-4
stocks:>3
2019年07月11日
記事が 「3件」 より多くストックされている
すべての新米フロントエンドエ
created: >=2024-12-19
記事が 「2024-12-19 以降」 に作成された
https://jp.vuejs.org/v2/guide/一例として
updated: >=2024-12 記事が 「2024-12-01 以降」 に更新された
る癖付けがとても大切です。 特にVue 検索オプションのヘルプはこちら
フロントエンド JavaScript HTML CS、
4630
5462
2
@mu_tomoya
2013年06月11日
デジタル庁のサイトやばすぎるwww
と、これマジで官公庁のサイトかってぐらい、 モダンな技術を使われています。 技術スタックとし
して注目すべきはNext.is.S3.CloudFrontです。 iQ
投稿する
Qiita
Woman
Summit
2025.01.29 wed
18:00-20:00
supported by パナソニック コネクト

Qiita
Q 記事、質問を検索
ホーム タイムライン
トレンド
質問 ◆100万記事感謝祭 公式イベント 公式コラム
Organization
フォロー中のタグ
aws AWS
トレンドの記事
ユーザーランキング 週間 月間 すべて
Qiita100万記事感謝祭! 記事投稿キャンペーン
開催のお知らせ
@Nicola_GenAI (ニコラ...
@haihaikazuma (カズマです )
2025年01月22日
「仕事を任される人」のチャ
ットには特徴があって、 決...
1
426 Contributions
@tarantula426 (タラン...
2
369 Contributions
@Sicut_study (渡邉 臣 I...
3
354 Contributions
@t-furusato (ふるさと...
4
312 Contributions
おすすめの記事
280
Qiita100万記事感謝祭! 記事投稿キャンペーン
開催のお知らせ
@t-furusato (ふるさと@レアテッ...
2025年01月22日
ポート番号は、 「部屋番号のよ
うな……」 という説明に終止...
137
@y_kawase
5
272 Contributions
@kaizen_nagoya (Dr. Ki...
6
249 Contributions
@minorun365 ( みのるん)
7
245 Contributions
@ohhara_shiojiri (shioji...
8
227 Contributions
@ikemura-ren
9
223 Contributions
10
@uhyo
206 Contributions
※ランキングは24時間ごとに更新されます
Qiita 表彰プログラムのご案内
https://qiita.com/badges
通知
ぽ
投稿する
通知設定
「1Contribution」 のバッジを獲得し
ました。
te in Japan
2025/01/21 02:26
ルなど
不然取得
優れた
アル
施工事例も
ご紹介
ートを公開しまし
×
@ume67026265 (ume) in New Relic 株式会社
2025年01月24日
ポートが 「外部公開」 で
した!
アラート発生状況を一発把握! 一覧表示ウィジェットを活用しよ
NewRelic 初心者 監視 アラート observability
通知一覧を見る NEW
S等でのシェアにご活用
詳しく見る
♡ 5
@Banchan_k12 in 株式会社ノベルワークス
2025年01月24日
【kintoneノーコード開発】 「家族情報アプリ」の個人情報項目は、 ルックアッ
プ・関連レコード一覧 テーブルフィールドどれを使って設定する?
kintone ノーコード
♡ 9
Qiita100万記事感謝祭! 記事投稿キャンペーン開催のお知らせ
@kuri_megane (くりメガネ) in 株式会社センシンロボティクス
2025年01月21日
開催中の記事投稿キャンペーン
プログラミングゲームの
解答コードを投稿しよう!
~2025年02月24日 2.43
(M)
すべて見る
C +36
Markdown Al チャレンジ!
効率化と個性を活かした活用術!
~2025年02月12日 R125RCOH +118
開催中 開催間近のイベント
すべて見る
Qiita Woman Summit

Qiita
ホーム
タイムライン トレンド
質問
◆100万記事感謝祭 公式イベント 公式コラム
67
Q 記事、質問を検索
Organization
1/29開催! 基調講演 「アクションファーストで広げる未来-自分の価値を再定義し可能性を広げる-」 Qiita Woman Summit
@yugohayashi_yzrh in 株式会社YUZURIHA
エンジニアが実装しやすいFigmaデータの作り方
36
記事をストックする (複数可)
日 2025年01月16日
あとで読む
X
ストックを編集する
5VK447
The new V-Class
別格の生き方。
B!
新規カテゴリー作成
UIデザイン
作成する
デザイナーとして働いている林です。
100
クトでは、デザイナーがFigmaで作成したデザインデータは、 最
万記事
感謝噐
終的にエンジニアが実装することで形になります。
しかし、デザインデータが整理されていなかったり、コーディングを考慮していない場合、
エンジニアの作業が大幅に遅れるだけでなく、 完成物にズレが生じることもあります。
本記事では、私の実際の業務経験を通じて、 Figmaでデザインデータを作成する際に、コーダ
ーがスムーズに作業を進められるよう工夫するポイントを紹介します。 デザイナーとコーダー
が効率よく連携し、より良いプロダクトを生み出すために私自身も意識して行きます。
初心者からはじめる
①x
2時間のオンラインセミナー
ChatGPT
活用講座 参加費無料
学ぶか学ばないかで
圧倒的な
差がつきます!
講師 七里信一
投稿する
FigmaデータをHTMLの構成に近づける為の知識
HTML要素の種類によるレイアウトの違い
HTMLは、その要素の種類によって、ブラウザで見た時に、 見えない透明のボックスのような
ものが存在し、 横いっぱいに広がるblock要素と、 その要素の幅だけで収まるinline要素の大
きく2種類に分かれます。
はじめに
FigmaデータをHTML の構成に近づける為の
知識
HTML要素の種類によるレイアウトの違い
block要素
inline要素
オートレイアウトを使って、 要素をHTML
と同構成にする。

ドロップダウンのデザイン一覧