1<!DOCTYPE html>
  2<html lang="en">
  3  <!--
  4    ___      _____     _
  5   / _ \ _ _|_   _|_ _| | _____
  6  | | | | '_ \| |/ _` | |/ / _ \
  7  | |_| | | | | | (_| |   <  __/
  8   \___/|_| |_|_|\__,_|_|\_\___|
  9
 10  Copyright 2025. Louis Dalibard
 11  -->
 12
 13  <head>
 14    <!-- Stylesheet-->
 15    <link
 16      rel="stylesheet"
 17      type="text/css"
 18      href="https://dms.ontake.dev/style.css"
 19    />
 20    <!-- Title Element-->
 21    <title>projects | ontake.dev</title>
 22    <!-- Icon-->
 23    <link rel="icon" type="image/webp" href="/assets/images/icon.png" />
 24    <!-- Metadata-->
 25    <meta property="og:type" content="website" />
 26    <meta property="og:url" content="https://ontake.dev/projects" />
 27    <meta property="og:title" content="projects | ontake.dev" />
 28    <meta name="viewport" content="width=device-width, initial-scale=0.1" />
 29    <!-- Scripts-->
 30    <script src="/assets/js/draggable.js"></script>
 31  </head>
 32
 33  <body>
 34    <div id="content">
 35      The following are just a few of the projects I have undertaken over the
 36      years.<br />
 37      以下は、私が何年にもわたり行ってきたプロジェクトの一部である。<br /><br /><br />
 38      <div class="project-container">
 39        <div class="project-header">
 40          <div class="window">
 41            <div class="window-decorations">
 42              <div class="window-title">xyosc.png</div>
 43              <div class="window-decorations-spacer-container">
 44                <div class="window-decorations-spacer"></div>
 45                <div class="window-decorations-spacer"></div>
 46                <div class="window-decorations-spacer"></div>
 47              </div>
 48              <div class="window-button">_</div>
 49              <div class="window-button"></div>
 50              <div class="window-button window-button-close"></div>
 51            </div>
 52            <img src="./assets/images/xyosc.png" style="image-rendering: pixelated;" />
 53          </div>
 54          <div class="project-info-right">
 55            <div class="project-title">xyosc</div>
 56            <div class="project-date">Fall 2024</div>
 57            <br />
 58            <div class="project-text">
 59              xyosc is a real-time audio oscilloscope for the desktop with botth
 60              an amplitude/time mode and an XY mode.<br />
 61              xyoscは振幅/時間モードとXYモードを備えたデスクトップ用のリアルタイム・オーディオ・オシロスコープです。<br /><br />
 62
 63              Source files and more details can be found
 64              <a href="https://github.com/make-42/xyosc" class="text-underline"
 65                >here</a
 66              >.<br />
 67              ソースファイルと詳細は<a
 68                href="https://github.com/make-42/xyosc"
 69                class="text-underline"
 70                >こちら</a
 71              > 72            </div>
 73          </div>
 74        </div>
 75      </div>
 76      <div class="separator"></div>
 77      <div class="project-container">
 78        <div class="project-header">
 79          <div class="project-info-left">
 80            <div class="project-title">hayai</div>
 81            <div class="project-date">Summer 2024</div>
 82            <br />
 83            <div class="project-text">
 84              Hayai is an earthquake early warning system for Linux using JMA
 85              data provided by the Wolfx Project.<br />
 86              Hayaiは、ウォルフェックス・プロジェクトが提供する気象庁データを使用したLinux用の地震早期警報システムです。<br /><br />
 87
 88              Source files and more details can be found
 89              <a href="https://github.com/make-42/hayai" class="text-underline"
 90                >here</a
 91              >.<br />
 92              ソースファイルと詳細は<a
 93                href="https://github.com/make-42/hayai"
 94                class="text-underline"
 95                >こちら</a
 96              > 97            </div>
 98          </div>
 99          <div class="window right-justified right-justified-project-image">
