<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
    <title>0-0mfuji</title>
    <subtitle>私は22歳の組み込みシステム電子エンジニアで、主にロボティクス、低レベルのコーディング、そして自作開発に興味があります。</subtitle>
    <link rel="self" type="application/atom+xml" href="https://0-0mfuji.com/ja/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://0-0mfuji.com"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2025-01-01T00:00:00+00:00</updated>
    <id>https://0-0mfuji.com/ja/atom.xml</id>
    <entry xml:lang="ja">
        <title>機能リスト</title>
        <published>2025-01-01T00:00:00+00:00</published>
        <updated>2025-01-01T00:00:00+00:00</updated>
        
        <author>
          <name>Unknown</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://0-0mfuji.com/ja/posts/feature-list/"/>
        <id>https://0-0mfuji.com/ja/posts/feature-list/</id>
        
        <content type="html" xml:base="https://0-0mfuji.com/ja/posts/feature-list/">&lt;h2 id=&quot;1-uikonponento&quot;&gt;1. UIコンポーネント&lt;/h2&gt;
&lt;h3 id=&quot;1-1-kodoburotuku&quot;&gt;1.1 コードブロック&lt;/h3&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #24292E; background-color: #FFFFFF;&quot; &gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;pub fn&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt; main&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt;    println!&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span style=&quot;color: #032F62;&quot;&gt;&amp;quot;High performance routing!&amp;quot;&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;3&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&quot;1-2-suraidosiyo&quot;&gt;1.2 スライドショー&lt;/h3&gt;
&lt;div class=&quot;slideshow-container&quot; id=&quot;slideshow-features-slideshow&quot;&gt;
&lt;div class=&quot;slideshow-viewport&quot; style=&quot;aspect-ratio: 1816/1938;&quot;&gt;
&lt;img src=&quot;https://placeholder.pics/svg/800x400/222/00b7ff/Feature%201&quot;
class=&quot;slideshow-image active&quot;
data-index=&quot;0&quot;
alt=&quot;Slide 1&quot;&gt;
&lt;img src=&quot;https://placeholder.pics/svg/800x400/181818/ddd/Feature%202&quot;
class=&quot;slideshow-image &quot;
data-index=&quot;1&quot;
alt=&quot;Slide 2&quot;&gt;
&lt;/div&gt;
&lt;p class=&quot;slideshow-caption&quot;&gt;各種機能のイメージ図&lt;/p&gt;
&lt;div class=&quot;slideshow-controls&quot;&gt;
&lt;span class=&quot;slideshow-status&quot;&gt;clk &lt;span class=&quot;current-step&quot;&gt;1&lt;/span&gt;&lt;/span&gt;
&lt;button class=&quot;slideshow-button prev&quot; aria-label=&quot;Previous&quot;&gt;
&lt;svg viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z&quot;/&gt;&lt;/svg&gt;
&lt;/button&gt;
&lt;button class=&quot;slideshow-button play-pause&quot; aria-label=&quot;Play/Pause&quot;&gt;
&lt;svg class=&quot;icon-pause&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M6 6h4v12H6zM14 6h4v12h-4z&quot;/&gt;&lt;/svg&gt;
&lt;svg class=&quot;icon-play&quot; viewBox=&quot;0 0 24 24&quot; style=&quot;display:none;&quot;&gt;&lt;path d=&quot;M8 5v14l11-7z&quot;/&gt;&lt;/svg&gt;
&lt;/button&gt;
&lt;button class=&quot;slideshow-button stop&quot; aria-label=&quot;Stop&quot;&gt;
&lt;svg viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M6 6h12v12H6z&quot;/&gt;&lt;/svg&gt;
&lt;/button&gt;
&lt;button class=&quot;slideshow-button next&quot; aria-label=&quot;Next&quot;&gt;
&lt;svg viewBox=&quot;0 0 24 24&quot;&gt;&lt;path d=&quot;M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z&quot;/&gt;&lt;/svg&gt;
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
(function() {
const container = document.getElementById(&#39;slideshow-features-slideshow&#39;);
const images = container.querySelectorAll(&#39;.slideshow-image&#39;);
const stepDisplay = container.querySelector(&#39;.current-step&#39;);
const playPauseBtn = container.querySelector(&#39;.play-pause&#39;);
const playIcon = playPauseBtn.querySelector(&#39;.icon-play&#39;);
const pauseIcon = playPauseBtn.querySelector(&#39;.icon-pause&#39;);
let currentIndex = 0;
let isPlaying = false;
let intervalId = null;
function showImage(index) {
images[currentIndex].classList.remove(&#39;active&#39;);
currentIndex = (index + images.length) % images.length;
images[currentIndex].classList.add(&#39;active&#39;);
stepDisplay.textContent = currentIndex + 1;
}
function togglePlay() {
if (isPlaying) {
clearInterval(intervalId);
playIcon.style.display = &#39;block&#39;;
pauseIcon.style.display = &#39;none&#39;;
} else {
intervalId = setInterval(() =&gt; showImage(currentIndex + 1), 2000);
playIcon.style.display = &#39;none&#39;;
pauseIcon.style.display = &#39;block&#39;;
}
isPlaying = !isPlaying;
}
container.querySelector(&#39;.prev&#39;).addEventListener(&#39;click&#39;, () =&gt; {
if (isPlaying) togglePlay();
showImage(currentIndex - 1);
});
container.querySelector(&#39;.next&#39;).addEventListener(&#39;click&#39;, () =&gt; {
if (isPlaying) togglePlay();
showImage(currentIndex + 1);
});
container.querySelector(&#39;.stop&#39;).addEventListener(&#39;click&#39;, () =&gt; {
if (isPlaying) togglePlay();
showImage(0);
});
playPauseBtn.addEventListener(&#39;click&#39;, togglePlay);
})();
&lt;/script&gt;
&lt;h3 id=&quot;1-3-shu-shi&quot;&gt;1.3 数式&lt;/h3&gt;
&lt;p&gt;&lt;span class=&quot;katex-wrapper&quot;&gt;$$
\mathcal{L} = \sum_{i=1}^{n} (y_i - f(x_i))^2 + \lambda \int [f&#39;&#39;(x)]^2 dx
$$&lt;/span&gt;&lt;/p&gt;
&lt;h3 id=&quot;1-4-toguru-burotuku&quot;&gt;1.4 トグル・ブロック&lt;/h3&gt;
&lt;div class=&quot;toggle-block&quot; id=&quot;toggle-feature-toggle&quot;&gt;
&lt;div class=&quot;toggle-panels&quot;&gt;&lt;div class=&quot;toggle-panel active&quot; data-index=&quot;1&quot;&gt;&lt;span class=&quot;katex-wrapper&quot;&gt;$$
\text{Sigmoid}(x) = \frac{1}{1 + e^{-x}}
$$&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;toggle-panel &quot; data-index=&quot;2&quot;&gt;def sigmoid(x):
return 1 / (1 + math.exp(-x))&lt;/div&gt;&lt;div class=&quot;toggle-panel &quot; data-index=&quot;3&quot;&gt;fn sigmoid(x: f64) -&gt; f64 {
1.0 / (1.0 + (-x).exp())
}&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;toggle-tabs&quot;&gt;&lt;button class=&quot;toggle-tab active&quot;
data-target=&quot;1&quot;
onclick=&quot;switchToggle(&#39;feature-toggle&#39;, 1)&quot;&gt;Formula&lt;/button&gt;&lt;button class=&quot;toggle-tab &quot;
data-target=&quot;2&quot;
onclick=&quot;switchToggle(&#39;feature-toggle&#39;, 2)&quot;&gt;Python&lt;/button&gt;&lt;button class=&quot;toggle-tab &quot;
data-target=&quot;3&quot;
onclick=&quot;switchToggle(&#39;feature-toggle&#39;, 3)&quot;&gt;Rust&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
if (typeof switchToggle !== &#39;function&#39;) {
window.switchToggle = function(id, index) {
const container = document.getElementById(&#39;toggle-&#39; + id);
const tabs = container.querySelectorAll(&#39;.toggle-tab&#39;);
const panels = container.querySelectorAll(&#39;.toggle-panel&#39;);
tabs.forEach(tab =&gt; {
tab.classList.toggle(&#39;active&#39;, parseInt(tab.getAttribute(&#39;data-target&#39;)) === index);
});
panels.forEach(panel =&gt; {
panel.classList.toggle(&#39;active&#39;, parseInt(panel.getAttribute(&#39;data-index&#39;)) === index);
});
};
}
&lt;/script&gt;
&lt;h3 id=&quot;1-5-sukurorulian-dong-xing&quot;&gt;1.5 スクロール連動型&lt;/h3&gt;
&lt;div class=&quot;code-scroller&quot;&gt;
&lt;div class=&quot;code-scroller-steps&quot;&gt;
&lt;div class=&quot;code-scroller-step&quot; data-lines=&quot;1-2&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;初期評価&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;code-scroller-step&quot; data-lines=&quot;4-6&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;メインループ&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;code-scroller-code&quot;&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color: #24292E; background-color: #FFFFFF;&quot; &gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;fn&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt; process&lt;/span&gt;&lt;span&gt;(data&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;: &amp;amp;&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt;Vec&lt;/span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt;i32&lt;/span&gt;&lt;span&gt;&amp;gt;) {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;    if&lt;/span&gt;&lt;span&gt; data&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt;is_empty&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt; return&lt;/span&gt;&lt;span&gt;; }&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;3&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt;    for&lt;/span&gt;&lt;span&gt; item&lt;/span&gt;&lt;span style=&quot;color: #D73A49;&quot;&gt; in&lt;/span&gt;&lt;span&gt; data {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;5&lt;/span&gt;&lt;span style=&quot;color: #6F42C1;&quot;&gt;        println!&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span style=&quot;color: #032F62;&quot;&gt;&amp;quot;Processing: {}&amp;quot;&lt;/span&gt;&lt;span&gt;, item);&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;6&lt;/span&gt;&lt;span&gt;    }&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;giallo-ln&quot; style=&quot;color: #1B1F234D;&quot;&gt;7&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/div&gt;
</content>
        
    </entry>
</feed>
