-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
228 lines (210 loc) · 9.27 KB
/
Copy pathindex.html
File metadata and controls
228 lines (210 loc) · 9.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="自由で、安心して使えるコンピューター">
<meta name="theme-color" content="#ffffff">
<title>mochiOS</title>
<link rel="icon" href="assets/mochimochi-kun.svg" type="image/svg+xml">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="site-header">
<div class="nav-inner">
<a class="brand" href="#top">mochiOS</a>
<nav class="desktop-nav" aria-label="メインナビゲーション">
<a href="#possibilities">目指していること</a>
<a href="#difference">ほかのOSとの違い</a>
<a href="#preview">開発状況</a>
</nav>
<a class="nav-github" href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">GitHub</a>
<details class="mobile-menu">
<summary aria-label="メニューを開く">メニュー</summary>
<nav aria-label="モバイルナビゲーション">
<a href="#possibilities">目指していること</a>
<a href="#difference">ほかのOSとの違い</a>
<a href="#preview">開発状況</a>
<a href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">GitHub</a>
</nav>
</details>
</div>
</header>
<main id="main">
<section class="hero" id="top">
<div class="content hero-content">
<p class="overline">under development</p>
<h1>mochiOS</h1>
<p class="hero-description">自由で、安心してつかえるコンピューター</p>
<div class="link-group">
<a class="text-action" href="#possibilities">目指すこと<span aria-hidden="true">›</span></a>
<a class="text-action" href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">開発状況<span aria-hidden="true">↗</span></a>
</div>
</div>
<div class="content-wide hero-product">
<div class="screen-content">
<div class="screen-message">
<p>必要な資源のみをアプリに渡す</p>
</div>
<div class="screen-window" aria-hidden="true">
<div class="window-sidebar">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="window-main">
<div class="window-title"></div>
<div class="window-line window-line-long"></div>
<div class="window-line"></div>
<div class="window-panels">
<span></span>
<span></span>
</div>
</div>
</div>
<div class="permission-sheet">
<strong>写真にアクセスすることを許可しますか</strong>
<small>ほかのファイルにはアクセスできません</small>
<div>
<span>許可しない</span>
<span>許可する</span>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="possibilities">
<div class="content centered-heading">
<p class="overline">目指しているもの</p>
<h2>アプリが使うものをその場ですぐに確認</h2>
<p>長い説明や複雑な設定は使いません。<br>アプリが使う資源をすぐに確認できることを目標にしています。</p>
</div>
<div class="content-wide feature-grid">
<article class="feature-card feature-card-large">
<div class="feature-copy">
<p class="feature-label">選べる権限</p>
<h3>大事な資源を守る</h3>
<p>あなたのコンピューターに含まれている大事な資源（カメラやマイクなど）が勝手に使用されることを防ぎます。<br>それらは必要なアプリのみが使えて、使用する際には確認が表示されます。</p>
</div>
<div class="choice-visual" aria-hidden="true">
<div class="choice-app">
<span>C</span>
<small>Camera</small>
</div>
<div class="choice-arrow">→</div>
<div class="choice-permissions">
<div class="choice-permission choice-allowed">
<span class="choice-status">○</span>
<span>カメラ</span>
</div>
<div class="choice-permission choice-denied">
<span class="choice-status">×</span>
<span>位置情報</span>
</div>
<div class="choice-permission choice-denied">
<span class="choice-status">×</span>
<span>ネットワークアクセス</span>
</div>
</div>
</div>
</article>
<article class="feature-card">
<div class="feature-copy">
<p class="feature-label">問題の分離</p>
<h3>不具合の影響を広げにくくする</h3>
<p>アプリを分けて動かし、ひとつのアプリの不具合がほかのアプリやOS全体へ広がりません。</p>
</div>
<div class="isolation-visual" aria-hidden="true">
<div class="isolation-app">
<span>A</span>
</div>
<div class="isolation-flow">
<span class="isolation-line"></span>
<span class="isolation-block">×</span>
<span class="isolation-arrow">←</span>
</div>
<div class="isolation-app isolation-failed">
<span>!</span>
</div>
<div class="isolation-flow">
<span class="isolation-arrow">→</span>
<span class="isolation-block">×</span>
<span class="isolation-line"></span>
</div>
<div class="isolation-app">
<span>B</span>
</div>
</div>
</article>
<article class="feature-card feature-card-dark">
<div class="feature-copy">
<p class="feature-label">利用履歴</p>
<h3>いつ何を使ったか確認する</h3>
<p>カメラやマイクやファイルを使った記録を<br>あとから確認できるようにします</p>
</div>
<div class="activity-visual" aria-hidden="true">
<div><span>Camera</span><small>カメラの使用を終了</small></div>
<div><span>Recorder</span><small>マイクを使用</small></div>
<div><span>Camera</span><small>カメラの使用</small></div>
</div>
</article>
</div>
</section>
<section class="difference section-dark" id="difference">
<div class="content centered-heading centered-heading-light">
<p class="overline">ほかのOSとの違い</p>
<h2>権限管理を<br>OSの基本機能とする</h2>
<p>現在のOS（Windows, macOS, Linux）にも権限設定は存在します。<br>ですが、mochiOSではアプリが持てる権限をOSのコアレベルで制限し、本当に必要なものだけを渡すことができます。</p>
</div>
<div class="content comparison-grid">
<article class="comparison-card comparison-muted">
<p class="comparison-label">一般的なOS</p>
<h3>既存の仕組みを保ちながら権限を制限する。</h3>
<p>長く使われてきたアプリや仕組みとの互換性を保ちながら危険な操作を制限します</p>
</article>
<article class="comparison-card comparison-mochi">
<p class="comparison-label">mochiOS</p>
<h3>必要な権限だけをアプリに渡す。</h3>
<p>アプリは受け取った権限の範囲でしか動けません。使える対象なども非常に細かく分けられるように設計しています。古いしがらみがないからこそ、非常にセキュアに作ることができます。</p>
</article>
</div>
</section>
<section class="section-soft" id="preview">
<div class="content preview-grid">
<div class="preview-copy">
<p class="overline">under development</p>
<h2>現在開発中</h2>
<p>起動して試せる段階ですが、日常用のOSとしては使えません。（使うことはできなくはないですが、責任を取れません）。未実装の機能も多く動作が不安定な部分もあります</p>
<a class="text-action" href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">現在の開発状況を見る<span aria-hidden="true">↗</span></a>
</div>
<div class="preview-product" aria-label="mochiOS Developer Preview">
<div class="preview-body">
<span class="preview-mark">m</span>
<p>Developer<br>Preview</p>
</div>
</div>
</div>
</section>
<section class="closing">
<div class="content closing-content">
<p class="overline">オープンソース</p>
<h2>開発中も<br>GitHubで公開しています</h2>
<p>ソースコードや既知の問題や今後の作業を確認できます。また、<a style="text-decoration: underline;" href="https://x.com/mochiOSdev">公式Xアカウント</a>で開発の進捗なども共有されています</p>
<a class="text-action text-action-light" href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">GitHubで見る<span aria-hidden="true">↗</span></a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-inner">
<span>Copyright © 2026 mochiOS team</span>
<nav aria-label="フッターナビゲーション">
<a href="https://github.com/mochiOS/mochiOS" target="_blank" rel="noreferrer">GitHub</a>
<a href="https://github.com/mochiOS/mochiOS/issues" target="_blank" rel="noreferrer">Issues</a>
<a href="https://github.com/mochiOS/mochiOS/releases" target="_blank" rel="noreferrer">Releases</a>
<a href="https://x.com/mochiOSdev">X</a>
</nav>
</div>
</footer>
</body>
</html>