Standard
Large
Extra large
data-size="{v0}" aria-pressed="{v1}" title="Display text and interface at {v2}%"
<div class="display-sizes" role="group" aria-label="Text and interface size"><span>Display</span>{v0}</div>
Display size changed. This browser cannot remember the size for next time.
No due date
Could not complete the operation. Try again.
Could not check account information. Check your sign-in status and reopen DoNext.
Your sign-in status changed. Reopen DoNext.
Your plan was updated. Boards beyond the limit remain available to view.
The plan could not be checked. You can edit up to two boards.
Work resumed in another DoNext window. This window is now read-only.
Resume workspace
<div class="lock-recovery"><span class="section-icon purple">↻</span><h3>The previous editing lock is still active</h3><p>This can happen after the browser closes unexpectedly or another tab is restored.</p><p>Resuming here safely takes over editing. Other open DoNext windows become read-only.</p><p class="fine-print">Unsaved input in another window is not transferred.</p></div>
Could not take over editing. Wait briefly and try again.
Resume in this window
This browser cannot safely control simultaneous editing. Open DoNext in an up-to-date browser.
Check saving
Saving…
Saved to file
Encrypted copy saved in this browser
Could not save the recovery copy.
Could not save to the file.
No save destination is available. Download an encrypted copy.
Encrypted saving failed. Keep this window open and retry saving.
Operation redone.
Operation undone.
Add
Details
aria-label="Cancel quick add"
<div class="quick-add" data-quick-column="{v0}"><input data-quick-title aria-label="Quickly enter a task title" placeholder="Enter a title and press Enter" maxlength="500" value="{v1}"><div>{v2}{v3}{v4}</div><small>Enter to add another · Esc to close</small></div>
{v0}Add task
aria-label="Undo" title="Undo (⌘ / Ctrl+Z)" disabled
aria-label="Redo" title="Redo (⌘ / Ctrl+Shift+Z)" disabled
{v0}<span>Keep on top</span>
aria-label="Keep the workspace on top"
Board
Task list
Calendar
Settings
{v0}{v1}
Save encrypted copy {v0}
Close workspace
Lock workspace
aria-label="Add board"
<div class="app"><header class="topbar"><a class="brand" href="#" data-action="home"><span class="brandmark">d<span>›</span></span><span>DoNext<small>YOUR NEXT, SIMPLIFIED.</small></span></a><div class="global-search">{v0}<input id="search" maxlength="500" type="search" aria-label="Search all task text" placeholder="Search tasks…"><select data-search-scope aria-label="Boards to search"><option value="current">This board</option><option value="all">All boards</option></select><kbd>⌘ K</kbd></div><div class="top-actions">{v1}<div class="history-actions">{v2}{v3}</div><span class="save-dot" aria-hidden="true"></span><span data-save-status class="save-status"></span>{v4}<span class="avatar" title="{v5}">{v6}</span></div></header><div class="app-body"><aside class="sidebar"><div class="nav-label">Workspace</div><nav aria-label="Switch view">{v7}</nav><div class="sidebar-bottom"><div class="storage-icon">{v8}</div><strong>Keep your work safely on your device.</strong><p>Tasks are saved encrypted.<br>Always in your hands.</p>{v9}<div class="plan-card"><span>{v10}</span><b>{v11}</b><small>{v12} boards available</small></div>{v13}</div></aside><main class="main"><div class="genre-bar"><div class="genre-tabs" role="tablist" aria-label="Board"></div>{v14}</div><div class="readonly-banner" data-lock-readonly role="status" hidden><span>↗</span><div><strong>This window is read-only</strong><small>Another DoNext window took over editing. You can view the contents and save an encrypted copy.</small></div></div><div class="save-alert" data-save-alert role="alert" hidden></div><div id="content"></div><footer class="workspace-footer"><span>Do a little. Move forward.</span><span>DoNext <span class="dot">·</span> PRIVATE WORKSPACE</span></footer></main></div></div><div id="dialogs"></div>
Close workspace
Lock workspace
<span>View only</span>
<span class="genre-dot tone-{v0}"></span>{v1}{v2}
<option value="">All labels</option>{v0}
All due dates
Due today
Within seven days
Overdue
No due date
<select class="due-filter" aria-label="Filter by due date" data-due-filter>{v0}</select>
Clear filters
{v0}<select aria-label="Filter by label" data-label-filter>{v1}</select>{v2}
aria-label="Board name and settings"
<div class="page-heading"><div><div class="eyebrow">{v0}</div><h1>{v1}{v2}</h1><p>{v3}</p></div><div class="heading-actions">{v4}</div></div>
One step at a time.
{v0}Add task
{v0}Add column
data-id="{v0}" aria-label="Remove column {v1}" {v2}
data-id="{v0}" aria-label="Settings for column {v1}" {v2}
<section class="column column-{v0}" data-column="{v1}" aria-label="{v2}"><header class="column-header"><span class="stage-number">{v3}</span><span class="column-indicator"></span><h2>{v4}</h2><span class="count">{v5}</span>{v6}{v7}</header><div class="stage-body"><span class="stage-rail" aria-hidden="true"></span><div class="card-stack" data-drop-column="{v8}">{v9}</div>{v10}</div></section>
This board is view-only. Its data is retained. You can save an encrypted copy.
Another DoNext window took over editing, so this window is read-only. You can view the contents and save an encrypted copy.
<p class="readonly-note">{v0}</p>
{v0}<div class="board-toolbar"><span class="task-total"><b>{v1}</b> tasks <span class="toolbar-divider"></span><span class="completion-dot"></span> {v2} complete</span><div class="filter-row">{v3}{v4}</div></div><div class="workflow-board"><div class="workflow-overview"><span>FLOW MAP</span><div class="workflow-progress" role="progressbar" aria-label="Completion rate" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{v5}"><span style="width:{v6}%"></span></div><strong>{v7}%</strong></div><div class="board-grid" style="--columns:{v8}">{v9}</div></div>{v10}
Highest
High priority
<span class="priority-mark" title="{v0}">{v1}</span>
Untitled task
Add a note…
<span class="overdue-label">Overdue</span>
<span class="check-summary" aria-label="Checklist: {v0} of {v1} complete">☑ {v2}/{v3}</span>
<span class="comment-count" aria-label="{v0} comments">◯ {v1}</span>
<article class="task-card {v0}" draggable="{v1}" tabindex="0" role="button" data-card="{v2}" aria-label="{v3}. Open details. Use Alt and arrow keys to move"><div class="card-kicker"><span>TASK {v4}</span><span class="label-dots">{v5}</span><span class="grip" data-grip="{v6}" aria-hidden="true">⠿</span></div><div class="card-title-row"><strong>{v7}{v8}</strong></div><p class="card-note">{v9}</p><div class="card-due {v10}"><span>{v11}{v12}{v13}</span>{v14}{v15}</div></article>
Task list
See active and archived tasks together.
{v0}Add task
Active tasks
Archive
All
Undo
Archive
<tr class="{v0}"><td>{v1}<small>{v2}</small></td><td><span class="status-pill">{v3}</span></td><td>{v4}</td><td class="nowrap">{v5}</td><td>{v6}</td></tr>
<div class="empty-state">No tasks here yet.<small>Change your search or add a task.</small></div>
{v0}<div class="list-toolbar"><div class="segmented">{v1}</div>{v2}</div><div class="table-wrap"><table><thead><tr><th>Task</th><th>Column</th><th>Label</th><th>Due date</th><th>Actions</th></tr></thead><tbody>{v3}</tbody></table>{v4}</div>
Tasks across all boards
{v1} tasks from {v0} boards. Check each board name and edit directly.
Active tasks
Archive
All
· Archive
· View only
Unarchive
Archive
<tr class="{v0}"><td>{v1}<small>{v2}{v3}</small></td><td><strong>{v4}</strong><small>{v5}{v6}</small></td><td>{v7}</td><td class="nowrap">{v8}</td><td>{v9}</td></tr>
<div class="empty-state">No matching tasks.<small>Try other keywords or filters.</small></div>
{v0}<div class="list-toolbar"><div class="segmented">{v1}</div>{v2}</div><div class="table-wrap"><table><thead><tr><th>Task</th><th>Board / Column</th><th>Label</th><th>Due date</th><th>Actions</th></tr></thead><tbody>{v3}</tbody></table>{v4}</div>
Calendar
Review due dates and give your future self room.
aria-label="Previous month"
Today
aria-label="Next month"
Sun
Mon
Tue
Wed
Thu
Fri
Sat
data-date="{v0}" aria-label="Add a task on {v1}" {v2}
<div class="calendar-day {v0} {v1}"><div class="day-number"><span>{v2}</span>{v3}</div>{v4}</div>
{v0}<div class="calendar-shell"><div class="calendar-toolbar"><h2>{v1} <span>Month {v2}</span></h2><div>{v3}{v4}{v5}</div></div><div class="calendar-grid">{v6}{v7}</div></div>
Settings
Make DoNext work for you.
Not selected — using this browser’s encrypted copy
Not set
Choose save file
Retry saving
Save-location note
Import
Export
Open another file
Edit
<div><span class="label-dot" style="--label:{v0}"></span><strong>{v1}</strong>{v2}</div>
{v0}Create label
Keep on top displays DoNext above other windows. Keep the original DoNext window open.
This browser does not support keeping DoNext on top. Use a supported browser.
Choosing a destination automatically saves edits to the file.
This browser does not support automatic saving to files. Download and keep an encrypted copy.
No password is set. The encryption key is stored in this browser. Save an encrypted transfer copy before clearing browser data.
Password protected. Lock the workspace when leaving. Resuming requires the passphrase.
Password settings
Close
Lock
Delete the web save-location note
{v0}<div class="settings-grid"><section class="settings-card"><div class="section-icon purple">{v1}</div><h2>Saving and backup</h2><p>Tasks are saved encrypted on your device.<br>You can also choose a Google Drive or OneDrive sync folder.</p><div class="location-box"><small>Current file</small><strong>{v2}</strong><small>Save-location note (does not grant permission to open the file)</small><span>{v3}</span></div><div class="button-row">{v4}{v5}{v6}</div><div class="setting-separator"></div><h3>Transfer files</h3><p>Importing adds boards while retaining your current data. Other users can open the file with its passphrase.</p><div class="button-row">{v7}{v8}{v9}</div><p class="fine-print">Keep the passphrase. A forgotten passphrase cannot be recovered. Avoid simultaneous editing in sync folders and open files after syncing finishes.</p></section><section class="settings-card"><div class="section-icon amber">◉</div><h2>Label</h2><p>Find tasks by color and name.</p><div class="label-manager">{v10}</div>{v11}<div class="setting-separator"></div><h3>Overdue card color</h3><label class="color-setting"><input type="color" data-overdue-color value="{v12}" aria-label="Overdue card background color"><span>A gentle reminder for overdue tasks</span></label><p class="fine-print">Excludes tasks in columns treated as complete and archived tasks.</p></section><section class="settings-card compact"><h2>Display and controls</h2><p>Use ↶ to undo and ↷ to redo. Up to 30 operations are kept while the workspace is open. Text fields use their usual text undo.</p><p>Columns stack when the window is narrow. Drag cards to move them, or focus a card and use Alt+arrow keys.</p><p>{v13}</p><p>{v14}</p></section><section class="settings-card compact"><h2>Protect your workspace</h2><p>{v15}</p><div class="button-row">{v16}{v17}{v18}</div></section></div>
Save
aria-label="Close"
Cancel
<form method="dialog"><header class="modal-header"><h2>{v0}</h2>{v1}</header><div class="modal-body">{v2}</div><div class="form-error" role="alert"></div><footer class="modal-footer">{v3}<button class="primary" type="submit">{v4}</button></footer></form>
Check your input.
This board is view-only. Check your plan.
This window is read-only. Close and reopen the workspace to continue editing.
Duplicate
Unarchive
Archive
Delete
Move to start
Move to end
<div class="detail-bottom"><span>Created {v0}</span>{v1}{v2}{v3}{v4}{v5}</div>
Title
required maxlength="500" placeholder="What is your next step?" class="title-input"
Due date (optional)
Today
Tomorrow
In one week
No due date
Low
Normal
High
Highest
aria-label="Make selected text bold" aria-pressed="false" title="Toggle bold"
aria-label="Make selected text italic" aria-pressed="false" title="Toggle italic"
Clear formatting
aria-label="Clear selected text formatting"
aria-label="Add checklist item"
Add comment
<div class="detail-workbench">
<section class="detail-hero">
<div class="detail-identity"><span class="detail-monogram">DN</span><div><span class="detail-eyebrow">TASK NOTE</span><p class="detail-source">{v0}</p></div></div>
<fieldset {v1}>{v2}</fieldset>
</section>
<div class="detail-grid">
<aside class="detail-control-panel">
<div class="detail-section-heading"><span>01</span><div><strong>Organize</strong><small>Where and when</small></div></div>
<fieldset {v3}>
<label class="field"><span>Stage</span><select name="column">{v4}</select></label>
{v5}
<div class="due-shortcuts" aria-label="Quickly change the due date">{v6}{v7}</div>
<label class="field"><span>Priority</span><select name="priority">{v8}</select></label>
<div class="field"><span>Label</span><div class="label-picker">{v9}</div></div>
</fieldset>
{v10}
</aside>
<main class="detail-main">
<div class="detail-section-heading"><span>02</span><div><strong>Keep a record</strong><small>Key points and context</small></div></div>
<fieldset {v11}>
<div class="field"><span id="note-label">Note</span><div class="rich-editor"><div class="editor-tools">{v12}{v13}<label class="editor-color" title="Selected text color">A<input type="color" data-note-color value="#5967d8" aria-label="Selected text color"></label>{v14}<span>Select text to format it</span></div><div contenteditable="{v15}" role="textbox" aria-multiline="true" aria-labelledby="note-label" class="note-editor" data-note>{v16}</div></div></div>
<label class="field"><span>Description</span><textarea name="description" rows="5" placeholder="Add context and details.">{v17}</textarea></label>
<div class="field"><span>Checklist</span><div class="checklist"><div data-check-items></div><div class="check-add"><input name="checkText" placeholder="Add a small step…" maxlength="10000" aria-label="Checklist item">{v18}</div></div></div>
</fieldset>
</main>
</div>
<section class="comment-panel">
<div class="detail-section-heading"><span>03</span><div><strong>Discussion</strong><small>Comments in time order</small></div></div>
<div class="comment-layout"><div class="comment-timeline">{v19}</div><div class="comment-compose"><label class="field"><span>Add comment</span><textarea name="comment" rows="4" placeholder="Record thoughts and progress…" {v20}></textarea></label>{v21}<small>Comments are confirmed with Save.</small></div></div>
</section>
</div>
Task details
New task
Enter a title.
Check the due date.
Task added. The view filters were adjusted to show it.
Task added.
Close
Save
data-id="{v0}" aria-label="Remove checklist item"
<label class="check-item {v0}"><input type="checkbox" data-check-id="{v1}" {v2}><span>{v3}</span>{v4}</label>
<small>{v0} / {v1} complete</small><div class="check-progress"><span style="width:{v2}%"></span></div>{v3}
Select text in the note.
User
Unarchive
Archive
Confirm with Save.
start
end
When saved, move to the column’s {v0}.
Permanently delete task
Untitled task
<div class="delete-confirmation" role="alert"><strong>「{v0}」</strong><p>This permanently deletes the task from the encrypted file.</p><p class="fine-print">It cannot be restored through Archive or Undo. Check that you want to delete it.</p></div>
The task was removed from the view, but the saved file has not finished updating. Retry saving from Settings.
Task permanently deleted.
Delete permanently
<div class="comments-empty">Leave the first comment.</div>
Customize column
Column name
{v0}<label class="check-line"><input name="done" type="checkbox" {v1}>Treat this column’s tasks as complete</label><div class="setting-separator"></div><label class="check-line"><input name="remove" type="checkbox" {v2} {v3}>Remove this column (at least two columns required)</label><label class="field"><span>Destination for tasks if removed</span><select name="target">{v4}</select></label><p class="fine-print">Archived tasks are moved too. Tasks themselves are retained.</p>
Edit label
Create label
Label name
Color
<label class="check-line"><input type="checkbox" name="remove">Delete this label (tasks are retained)</label>
{v0}{v1}{v2}
Board settings
Board name
<label class="check-line"><input type="checkbox" name="remove" {v0}>Delete this board</label><p class="fine-print">Boards containing tasks cannot be deleted. Data is protected, including archived tasks.</p>
{v0}{v1}
DoNext encrypted file
Save with a different name to protect the existing file. Choose Open another file to use existing data.
Changes will be saved automatically to this file.
Saved to the file. Its location could not be remembered, so choose the file again next time.
Save encrypted copy
Passphrase for this copy
Enter again
<p>Save all boards and archives in one file. Give the recipient the passphrase too.</p>{v0}{v1}<p class="fine-print">At least 10 characters. A forgotten passphrase cannot be recovered. The current workspace’s passphrase stays unchanged.</p>
The passphrases do not match.
The encrypted copy download started. Check its save location.
Encrypt and save
Import encrypted file
File passphrase (if set)
<p>Add boards while retaining existing data. Currently {v0} / {v1} boards.</p><label class="field"><span>DoNext file</span><input name="file" type="file" accept=".donext" required></label>{v2}
Choose a file.
Boards added.
Import
Save-location note
Save location
maxlength="600" placeholder="Example: Google Drive / Work / DoNext.donext"
Only this note and the file name are also stored in your web account.
Guest save-location notes are stored in the encrypted file on this device.
<p>A note to remember where the file is saved. Choose save file sets the actual destination.</p>{v0}<p class="fine-print">{v1}</p>
This browser does not support keeping DoNext on top. Open it in a supported browser.
<div class="pip-placeholder"><h1>DoNext is displayed on top</h1><p>Keep this window open.</p><button id="return-pip">Return to the normal window</button></div>
Permission to save the file is required.
Saved.
Saving is incomplete. Retry saving or save an encrypted copy first.
Take your next step,
with ease.
Keep everything on your mind here.
A private task workspace
that moves at your pace.
Let’s begin.
You can reopen the previous workspace.
Your data stays with you.
Create a workspace to begin.
Open previous file
New workspace
Open file
Open browser recovery copy
<div class="welcome"><header class="welcome-header"><span class="brand"><span class="brandmark">d<span>›</span></span>DoNext</span><div class="welcome-controls">{v0}<span class="welcome-plan">{v1} · {v2}</span></div></header><div class="welcome-main"><div class="welcome-copy"><span class="eyebrow">{v3}</span><h1>{v4}<br><em>{v5}</em></h1><p>{v6}</p><div class="welcome-badges"><span>◇ Encrypted and saved on your device</span><span>▥ Flexible boards</span></div></div><section class="start-card"><span class="section-icon purple">↗</span><h2>{v7}</h2><p>{v8}</p>{v9}{v10}{v11}{v12}<div class="start-note">{v13} boards, unlimited tasks<br>You can also save to a Google Drive / OneDrive sync folder.</div></section></div><footer class="welcome-footer">DoNext <span>{v14}</span></footer></div><div id="dialogs"></div>
Passphrase
Enter again
<label class="check-line"><input type="checkbox" name="protected">Require a password when opening</label><div data-password-fields hidden>{v0}{v1}</div><p data-device-notice>Encrypted even without a password. Open it using the same account and browser.</p><p class="fine-print">For moving to another device or backing up, use Export to set a transfer passphrase. Clearing browser data prevents passwordless files from being opened.</p>
The passphrases do not match.
Create workspace
<p>Creating a workspace replaces this browser’s recovery copy. Save the previous data to a file first.</p><label class="check-line"><input type="checkbox" required>I saved the previous file or an encrypted copy</label>
{v0}{v1}
Workspace created. Choose a save file in Settings to enable automatic saving.
Create workspace
Password settings
No password
Password set
<p>Currently: {v0}. Future saves will use the new encryption settings.</p>{v1}<p class="fine-print">Passwords for previously exported copies stay unchanged.</p>
Settings changed, but the save destination needs checking. Keep this window open and choose Retry saving in Settings.
Password settings changed.
No recovery copy is available.
Permission to open the file is required.
DoNext encrypted file
Open file
Passphrase (if set)
<label class="field"><span>DoNext file</span><input type="file" name="file" accept=".donext" required></label>{v0}
Open
Open recovery copy
Open workspace
This browser’s encrypted copy
Passphrase
<p class="fine-print">The recovery copy does not automatically save to the original file. Check its contents and save with a new file name.</p>
<p>{v0}</p>{v1}{v2}
Open
Could not save the recovery copy. Keep the original file.
This plan allows editing up to {v0} boards. The remaining data can still be viewed and saved.
Add column
Column name
This plan allows up to {v0} boards.
Add board
Board name
required maxlength="120" placeholder="Example: Work, Home, Learning"
Archived.
Returned to the board.
Undo
Save-location note deleted.
Task moved.
Task moved.
<div class="fatal">DoNext requires a secure connection (HTTPS). Open it from an HTTPS page.</div>
This plan allows up to {v0} boards.
You can add up to six columns.
At least two columns are required.
Choose a destination column.
Could not find the column.
This file does not use a supported DoNext data format.
Importing would create {v0} boards. This plan allows up to {v1}. You can open it as a separate file.
Allow storage in this browser to use DoNext without a password.
Could not store the encryption key on this device.
Use a passphrase of at least 10 characters.
Choose a DoNext encrypted file (.donext).
This file can only be opened in the browser that created it. Export it from that browser and set a transfer passphrase.
Could not open the file. Check the passphrase or whether the file is damaged.
Cannot save a recovery copy in this browser.
Could not complete saving.
Choose the save file again.
Saving permission is required. Choose Retry saving in Settings.
The file was updated elsewhere. Overwriting stopped. Save an encrypted copy and reopen the latest file.
Current step
Visited step
Upcoming
現在の手順
確認した手順
これから
標準
大
特大
data-size="{v0}" aria-pressed="{v1}" title="文字とUIを{v2}%で表示"
<div class="display-sizes" role="group" aria-label="文字とUIの表示サイズ"><span>表示</span>{v0}</div>
表示を変更しました。このブラウザーでは次回のサイズを記憶できません。
期限なし
操作を完了できませんでした。もう一度お試しください。
アカウント情報を確認できません。ログイン状態を確認して開き直してください。
ログイン状態が変わりました。DoNextを開き直してください。
ご利用プランを更新しました。上限を超えるジャンルは閲覧できます。
プランを確認できないため、2ジャンルまで編集できます。
別のDoNextで作業が再開されたため、この画面は読み取り専用になりました。
ワークスペースを再開
<div class="lock-recovery"><span class="section-icon purple">↻</span><h3>前回の編集ロックが残っています</h3><p>ブラウザーが突然終了した場合や、復元された別のタブがある場合に起こります。</p><p>この画面で再開すると、編集権を安全に引き継ぎます。開いている別のDoNext画面は読み取り専用になります。</p><p class="fine-print">別の画面に保存前の入力がある場合、その内容は引き継がれません。</p></div>
編集権を引き継げませんでした。少し待ってからもう一度お試しください。
この画面で再開
このブラウザーでは安全な同時編集の制御ができません。最新版のブラウザーで開いてください。
保存を確認してください
保存しています…
ファイルに保存済み
このブラウザーに暗号化保存
復旧用コピーを保存できませんでした。
ファイルへ保存できませんでした。
保存先がありません。暗号化コピーをダウンロードしてください。
暗号化保存に失敗しました。画面を閉じず、保存を再試行してください。
操作をやり直しました。
操作を取り消しました。
追加
詳細
aria-label="クイック追加を取り消す"
<div class="quick-add" data-quick-column="{v0}"><input data-quick-title aria-label="タスクのタイトルをクイック入力" placeholder="タイトルを入力して Enter" maxlength="500" value="{v1}"><div>{v2}{v3}{v4}</div><small>Enter で続けて追加 · Esc で閉じる</small></div>
{v0}タスクを追加
aria-label="元に戻す" title="元に戻す（⌘ / Ctrl＋Z）" disabled
aria-label="やり直す" title="やり直す（⌘ / Ctrl＋Shift＋Z）" disabled
{v0}<span>最前面</span>
aria-label="ワークスペースを最前面に表示"
ボード
タスク一覧
カレンダー
設定
{v0}{v1}
暗号化コピーを保存 {v0}
ワークスペースを閉じる
ワークスペースをロック
aria-label="ジャンルを追加"
<div class="app"><header class="topbar"><a class="brand" href="#" data-action="home"><span class="brandmark">d<span>›</span></span><span>DoNext<small>YOUR NEXT, SIMPLIFIED.</small></span></a><div class="global-search">{v0}<input id="search" maxlength="500" type="search" aria-label="タスクを全文検索" placeholder="タスクを検索…"><select data-search-scope aria-label="検索するジャンル"><option value="current">このジャンル</option><option value="all">全ジャンル</option></select><kbd>⌘ K</kbd></div><div class="top-actions">{v1}<div class="history-actions">{v2}{v3}</div><span class="save-dot" aria-hidden="true"></span><span data-save-status class="save-status"></span>{v4}<span class="avatar" title="{v5}">{v6}</span></div></header><div class="app-body"><aside class="sidebar"><div class="nav-label">ワークスペース</div><nav aria-label="画面を切り替える">{v7}</nav><div class="sidebar-bottom"><div class="storage-icon">{v8}</div><strong>あなたのPCで、安心管理。</strong><p>タスクは暗号化して保存。<br>あなたの手元に、ずっと。</p>{v9}<div class="plan-card"><span>{v10}</span><b>{v11}</b><small>{v12}ジャンルまで利用できます</small></div>{v13}</div></aside><main class="main"><div class="genre-bar"><div class="genre-tabs" role="tablist" aria-label="ジャンル"></div>{v14}</div><div class="readonly-banner" data-lock-readonly role="status" hidden><span>↗</span><div><strong>この画面は読み取り専用です</strong><small>別のDoNext画面が編集を引き継ぎました。内容の閲覧と暗号化コピーの保存ができます。</small></div></div><div class="save-alert" data-save-alert role="alert" hidden></div><div id="content"></div><footer class="workspace-footer"><span>Do a little. Move forward.</span><span>DoNext <span class="dot">·</span> PRIVATE WORKSPACE</span></footer></main></div></div><div id="dialogs"></div>
ワークスペースを閉じる
ワークスペースをロック
<span>閲覧のみ</span>
<span class="genre-dot tone-{v0}"></span>{v1}{v2}
<option value="">すべてのラベル</option>{v0}
すべての期限
今日が期限
7日以内
期限切れ
期限なし
<select class="due-filter" aria-label="期限で絞り込み" data-due-filter>{v0}</select>
絞り込みを解除
{v0}<select aria-label="ラベルで絞り込み" data-label-filter>{v1}</select>{v2}
aria-label="ジャンル名と設定"
<div class="page-heading"><div><div class="eyebrow">{v0}</div><h1>{v1}{v2}</h1><p>{v3}</p></div><div class="heading-actions">{v4}</div></div>
ひとつずつ、次の一歩へ。
{v0}タスクを追加
{v0}列を追加
data-id="{v0}" aria-label="{v1}の列を削除" {v2}
data-id="{v0}" aria-label="{v1}の列設定" {v2}
<section class="column column-{v0}" data-column="{v1}" aria-label="{v2}"><header class="column-header"><span class="stage-number">{v3}</span><span class="column-indicator"></span><h2>{v4}</h2><span class="count">{v5}</span>{v6}{v7}</header><div class="stage-body"><span class="stage-rail" aria-hidden="true"></span><div class="card-stack" data-drop-column="{v8}">{v9}</div>{v10}</div></section>
このジャンルは閲覧のみです。データは保持されています。暗号化コピーを保存できます。
別のDoNext画面が編集を引き継いだため、この画面は読み取り専用です。内容の閲覧と暗号化コピーの保存ができます。
<p class="readonly-note">{v0}</p>
{v0}<div class="board-toolbar"><span class="task-total"><b>{v1}</b> タスク <span class="toolbar-divider"></span><span class="completion-dot"></span> {v2} 完了</span><div class="filter-row">{v3}{v4}</div></div><div class="workflow-board"><div class="workflow-overview"><span>FLOW MAP</span><div class="workflow-progress" role="progressbar" aria-label="完了率" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{v5}"><span style="width:{v6}%"></span></div><strong>{v7}%</strong></div><div class="board-grid" style="--columns:{v8}">{v9}</div></div>{v10}
最優先
高い優先度
<span class="priority-mark" title="{v0}">{v1}</span>
無題のタスク
メモを追加…
<span class="overdue-label">期限切れ</span>
<span class="check-summary" aria-label="チェックリスト完了{v0}／{v1}">☑ {v2}/{v3}</span>
<span class="comment-count" aria-label="コメント{v0}件">◯ {v1}</span>
<article class="task-card {v0}" draggable="{v1}" tabindex="0" role="button" data-card="{v2}" aria-label="{v3}。詳細を開く。Altキーと矢印で移動"><div class="card-kicker"><span>TASK {v4}</span><span class="label-dots">{v5}</span><span class="grip" data-grip="{v6}" aria-hidden="true">⠿</span></div><div class="card-title-row"><strong>{v7}{v8}</strong></div><p class="card-note">{v9}</p><div class="card-due {v10}"><span>{v11}{v12}{v13}</span>{v14}{v15}</div></article>
タスク一覧
進行中も、アーカイブも。すべてを見渡そう。
{v0}タスクを追加
現在のタスク
アーカイブ
すべて
元に戻す
アーカイブ
<tr class="{v0}"><td>{v1}<small>{v2}</small></td><td><span class="status-pill">{v3}</span></td><td>{v4}</td><td class="nowrap">{v5}</td><td>{v6}</td></tr>
<div class="empty-state">ここにはまだタスクがありません。<small>検索条件を変えるか、新しいタスクを追加してください。</small></div>
{v0}<div class="list-toolbar"><div class="segmented">{v1}</div>{v2}</div><div class="table-wrap"><table><thead><tr><th>タスク</th><th>列</th><th>ラベル</th><th>期限</th><th>操作</th></tr></thead><tbody>{v3}</tbody></table>{v4}</div>
全ジャンルのタスク
{v0}ジャンルから {v1}件。ジャンル名を確かめて、そのまま編集できます。
現在のタスク
アーカイブ
すべて
· アーカイブ
· 閲覧のみ
アーカイブ解除
アーカイブ
<tr class="{v0}"><td>{v1}<small>{v2}{v3}</small></td><td><strong>{v4}</strong><small>{v5}{v6}</small></td><td>{v7}</td><td class="nowrap">{v8}</td><td>{v9}</td></tr>
<div class="empty-state">一致するタスクがありません。<small>キーワードや絞り込み条件を変えてみてください。</small></div>
{v0}<div class="list-toolbar"><div class="segmented">{v1}</div>{v2}</div><div class="table-wrap"><table><thead><tr><th>タスク</th><th>ジャンル / 列</th><th>ラベル</th><th>期限</th><th>操作</th></tr></thead><tbody>{v3}</tbody></table>{v4}</div>
カレンダー
期限を眺めて、少し先の自分に余裕を。
aria-label="前の月"
今日
aria-label="次の月"
日
月
火
水
木
金
土
data-date="{v0}" aria-label="{v1}にタスクを追加" {v2}
<div class="calendar-day {v0} {v1}"><div class="day-number"><span>{v2}</span>{v3}</div>{v4}</div>
{v0}<div class="calendar-shell"><div class="calendar-toolbar"><h2>{v1}年 <span>{v2}月</span></h2><div>{v3}{v4}{v5}</div></div><div class="calendar-grid">{v6}{v7}</div></div>
設定
あなたに合った、使いやすさに。
未選択 — ブラウザー内の暗号化コピーを使用中
未設定
保存ファイルを選ぶ
保存を再試行
保存場所メモ
インポート
エクスポート
別のファイルを開く
編集
<div><span class="label-dot" style="--label:{v0}"></span><strong>{v1}</strong>{v2}</div>
{v0}ラベルを作成
「最前面」で他のウィンドウより前に表示できます。元のDoNextウィンドウは開いたままにしてください。
このブラウザーは最前面表示に対応していません。対応ブラウザーでご利用ください。
保存先を選ぶと、編集内容をファイルへ自動保存します。
このブラウザーはファイルへの自動保存に対応していません。暗号化コピーをダウンロードして保管してください。
パスワードなし。暗号鍵はこのブラウザーに保存されています。ブラウザーのデータを削除する前に、受け渡し用の暗号化コピーを保存してください。
パスワードで保護しています。離席するときはロック。再開にはパスフレーズが必要です。
パスワード設定
閉じる
ロックする
Webの保存場所メモを削除
{v0}<div class="settings-grid"><section class="settings-card"><div class="section-icon purple">{v1}</div><h2>保存とバックアップ</h2><p>タスクはあなたのPCに暗号化して保存されます。<br>Google DriveやOneDriveの同期フォルダーも選べます。</p><div class="location-box"><small>現在のファイル</small><strong>{v2}</strong><small>保存場所メモ（ファイルを開く権限にはなりません）</small><span>{v3}</span></div><div class="button-row">{v4}{v5}{v6}</div><div class="setting-separator"></div><h3>ファイルを受け渡す</h3><p>読み込むと、現在のデータを残したままジャンルが追加されます。別のユーザーもパスフレーズで開けます。</p><div class="button-row">{v7}{v8}{v9}</div><p class="fine-print">パスフレーズは保管してください。忘れた場合、復元できません。同期フォルダーでは同時編集を避け、同期完了後に開いてください。</p></section><section class="settings-card"><div class="section-icon amber">◉</div><h2>ラベル</h2><p>色と名前で、タスクを見つけやすく。</p><div class="label-manager">{v10}</div>{v11}<div class="setting-separator"></div><h3>期限を過ぎたカードの色</h3><label class="color-setting"><input type="color" data-overdue-color value="{v12}" aria-label="期限切れカードの背景色"><span>期限切れを、やさしくお知らせ</span></label><p class="fine-print">「完了として扱う」列とアーカイブのタスクは除きます。</p></section><section class="settings-card compact"><h2>表示と操作</h2><p>↶ で元に戻す、↷ でやり直す。履歴は開いている間の最大30操作です。入力欄では通常の文字の取り消しが使えます。</p><p>ウィンドウを狭くすると列が縦に並びます。カードはつかんで移動。キーボードではカードにフォーカスし、Alt＋矢印で移動できます。</p><p>{v13}</p><p>{v14}</p></section><section class="settings-card compact"><h2>ワークスペースを守る</h2><p>{v15}</p><div class="button-row">{v16}{v17}{v18}</div></section></div>
保存する
aria-label="閉じる"
キャンセル
<form method="dialog"><header class="modal-header"><h2>{v0}</h2>{v1}</header><div class="modal-body">{v2}</div><div class="form-error" role="alert"></div><footer class="modal-footer">{v3}<button class="primary" type="submit">{v4}</button></footer></form>
入力内容を確認してください。
このジャンルは閲覧のみです。ご利用プランを確認してください。
この画面は読み取り専用です。編集を続けるには、ワークスペースを閉じて開き直してください。
複製する
アーカイブを解除
アーカイブする
削除
先頭へ
末尾へ
<div class="detail-bottom"><span>作成 {v0}</span>{v1}{v2}{v3}{v4}{v5}</div>
タイトル
required maxlength="500" placeholder="次に、何をしよう？" class="title-input"
期限（任意）
今日
明日
1週間後
期限なし
低い
通常
高い
最優先
aria-label="選択した文字を太字にする" aria-pressed="false" title="太字の切り替え"
aria-label="選択した文字を斜体にする" aria-pressed="false" title="斜体の切り替え"
書式を解除
aria-label="選択した文字の書式を解除"
aria-label="チェック項目を追加"
コメントを追加
<div class="detail-workbench">
<section class="detail-hero">
<div class="detail-identity"><span class="detail-monogram">DN</span><div><span class="detail-eyebrow">TASK NOTE</span><p class="detail-source">{v0}</p></div></div>
<fieldset {v1}>{v2}</fieldset>
</section>
<div class="detail-grid">
<aside class="detail-control-panel">
<div class="detail-section-heading"><span>01</span><div><strong>整理する</strong><small>場所とタイミング</small></div></div>
<fieldset {v3}>
<label class="field"><span>進行ステージ</span><select name="column">{v4}</select></label>
{v5}
<div class="due-shortcuts" aria-label="期限をかんたん変更">{v6}{v7}</div>
<label class="field"><span>優先度</span><select name="priority">{v8}</select></label>
<div class="field"><span>ラベル</span><div class="label-picker">{v9}</div></div>
</fieldset>
{v10}
</aside>
<main class="detail-main">
<div class="detail-section-heading"><span>02</span><div><strong>内容を残す</strong><small>要点と背景</small></div></div>
<fieldset {v11}>
<div class="field"><span id="note-label">メモ</span><div class="rich-editor"><div class="editor-tools">{v12}{v13}<label class="editor-color" title="選択した文字の色">A<input type="color" data-note-color value="#5967d8" aria-label="選択した文字の色"></label>{v14}<span>文字を選択して装飾</span></div><div contenteditable="{v15}" role="textbox" aria-multiline="true" aria-labelledby="note-label" class="note-editor" data-note>{v16}</div></div></div>
<label class="field"><span>説明</span><textarea name="description" rows="5" placeholder="背景や、詳しい内容を残しておこう。">{v17}</textarea></label>
<div class="field"><span>チェックリスト</span><div class="checklist"><div data-check-items></div><div class="check-add"><input name="checkText" placeholder="小さな一歩を追加…" maxlength="10000" aria-label="チェック項目">{v18}</div></div></div>
</fieldset>
</main>
</div>
<section class="comment-panel">
<div class="detail-section-heading"><span>03</span><div><strong>やり取り</strong><small>時系列のコメント</small></div></div>
<div class="comment-layout"><div class="comment-timeline">{v19}</div><div class="comment-compose"><label class="field"><span>コメントを追加</span><textarea name="comment" rows="4" placeholder="考えたことや進捗を残す…" {v20}></textarea></label>{v21}<small>コメントも「保存する」で確定します。</small></div></div>
</section>
</div>
タスクの詳細
新しいタスク
タイトルを入力してください。
期限の日付を確認してください。
タスクを追加しました。表示条件を調整して、追加したタスクを表示しています。
タスクを追加しました。
閉じる
保存する
data-id="{v0}" aria-label="チェック項目を削除"
<label class="check-item {v0}"><input type="checkbox" data-check-id="{v1}" {v2}><span>{v3}</span>{v4}</label>
<small>{v0} / {v1} 完了</small><div class="check-progress"><span style="width:{v2}%"></span></div>{v3}
メモの文字を選択してください。
ユーザー
アーカイブを解除
アーカイブする
「保存する」で確定します。
先頭
末尾
保存時に列の{v0}へ移動します。
タスクを完全に削除
無題のタスク
<div class="delete-confirmation" role="alert"><strong>「{v0}」</strong><p>このタスクを暗号化ファイルから完全に削除します。</p><p class="fine-print">アーカイブや「元に戻す」では復元できません。本当に削除してよいか確認してください。</p></div>
タスクは画面から削除しましたが、保存ファイルの更新が完了していません。設定から保存を再試行してください。
タスクを完全に削除しました。
完全に削除する
<div class="comments-empty">最初のひとことを残しましょう。</div>
列をカスタマイズ
列の名前
{v0}<label class="check-line"><input name="done" type="checkbox" {v1}>この列のタスクを完了として扱う</label><div class="setting-separator"></div><label class="check-line"><input name="remove" type="checkbox" {v2} {v3}>この列を削除する（最低2列）</label><label class="field"><span>削除する場合のタスク移動先</span><select name="target">{v4}</select></label><p class="fine-print">アーカイブしたタスクも移動し、タスク自体は削除しません。</p>
ラベルを編集
ラベルを作成
ラベル名
色
<label class="check-line"><input type="checkbox" name="remove">このラベルを削除する（タスクは残ります）</label>
{v0}{v1}{v2}
ジャンルの設定
ジャンル名
<label class="check-line"><input type="checkbox" name="remove" {v0}>このジャンルを削除する</label><p class="fine-print">タスクがあるジャンルは削除できません。アーカイブも含め、データを保護しています。</p>
{v0}{v1}
DoNext 暗号化ファイル
既存ファイルを保護するため、別の名前で保存してください。既存のデータを使う場合は「別のファイルを開く」を選びます。
このファイルに自動保存します。
ファイルに保存しました。保存場所を記憶できなかったため、次回はファイルを選び直してください。
暗号化コピーを保存
このコピーのパスフレーズ
もう一度入力
<p>すべてのジャンルとアーカイブを1つのファイルに保存します。受け取る方にはパスフレーズも伝えてください。</p>{v0}{v1}<p class="fine-print">10文字以上。忘れた場合は復元できません。今のワークスペースのパスフレーズは変わりません。</p>
パスフレーズが一致しません。
暗号化コピーのダウンロードを開始しました。保存先を確認してください。
暗号化して保存
暗号化ファイルを読み込む
ファイルのパスフレーズ（設定した場合）
<p>元のデータを残したまま、ジャンルを追加します。現在 {v0} / {v1} ジャンル。</p><label class="field"><span>DoNextファイル</span><input name="file" type="file" accept=".donext" required></label>{v2}
ファイルを選んでください。
ジャンルを追加しました。
読み込む
保存場所メモ
保存場所
maxlength="600" placeholder="例：Google Drive / 仕事 / DoNext.donext"
このメモとファイル名だけを、あなたのWebアカウントにも保存します。
ゲストの保存場所メモは、この端末の暗号化ファイル内に保存します。
<p>保存場所を忘れないためのメモです。実際の保存先は「保存ファイルを選ぶ」で指定します。</p>{v0}<p class="fine-print">{v1}</p>
このブラウザーは最前面表示に対応していません。対応ブラウザーで開いてください。
<div class="pip-placeholder"><h1>DoNextは最前面で表示中</h1><p>このウィンドウは開いたままにしてください。</p><button id="return-pip">通常ウィンドウに戻す</button></div>
ファイルを保存する許可が必要です。
保存できました。
保存が完了していません。先に保存を再試行するか、暗号化コピーを保存してください。
次の一歩を、
軽やかに。
頭の中の「あれも、これも」を、ここに。
あなたのペースで進める、
プライベートなタスクワークスペース。
さあ、はじめよう。
前回のワークスペースを開けます。
データはあなたの手元に。
最初にワークスペースを作りましょう。
前回のファイルを開く
新しいワークスペース
ファイルを開く
ブラウザーの復旧用コピーを開く
<div class="welcome"><header class="welcome-header"><span class="brand"><span class="brandmark">d<span>›</span></span>DoNext</span><div class="welcome-controls">{v0}<span class="welcome-plan">{v1} · {v2}</span></div></header><div class="welcome-main"><div class="welcome-copy"><span class="eyebrow">{v3}</span><h1>{v4}<br><em>{v5}</em></h1><p>{v6}</p><div class="welcome-badges"><span>◇ 暗号化してPCに保存</span><span>▥ 自由なボード</span></div></div><section class="start-card"><span class="section-icon purple">↗</span><h2>{v7}</h2><p>{v8}</p>{v9}{v10}{v11}{v12}<div class="start-note">{v13}ジャンル・タスク数は無制限<br>Google Drive / OneDrive の同期フォルダーにも保存できます。</div></section></div><footer class="welcome-footer">DoNext <span>{v14}</span></footer></div><div id="dialogs"></div>
パスフレーズ
もう一度入力
<label class="check-line"><input type="checkbox" name="protected">開くときにパスワードを求める</label><div data-password-fields hidden>{v0}{v1}</div><p data-device-notice>パスワードなしでも暗号化します。同じアカウント・ブラウザーで開けます。</p><p class="fine-print">別のPCへの移行やバックアップには「エクスポート」で受け渡し用パスフレーズを設定してください。ブラウザーのデータを消すと、パスワードなしのファイルは開けなくなります。</p>
パスフレーズが一致しません。
ワークスペースを作成
<p>新規作成すると、このブラウザーの復旧用コピーが切り替わります。前回のデータは先にファイルへ保存してください。</p><label class="check-line"><input type="checkbox" required>前回のファイルまたは暗号化コピーを保存しました</label>
{v0}{v1}
作成しました。設定から保存ファイルを選ぶと自動保存できます。
ワークスペースを作成
パスワード設定
パスワードなし
パスワードあり
<p>現在：{v0}。新しい設定でこれからの保存を暗号化します。</p>{v1}<p class="fine-print">以前に書き出したコピーのパスワードは変わりません。</p>
設定を変更しましたが、保存先の確認が必要です。画面を閉じず、設定の「保存を再試行」を押してください。
パスワード設定を変更しました。
復旧用コピーがありません。
ファイルを開く許可が必要です。
DoNext 暗号化ファイル
ファイルを開く
パスフレーズ（設定した場合）
<label class="field"><span>DoNextファイル</span><input type="file" name="file" accept=".donext" required></label>{v0}
開く
復旧用コピーを開く
ワークスペースを開く
このブラウザーの暗号化コピー
パスフレーズ
<p class="fine-print">復旧用コピーは元のファイルに自動保存しません。内容を確認し、新しいファイル名で保存してください。</p>
<p>{v0}</p>{v1}{v2}
開く
復旧用コピーの保存に失敗しました。元のファイルを保管してください。
このプランは{v0}ジャンルまで編集できます。残りのデータも閲覧・保存できます。
列を追加
列の名前
このプランでは{v0}ジャンルまで管理できます。
ジャンルを追加
ジャンル名
required maxlength="120" placeholder="例：仕事、暮らし、学び"
アーカイブしました。
ボードに戻しました。
元に戻す
保存場所メモを削除しました。
タスクを移動しました。
タスクを移動しました。
<div class="fatal">DoNextは安全な接続（HTTPS）が必要です。HTTPSのページから開いてください。</div>
このプランでは{v0}ジャンルまでです。
列は6列まで追加できます。
列は最低2列必要です。
移動先の列を選んでください。
列が見つかりません。
このファイルはDoNextのデータ形式に対応していません。
読み込むと{v0}ジャンルになります。このプランは{v1}ジャンルまでです。別のファイルとして開くことはできます。
パスワードなしで使うには、このブラウザーへの保存を許可してください。
この端末に暗号鍵を保存できませんでした。
パスフレーズは10文字以上にしてください。
DoNextの暗号化ファイル（.donext）を選んでください。
このファイルは作成したブラウザー専用です。元のブラウザーで「エクスポート」し、受け渡し用パスフレーズを設定してください。
開けませんでした。パスフレーズ、またはファイルの破損を確認してください。
このブラウザーに復旧用コピーを保存できません。
保存を完了できませんでした。
保存ファイルを選び直してください。
保存する許可が必要です。設定の「保存を再試行」を押してください。
ファイルが別の場所で更新されています。上書きを止めました。暗号化コピーを保存し、最新のファイルを開き直してください。