<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Frontend on Jeanphilo Blog</title><link>https://shio-chan-dev.github.io/jeanblog/dev/frontend/</link><description>Recent content in Frontend on Jeanphilo Blog</description><generator>Hugo -- 0.159.2</generator><language>en-us</language><lastBuildDate>Mon, 08 Dec 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://shio-chan-dev.github.io/jeanblog/dev/frontend/index.xml" rel="self" type="application/rss+xml"/><item><title>Emmet-Vim Speed Guide: Write HTML/CSS with Abbreviations</title><link>https://shio-chan-dev.github.io/jeanblog/dev/frontend/emmet-vim-guide/</link><pubDate>Mon, 08 Dec 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/dev/frontend/emmet-vim-guide/</guid><description>Practical Emmet notes for Vim/Neovim users: install, key mappings, runnable examples, validation checklist, and common pitfalls to 3x your page and component speed.</description></item><item><title>Svelte Button Configuration Guide: States, Styles, and Accessibility</title><link>https://shio-chan-dev.github.io/jeanblog/dev/frontend/svelte-button-config-guide/</link><pubDate>Sun, 07 Dec 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/dev/frontend/svelte-button-config-guide/</guid><description>Build reusable buttons in Svelte: dynamic classes, optional chaining and nullish coalescing, safe defaults, state-driven styles, accessibility, testing, and common pitfalls.</description></item><item><title>How to Use and Configure a TypeScript Environment</title><link>https://shio-chan-dev.github.io/jeanblog/dev/frontend/typescript-setup-guide/</link><pubDate>Thu, 28 Aug 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/dev/frontend/typescript-setup-guide/</guid><description>&lt;h1 id="introduction"&gt;Introduction&lt;/h1&gt;
&lt;p&gt;For TypeScript files with the &lt;code&gt;.ts&lt;/code&gt; extension, we cannot run them directly. We need to transpile TypeScript to JavaScript and then run the JavaScript output.&lt;/p&gt;
&lt;p&gt;There are two common approaches: upload &lt;code&gt;.ts&lt;/code&gt; to the server and compile via CI, or transpile locally and upload the &lt;code&gt;.js&lt;/code&gt; build to production. If you want to run and test locally during development, you can use &lt;code&gt;ts-node&lt;/code&gt;, but the project still needs a build step for production.&lt;/p&gt;</description></item></channel></rss>