100            <div class="window-decorations">
101              <div class="window-title">hayai.png</div>
102              <div class="window-decorations-spacer-container">
103                <div class="window-decorations-spacer"></div>
104                <div class="window-decorations-spacer"></div>
105                <div class="window-decorations-spacer"></div>
106              </div>
107              <div class="window-button">_</div>
108              <div class="window-button"></div>
109              <div class="window-button window-button-close">x</div>
110            </div>
111            <img src="./assets/images/hayai.png" style="image-rendering: pixelated;" />
112          </div>
113        </div>
114      </div>
115      <div class="separator"></div>
116      <div class="project-container">
117        <div class="project-header">
118          <div class="window">
119            <div class="window-decorations">
120              <div class="window-title">pscreen.png</div>
121              <div class="window-decorations-spacer-container">
122                <div class="window-decorations-spacer"></div>
123                <div class="window-decorations-spacer"></div>
124                <div class="window-decorations-spacer"></div>
125              </div>
126              <div class="window-button">_</div>
127              <div class="window-button"></div>
128              <div class="window-button window-button-close">x</div>
129            </div>
130            <img src="./assets/images/pscreen.png" style="image-rendering: pixelated;" />
131          </div>
132          <div class="project-info-right">
133            <div class="project-title">pScreen</div>
134            <div class="project-date">Summer 2023</div>
135            <br />
136            <div class="project-text">
137              pScreen is a small external screen for displaying computer
138              information.<br />
139              pScreenは、コンピュータ情報を表示するための小さな外部スクリーンです。<br /><br />
140
141              A presentation video can be found
142              <a
143                href="https://www.youtube.com/watch?v=9QAvDlJI2AM"
144                class="text-underline"
145                >here</a
146              >.<br />
147              プレゼンテーションのビデオは<a
148                href="https://www.youtube.com/watch?v=9QAvDlJI2AM"
149                class="text-underline"
150                >こちら</a
151              >で見ることができる。<br /><br />
152
153              Source files and more details can be found
154              <a
155                href="https://github.com/make-42/pScreen"
156                class="text-underline"
157                >here</a
158              >.<br />
159              ソースファイルと詳細は<a
160                href="https://github.com/make-42/pScreen"
161                class="text-underline"
162                >こちら</a
163              >164            </div>
165          </div>
166        </div>
167      </div>
168      <div class="separator"></div>
169      <div class="project-container">
170        <div class="project-header">
171          <div class="project-info-left">
172            <div class="project-title">ai</div>
173            <div class="project-date">Summer 2022</div>
174            <br />
175            <div class="project-text">
176              ai is an ergonomic macropad I built from scratch.<br />
177              aiは私がゼロから作った人間工学に基づいたマクロパッドだ。<br /><br />
178
179              A presentation video can be found
180              <a
181                href="https://www.youtube.com/watch?v=T9ol78Huxd8"
182                class="text-underline"
183                >here</a
184              >.<br />
185              プレゼンテーションのビデオは<a
186                href="https://www.youtube.com/watch?v=T9ol78Huxd8"
187                class="text-underline"
188                >こちら</a
189              >で見ることができる。<br /><br />
190
191              Source files and more details can be found
192              <a href="https://github.com/make-42/ai" class="text-underline"
193                >here</a
194              >.<br />
195              ソースファイルと詳細は<a
196                href="https://github.com/make-42/ai"
197                class="text-underline"
198                >こちら</a
199              >200            </div>
201          </div>
202          <div class="window right-justified right-justified-project-image">
203            <div class="window-decorations">
204              <div class="window-title">ai.png</div>
205              <div class="window-decorations-spacer-container">
206                <div class="window-decorations-spacer"></div>
207                <div class="window-decorations-spacer"></div>
208                <div class="window-decorations-spacer"></div>
209              </div>
210              <div class="window-button">_</div>
211              <div class="window-button"></div>
212              <div class="window-button window-button-close">x</div>
213            </div>
214            <img src="./assets/images/ai.png" style="image-rendering: pixelated;" />
215          </div>
216        </div>
217      </div>
218      <div class="separator"></div>
219      <div class="project-container">
220        <div class="project-header">
221          <div class="window">
222            <div class="window-decorations">
223              <div class="window-title">ptuna.png</div>
224              <div class="window-decorations-spacer-container">
225                <div class="window-decorations-spacer"></div>
226                <div class="window-decorations-spacer"></div>
227                <div class="window-decorations-spacer"></div>
228              </div>
229              <div class="window-button">_</div>
230              <div class="window-button"></div>
231              <div class="window-button window-button-close">x</div>
232            </div>
233            <img src="./assets/images/ptuna.png" style="image-rendering: pixelated;" />
234          </div>
235          <div class="project-info-right">
236            <div class="project-title">pTuna</div>
237            <div class="project-date">Summer 2022</div>
238            <br />
239            <div class="project-text">
240              pTuna is an extremely portable guitar tuner.<br />
241              pTunaは非常にポータブルなギター・チューナーです。<br /><br />
242
243              Source files and more details can be found
244              <a href="https://github.com/make-42/pTuna" class="text-underline"
245                >here</a
246              >.<br />
247              ソースファイルと詳細は<a
248                href="https://github.com/make-42/pTuna"
249                class="text-underline"
250                >こちら</a
251              >252            </div>
253          </div>
254        </div>
255      </div>
256      <div class="separator"></div>
257      <div class="project-container">
258        <div class="project-header">
259          <div class="project-info-left">
260            <div class="project-title">Open7SClock</div>
261            <div class="project-date">April 2021</div>
262            <br />
263            <div class="project-text">
264              Open7SClock is a WiFi enabled smart clock.<br />
265              Open7SClockはWiFi対応のスマートクロックです。<br /><br />
266
267              Source files and more details can be found
268              <a
269                href="https://github.com/make-42/Open7SClock"
270                class="text-underline"
271                >here</a
272              >.<br />
273              ソースファイルと詳細は<a
274                href="https://github.com/make-42/Open7SClock"
275                class="text-underline"
276                >こちら</a
277              >278            </div>
279          </div>
280          <div class="window right-justified right-justified-project-image">
281            <div class="window-decorations">
282              <div class="window-title">open7sclock.png</div>
283              <div class="window-decorations-spacer-container">
284                <div class="window-decorations-spacer"></div>
285                <div class="window-decorations-spacer"></div>
286                <div class="window-decorations-spacer"></div>
287              </div>
288              <div class="window-button">_</div>
289              <div class="window-button"></div>
290              <div class="window-button window-button-close">x</div>
291            </div>
292            <img src="./assets/images/open7sclock.png" style="image-rendering: pixelated;" />
293          </div>
294        </div>
295      </div>
296    </div>
297
298    <div id="topbar">
299      <a class="topbar-link" href="/">home</a>
300      <a class="topbar-link" href="/about/">about</a>
301      <a class="topbar-link" href="/gallery/">gallery</a>
302      <a class="topbar-link" href="/projects/">projects</a>
303      <a class="topbar-link" href="/guestbook/">guestbook</a>
304      <a class="topbar-link" href="/ascii/">ascii</a>
305      <a class="topbar-link" href="/experiments/">experiments</a>
306      <a class="topbar-link" href="/garden/">garden</a>
307      <a class="topbar-link" href="/mixes/">mixes</a>
308      <a class="topbar-link" href="https://leech.ontake.dev">leech</a>
309    </div>
310  </body>
311</html>