<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[miyauci.me]]></title><description><![CDATA[This is Tomoki Miyauchi's personal site. You can check the activity record of me such as technical blog and list of projects.]]></description><link>https://miyauchi.dev</link><generator>GatsbyJS</generator><lastBuildDate>Fri, 01 Apr 2022 08:49:02 GMT</lastBuildDate><item><title><![CDATA[文字列を JavaScript モジュールとしてインポートする]]></title><description><![CDATA[はじめに import  文を利用すると、ライブバインディングを取得でき、ランタイム内で値や JavaScript Object として利用できます。 これは、多くの場合ファイルシステム上で、相対 URL や http スキームと共に利用されます。 また、Import…]]></description><link>https://miyauchi.dev/ja/posts/module-from-string/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/module-from-string/</guid><pubDate>Thu, 31 Mar 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[Import strings as JavaScript Modules]]></title><description><![CDATA[Introduction The  import  statement can be used to obtain live bindings, which can then be used as values or JavaScript Objects in the…]]></description><link>https://miyauchi.dev/posts/module-from-string/</link><guid isPermaLink="false">https://miyauchi.dev/posts/module-from-string/</guid><pubDate>Thu, 31 Mar 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[import assertionsとJSON modulesまとめ]]></title><description><![CDATA[はじめに Deno 17.0 から  import assertions  がサポートされました。 import assertions  自体は、ブラウザでは  Chrome 91  で、
Node.js 環境では  17.…]]></description><link>https://miyauchi.dev/ja/posts/import-assertions-json-modules/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/import-assertions-json-modules/</guid><pubDate>Fri, 21 Jan 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[Summary of import assertions and JSON modules]]></title><description><![CDATA[Introduction As of Deno 17.0,  import assertions  are now supported. import assertions  itself is supported by  Chrome 91  in the browser…]]></description><link>https://miyauchi.dev/posts/import-assertions-json-modules/</link><guid isPermaLink="false">https://miyauchi.dev/posts/import-assertions-json-modules/</guid><pubDate>Fri, 21 Jan 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[AWS Lambda with Deno by AWS CDK]]></title><description><![CDATA[Introduction This tutorial shows how to use AWS Lambda's custom runtime to run TypeScript in Deno.
We will also use AWS CDK as a practical…]]></description><link>https://miyauchi.dev/posts/deno-lambda-cdk/</link><guid isPermaLink="false">https://miyauchi.dev/posts/deno-lambda-cdk/</guid><pubDate>Tue, 11 Jan 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[AWS LambdaのカスタムランタイムでDenoを動かす]]></title><description><![CDATA[はじめに AWS Lambda のカスタムランタイムを利用し、Deno で TypeScript を実行する方法を紹介します。
また、Lambda 関数のデプロイには、実践的な例として AWS CDK を使用します。 AWS CloudFormation…]]></description><link>https://miyauchi.dev/ja/posts/deno-lambda-cdk/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/deno-lambda-cdk/</guid><pubDate>Tue, 11 Jan 2022 00:00:00 GMT</pubDate></item><item><title><![CDATA[dntでDeno-firstなデュアルモジュールを作る]]></title><description><![CDATA[はじめに dnt  は Deno で公式にリリースされたモジュールビルダーです。
Deno ベースのコードから、NPM 用のモジュールをビルドできます。 これには型定義ファイルの出力や、インポートマップの解決など、
Deno-first…]]></description><link>https://miyauchi.dev/ja/posts/dts-deno-module/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/dts-deno-module/</guid><pubDate>Thu, 02 Dec 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Create a Deno-first dual module with dnt]]></title><description><![CDATA[Introduction dnt  is the officially released module builder for Deno.
It allows you to build modules for NPM from Deno-based code. This…]]></description><link>https://miyauchi.dev/posts/dts-deno-module/</link><guid isPermaLink="false">https://miyauchi.dev/posts/dts-deno-module/</guid><pubDate>Thu, 02 Dec 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[TypeScriptで特定の文字列または全ての文字列を定義する]]></title><description><![CDATA[はじめに 今回は小ネタを紹介します。 TypeScript では  'string' | string  ができないことは結構な人がご存知だと思います。
これは、アップキャストされて　 string  型になってしまいます。 文字列リテラル型は、プリミティブ型  string…]]></description><link>https://miyauchi.dev/ja/posts/typescript-literal-hack/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/typescript-literal-hack/</guid><pubDate>Wed, 10 Nov 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Define a specific string or all strings in TypeScript]]></title><description><![CDATA[Introduction In this article, I'll show you a small story. Maybe you know that TypeScript doesn't allow  'string' | string .
It gets…]]></description><link>https://miyauchi.dev/posts/typescript-literal-hack/</link><guid isPermaLink="false">https://miyauchi.dev/posts/typescript-literal-hack/</guid><pubDate>Wed, 10 Nov 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[viteとtailwindcssでフロントエンドライブラリを開発する]]></title><description><![CDATA[はじめに vite  や  tailwindcss  は主にアプリケーション開発に利用されますが、ライブラリ開発にも使うことができます。
tailwindcss はその特徴がそのまま利点になりますが、vite を使うことで、次の利点があります。 高速なプレビュー環境の構築 CSS…]]></description><link>https://miyauchi.dev/ja/posts/lib-vite-tailwindcss/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/lib-vite-tailwindcss/</guid><pubDate>Wed, 20 Oct 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Frontend library development with vite and tailwindcss]]></title><description><![CDATA[Introduction vite  and  tailwindcss  are mainly used for application development, but can also be used for library development.
Using vite…]]></description><link>https://miyauchi.dev/posts/lib-vite-tailwindcss/</link><guid isPermaLink="false">https://miyauchi.dev/posts/lib-vite-tailwindcss/</guid><pubDate>Wed, 20 Oct 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Intersection Observer と React.lazy でパフォーマンス改善]]></title><description><![CDATA[はじめに 現代のフロントエンドはパフォーマンスが求められます。しかし、一口にパフォーマンスといっても様々な領域があります。 今回は、コンポーネントのレンダリングの観点からパフォーマンスを考えます。
また、例として React を取り上げます。UI…]]></description><link>https://miyauchi.dev/ja/posts/react-lazy-intersection/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/react-lazy-intersection/</guid><pubDate>Sun, 12 Sep 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Improving performance with Intersection Observer and React.lazy]]></title><description><![CDATA[Introduction Today's frontend requires performance. However, performance in a nutshell covers many different areas. In this article, we will…]]></description><link>https://miyauchi.dev/posts/react-lazy-intersection/</link><guid isPermaLink="false">https://miyauchi.dev/posts/react-lazy-intersection/</guid><pubDate>Sun, 12 Sep 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Firebase Cloud Messaging でウェブプッシュ通知する]]></title><description><![CDATA[はじめに Firebase Cloud Messaging (通称 FCM) はクロスプラットフォームにメッセージ送信する仕組みです。
これを使うことで、 Web プッシュプロトコル  を考えることなく、プッシュ通知を実装できます。 FCM…]]></description><link>https://miyauchi.dev/ja/posts/fcm-push-message/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/fcm-push-message/</guid><pubDate>Tue, 07 Sep 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Web Push Notification with Firebase Cloud Messaging]]></title><description><![CDATA[Introduction Firebase Cloud Messaging (a.k.a. FCM) is a cross-platform messaging solution.
It allows you to implement push notifications…]]></description><link>https://miyauchi.dev/posts/fcm-push-message/</link><guid isPermaLink="false">https://miyauchi.dev/posts/fcm-push-message/</guid><pubDate>Tue, 07 Sep 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Service Workerで Firebase Authenticationの匿名認証する]]></title><description><![CDATA[はじめに 2021 年 8 月 25 日、ついに Firebase SDK @9.0.0 がメジャーリリースされました。
晴れて安定版がリリースされたことで、今後 V9 モジューラー SDK への移行が加速するでしょう。 さて、V9 モジューラー SDK…]]></description><link>https://miyauchi.dev/ja/posts/firebase-authentication-service-worker/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/firebase-authentication-service-worker/</guid><pubDate>Sun, 29 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Authentication with Firebase Authentication in Service Worker]]></title><description><![CDATA[Introduction On August 25, 2021, Firebase SDK @9.0.0 was finally released as a major release.
With the release of the stable version, the…]]></description><link>https://miyauchi.dev/posts/firebase-authentication-service-worker/</link><guid isPermaLink="false">https://miyauchi.dev/posts/firebase-authentication-service-worker/</guid><pubDate>Sun, 29 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Cloud Functions for Firebase でオンラインテストする]]></title><description><![CDATA[はじめに Cloud Functions for Firebase (以下、Cloud Functions という) は、サーバーレスのランタイム環境です。他のサーバーレスと同様に、HTTPS リクエストをトリガーにバックエンドコードを実行できます。 また、Firebase…]]></description><link>https://miyauchi.dev/ja/posts/cloud-functions-online-test/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/cloud-functions-online-test/</guid><pubDate>Sat, 21 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Online testing with Cloud Functions for Firebase]]></title><description><![CDATA[Introduction Cloud Functions for Firebase (hereafter referred to as Cloud Functions) is a serverless runtime environment. Like other…]]></description><link>https://miyauchi.dev/posts/cloud-functions-online-test/</link><guid isPermaLink="false">https://miyauchi.dev/posts/cloud-functions-online-test/</guid><pubDate>Sat, 21 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Bitlyで動的に短縮 URLを作成してツイートする]]></title><description><![CDATA[はじめに Bitly とは公式では次のように説明されています。 Bitly is a link management platform that lets you harness the power of your links by shortening, sharing…]]></description><link>https://miyauchi.dev/ja/posts/bitly-short-url/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/bitly-short-url/</guid><pubDate>Sat, 07 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Dynamically create short URL with Bitly and tweet]]></title><description><![CDATA[Introduction The official description of Bitly is as follows: Bitly is a link management platform that lets you harness the power of your…]]></description><link>https://miyauchi.dev/posts/bitly-short-url/</link><guid isPermaLink="false">https://miyauchi.dev/posts/bitly-short-url/</guid><pubDate>Sat, 07 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Firebase のモジュラーSDKでバンドルサイズ比較]]></title><description><![CDATA[はじめに Firebase の SDK は、古くからバンドルサイズが大きいことが問題視されていました。
この問題に対処しようと Firebase V9 モジュラー SDK がプレリリースされました。 V9 モジュラー SDK…]]></description><link>https://miyauchi.dev/ja/posts/firebase-bundle-size/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/firebase-bundle-size/</guid><pubDate>Mon, 02 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Bundle Size Comparison in Firebase Modular SDK]]></title><description><![CDATA[Introduction The Firebase SDKs have long had a problem with large bundle sizes.
The Firebase V9 modular SDK has been pre-released to address…]]></description><link>https://miyauchi.dev/posts/firebase-bundle-size/</link><guid isPermaLink="false">https://miyauchi.dev/posts/firebase-bundle-size/</guid><pubDate>Mon, 02 Aug 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[TypeScriptで型安全にツイートする]]></title><description><![CDATA[はじめに プログラムから動的にツイートする方法を紹介します。 自動ツイートの一翼を担う部分なので、色々応用できると自動化が捗るかもしれません。 今回は、数あるツイッタークライアントの中でもおすすめな、  twitter-api-v2  を中心に説明します。 Twitter…]]></description><link>https://miyauchi.dev/ja/posts/tweet-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/tweet-typescript/</guid><pubDate>Mon, 26 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Tweeting with TypeScript]]></title><description><![CDATA[Introduction This article introduces how to tweet dynamically from a program. This is a part of automatic tweeting, so it may be useful to…]]></description><link>https://miyauchi.dev/posts/tweet-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/posts/tweet-typescript/</guid><pubDate>Mon, 26 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Gatsby で config ファイルを TypeScript化する]]></title><description><![CDATA[はじめに Gatsby を TypeScript 化するという名目のもと、コンポーネントや graphql を対象に解説している記事は多くあります。
しかし、Gatsby config…]]></description><link>https://miyauchi.dev/ja/posts/gatsby-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/gatsby-typescript/</guid><pubDate>Mon, 19 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Gatsby config with TypeScript]]></title><description><![CDATA[Introduction There are many articles on Gatsby that deal with components and graphql with TypeScript.
However, I have rarely seen any…]]></description><link>https://miyauchi.dev/posts/gatsby-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/posts/gatsby-typescript/</guid><pubDate>Mon, 19 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[StorybookでバンドラーにViteを使う]]></title><description><![CDATA[はじめに Storybook で Vite を使ってビルドできるようになったので紹介します。 iframe 内のビルドを  Webpack  から  vite  に切り替えることで次の利点があります。 ビルド速度の改善 HMR の高速化 アセット処理の自動化 Vite…]]></description><link>https://miyauchi.dev/ja/posts/storybook-vite/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/storybook-vite/</guid><pubDate>Thu, 15 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Using Vite for Bandler in Storybook]]></title><description><![CDATA[Introduction Storybook can now be built using Vite, so let's take a look. Switching from  Webpack  to  vite  for building in an iframe has…]]></description><link>https://miyauchi.dev/posts/storybook-vite/</link><guid isPermaLink="false">https://miyauchi.dev/posts/storybook-vite/</guid><pubDate>Thu, 15 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[TypeScriptで排他的なプロパティを定義する]]></title><description><![CDATA[はじめに TypeScript で、次の型を定義するとどうなるでしょうか。 これは  string  型にアップキャストされます。 リテラル型 はそのリテラルが所属するデータ型の派生型です。 例えば文字列リテラル型はプリミティブ型  string  の派生です。 Union…]]></description><link>https://miyauchi.dev/ja/posts/exclusive-property/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/exclusive-property/</guid><pubDate>Mon, 12 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Defining exclusive properties with TypeScript]]></title><description><![CDATA[Introduction What happens when you define the following types in TypeScript? It will be upcast to type  string . A  literal type  is a…]]></description><link>https://miyauchi.dev/posts/exclusive-property/</link><guid isPermaLink="false">https://miyauchi.dev/posts/exclusive-property/</guid><pubDate>Mon, 12 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[技術ブログのコメントシステムはutterancesがいい感じ]]></title><description><![CDATA[はじめに ブログを自作するときに、コメント機能について悩みますよね。自作するのか外部サービスを使うのか... わたしも以前  Firebase  の  firestore  と  Firebase Authentication…]]></description><link>https://miyauchi.dev/ja/posts/comment-system/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/comment-system/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[The tech blog commenting system with utterances]]></title><description><![CDATA[Getting Started When you create your own blog, you may wonder about the comment function. Do you want to create it yourself or use an…]]></description><link>https://miyauchi.dev/posts/comment-system/</link><guid isPermaLink="false">https://miyauchi.dev/posts/comment-system/</guid><pubDate>Fri, 09 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Getting array elements type-safely with TypeScript]]></title><description><![CDATA[Getting Started Sometimes you want to get a specific element of an array or string. For example, if you want to get the first element of an…]]></description><link>https://miyauchi.dev/posts/typesafe-array-element/</link><guid isPermaLink="false">https://miyauchi.dev/posts/typesafe-array-element/</guid><pubDate>Sat, 03 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[TypeScriptで型安全に配列の要素を取得する]]></title><description><![CDATA[はじめに 配列や文字列の特定の要素を取得したいこと、たまにありますね。例えば、配列の先頭の要素を取得する場合どのように行いますか？ 添字を指定したり、 分割代入 を使ったり色々方法はありますが、果たして型安全に処理できているでしょうか。TypeScript…]]></description><link>https://miyauchi.dev/ja/posts/typesafe-array-element/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/typesafe-array-element/</guid><pubDate>Sat, 03 Jul 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[fetchによるHTTPリクエストをAbortControllerで中断する]]></title><description><![CDATA[はじめに AbortController  は非同期処理を中断するためのインターフェイスで、 Node.js  では  15.0.0  から使えるようになりました。
今回は代表的な非同期処理である HTTP リクエストのキャンセルについて説明します。 HTTP…]]></description><link>https://miyauchi.dev/ja/posts/fetch-abort/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/fetch-abort/</guid><pubDate>Thu, 10 Jun 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Aborting fetch request with AbortController]]></title><description><![CDATA[Introduction AbortController  is an interface for aborting asynchronous processes, and has been available in  Node.js  since  15.0.0 .
In…]]></description><link>https://miyauchi.dev/posts/fetch-abort/</link><guid isPermaLink="false">https://miyauchi.dev/posts/fetch-abort/</guid><pubDate>Thu, 10 Jun 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[JestでTable Driven Testsをする]]></title><description><![CDATA[はじめに Table Driven Tests は主に Go lang で推奨されるテスト手法です。
入力と期待される結果を含む完全なテストケースをテーブルとして定義し、テスト対象に対してテストケースをイテレーションしてテストを行います。
つまり、テストスイートを…]]></description><link>https://miyauchi.dev/ja/posts/jest-table-driven-tests/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/jest-table-driven-tests/</guid><pubDate>Sun, 28 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Table Driven Tests with Jest]]></title><description><![CDATA[Introduction Table Driven Tests is primarily the recommended testing method in Go lang.
Define a complete test case as a table, including…]]></description><link>https://miyauchi.dev/posts/jest-table-driven-tests/</link><guid isPermaLink="false">https://miyauchi.dev/posts/jest-table-driven-tests/</guid><pubDate>Sun, 28 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[JestでTypeScriptを高速化する]]></title><description><![CDATA[はじめに esbuild  の登場により、フロントエンドの世界は、開発環境により速度を求めるようになりました。 vite  の隆盛はその最たるものといってもいいでしょう。 esbuild  や  swc  は高速な  Go  や  Rust…]]></description><link>https://miyauchi.dev/ja/posts/speeding-up-jest/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/speeding-up-jest/</guid><pubDate>Sat, 27 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Speed ​​up TypeScript with Jest]]></title><description><![CDATA[Introduction With the advent of  esbuild , the front-end world has become more demanding of speed in the development environment.
The rise…]]></description><link>https://miyauchi.dev/posts/speeding-up-jest/</link><guid isPermaLink="false">https://miyauchi.dev/posts/speeding-up-jest/</guid><pubDate>Sat, 27 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[ViteでVue3のTypescript環境を構築する]]></title><description><![CDATA[はじめに Vite は Vue.js の作者の Evan You 氏が開発しているビルドツールです。
ネイティブの ES Module のインポートを利用し、バンドル不要で高速に動作する開発環境を提供します。
Vue3 はもちろん、React や Preact…]]></description><link>https://miyauchi.dev/ja/posts/vite-vue3-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/vite-vue3-typescript/</guid><pubDate>Thu, 11 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Building a Vue3 Typescript Environment with Vite]]></title><description><![CDATA[Introduction Vite is a build tool developed by Evan You, the author of Vue.
It uses native ES Module imports to provide a fast running…]]></description><link>https://miyauchi.dev/posts/vite-vue3-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/posts/vite-vue3-typescript/</guid><pubDate>Thu, 11 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[ViteとVue3にTailwind CSSを導入する]]></title><description><![CDATA[はじめに Vite は No bundle 掲げており、開発時に高速な HMR を提供してくれます。
しかし、CLI を用いたデフォルトテンプレート自体はかなりシンプルになっているため、Vite…]]></description><link>https://miyauchi.dev/ja/posts/vite-vue3-tailwindcss/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/vite-vue3-tailwindcss/</guid><pubDate>Fri, 05 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Introduce Tailwind CSS to Vite and Vue3]]></title><description><![CDATA[Introduction Vite has a No bundle policy and provides a fast HMR during development.
However, the default template with CLI itself is fairly…]]></description><link>https://miyauchi.dev/posts/vite-vue3-tailwindcss/</link><guid isPermaLink="false">https://miyauchi.dev/posts/vite-vue3-tailwindcss/</guid><pubDate>Fri, 05 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[ViteでPreactのTypescript環境を構築する]]></title><description><![CDATA[はじめに Vite は Vue.js の作者の Evan You 氏が開発しているビルドツールです。
ネイティブの ES Module のインポートを利用し、バンドル不要で高速に動作する開発環境を提供します。
Vue3 はもちろん、React や Preact…]]></description><link>https://miyauchi.dev/ja/posts/vite-preact-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/vite-preact-typescript/</guid><pubDate>Wed, 03 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Building a Typescript Environment for Preact with Vite]]></title><description><![CDATA[Introduction Vite is a build tool developed by Evan You, the author of Vue.
It uses native ES Module imports and provide a fast running…]]></description><link>https://miyauchi.dev/posts/vite-preact-typescript/</link><guid isPermaLink="false">https://miyauchi.dev/posts/vite-preact-typescript/</guid><pubDate>Wed, 03 Mar 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[SPAやSSGの仕組みをデプロイの観点から理解する]]></title><description><![CDATA[はじめに SPA や SSG のビルド時のアウトプットには違いがあります。ファイル構造が異なるために、ウェブサーバーへ設定をしないと、リロード時に 404 が出たりすることもあります。
この記事では、SPA と SSG…]]></description><link>https://miyauchi.dev/ja/posts/deploy-spa-ssg/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/deploy-spa-ssg/</guid><pubDate>Sun, 28 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[最小構成でTypescriptパッケージを公開する]]></title><description><![CDATA[はじめに Typescript で書かれた Node.js パッケージを NPM レジストリへ公開する方法を紹介します。
トランスパイラに tsc を、ターゲットに CommonJS…]]></description><link>https://miyauchi.dev/ja/posts/typescript-package-release/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/typescript-package-release/</guid><pubDate>Wed, 24 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Publish Typescript Packages with minimal configuration]]></title><description><![CDATA[Introduction I will show you how to expose Node.js packages written in Typescript to the NPM registry.
I will walk you through the process…]]></description><link>https://miyauchi.dev/posts/typescript-package-release/</link><guid isPermaLink="false">https://miyauchi.dev/posts/typescript-package-release/</guid><pubDate>Wed, 24 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[TypescriptのConditional Typesで関数の戻り値の型を確約する]]></title><description><![CDATA[はじめに ジェネリクスと Conditional Types で、アロー関数の戻り値の型を、より厳密に推論されるようにする方法を紹介します。 具体的には次のようなケースです。 この関数の使いみちはさておき、引数に boolean を受け取り、 '0'  もしくは…]]></description><link>https://miyauchi.dev/ja/posts/typescript-conditional-types/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/typescript-conditional-types/</guid><pubDate>Sun, 21 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Determine the function return type in Typescript's Conditional Types]]></title><description><![CDATA[Introduction Show how to make the type of return value of an arrow function,
to be deduced more strictly with Generics and Conditional Types…]]></description><link>https://miyauchi.dev/posts/typescript-conditional-types/</link><guid isPermaLink="false">https://miyauchi.dev/posts/typescript-conditional-types/</guid><pubDate>Sun, 21 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[VitePressでドキュメントを作ろう]]></title><description><![CDATA[はじめに こんにちは。みなさんはドキュメントを作成する際、どんなツールを使っていますか？今回、紹介するのは VitePress という静的サイトジェネレーターです。
VitePress は Vue ベースで SSG…]]></description><link>https://miyauchi.dev/ja/posts/start-vitepress/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/start-vitepress/</guid><pubDate>Sun, 14 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[Create a document with VitePress]]></title><description><![CDATA[Introduction Hello. What tools do you use to create your documents? This time, I introduces a static site generator called VitePress…]]></description><link>https://miyauchi.dev/posts/start-vitepress/</link><guid isPermaLink="false">https://miyauchi.dev/posts/start-vitepress/</guid><pubDate>Sun, 14 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[どこからでもファイルダイアログを呼び出したい]]></title><description><![CDATA[ファイルダイアログとは input タグの type に file を指定し、クリックすると出てくるあれです。現状、ファイルダイアログ自体を直接プログラムから呼び出す方法は無いようで、
ファイルダイアログを呼び出す方法として、以下のような方法が解説されています。 input…]]></description><link>https://miyauchi.dev/ja/posts/file-dialog/</link><guid isPermaLink="false">https://miyauchi.dev/ja/posts/file-dialog/</guid><pubDate>Fri, 05 Feb 2021 00:00:00 GMT</pubDate></item><item><title><![CDATA[I want to call the file dialog from anywhere]]></title><description><![CDATA[What is the File Dialog The  input  tag has type of  file , and if you click on it, you can see the file dialog.
Currently, there is no way…]]></description><link>https://miyauchi.dev/posts/file-dialog/</link><guid isPermaLink="false">https://miyauchi.dev/posts/file-dialog/</guid><pubDate>Fri, 05 Feb 2021 00:00:00 GMT</pubDate></item></channel></rss>