JavaScriptバンドラーの #Vite を導入して、kintoneカスタマイズの開発効率🆙 話題のViteを使って、コードをバンドルする方法をご紹介します📦 共通処理をモジュール化すれば、コードの再利用性や可読性が高まって開発効率もあがります！ ぜひ記事を元に試してみて下さい💁🏻‍♀️ cybozu.dev/ja/kintone/tip…

今作っているBreezeとViteを使ったサイトは、作成過程をgitHubで定期的に公開していきますね。 この作成の続きは数週後。 明日はnode.jsの復習と学習。来週はPythonの文法復習を行なった後でFlaskサイトの続きを進めます。 #プログラミング #breeze #vite #react #laravel github.com/YanProducts/op…

今日の作成はひとまずここまで。まだまだLaravel側でも知らないことが多々あったな。今日はModelのcontainを初めて知った。fetchAPIも実は習得出来ていない部分が多々あったことに気づいた。#プログラミング #Breeze #Vite #React #Laravel

【#アーキテクチャ紹介 】 脱レガシー文脈での #Playwright & #Vite を利用したVisual Regression Test ✅#レガシーコード を含む現行環境でのスクリーンショットを撮影 ◎手元で高速に実行できる ◎外部インフラが最小限 ✏サイボウズ社(@cybozu)mugiさん(@mugi_uno) blog.cybozu.io/entry/2022/03/… pic.twitter.com/F1ol5m9pfz

#Vue のScoped CSSのハッシュ(v-data-xxxxxxxx)を生成しているのは、#vite の場合ここかな github.com/vitejs/vite/bl…

vitest v1.6.0リリース。 `--standalone`グラフのサポート、Snapshotをカスタマイズできる`snapshotEnvironment` オプションの追加。 `browser.testerScripts`と`browser.indexScripts`オプションの追加。 "Release v1.6.0 · vitest-dev/vitest" github.com/vitest-dev/vit… #vite #test #ReleaseNote

今週はBreezeとViteを使ったサイト作成を中心に進めていきます。Reactの処理の特徴やjsonを通じたlaravel側とjsxでの受け渡しにも少しずつ慣れつつ、laravel特有の文法も思い出していこう。随時リファクタリングしていくのも忘れずに。#プログラミング #breeze #vite #React #laravel

まだVite使ったことないけど、速そうなので試してみたくなった🚀 #完全に理解したTalk #Vite

🔹Viteで押さえておくべき3つのファイル ✅index.html (最初に読み込まれるファイル) ✅main.ts (ライブラリをインポートし、アプリを初期化するファイル) ✅vite.config.js (設定をカスタマイズするファイル) #完全に理解したTalk #Vite

🔹ViteのGitHubリポジトリ Viteは、Vueの開発者であるEvan You氏(@youyuxi)によって開発されました。 github.com/vitejs/vite #完全に理解したTalk #Vite #TypeScript

🔹Vite (読み方: ヴィート) Viteは、現代のフロントエンド開発ツールです。高速な開発環境とビルドツールを提供し、JavaScript、TypeScript、Vue、Reactなどのプロジェクトに運用できます。(ChatGTP回答) ja.vitejs.dev #完全に理解したTalk #Vite

Storybook + Vite の Module mock addon のサンプルを作りました。インタラクションテスト実行時に、モックが一通り動作しています。 現時点での問題点はカバレッジの計測が出来ないことです。 #storybook #vite 　 github.com/SoraKumo001/st…

できたーーー！🎉🎉🎉 create react app から viteに移行完了！ しかもこれまで許容してたエラーがreact scriptsが原因ってことにも気づけてなおよし🎉🎉🎉 #react #nodejs #vite

Viteで作成したReact(typescript)アプリにeslintとprettierを導入し、huskyで確認の上コミットする手順を記事にしました。 magicgifted.com/react-vite-ts-… #react #typescript #vite #eslint #prettier #husky #html #css #js #engineer #programming #blog #ブログ

【ブログ更新】 React + Viteの使い方を紹介する記事を公開しました。 HTML／CSSの学習が終わった人なら簡単にできるレベルです。 monotein.com/blog/react-vit… #react #vite #プログラミング

Storybook + Vite用のモジュールモックアドオンをnpmにアップしました。 これでインタラクションテストが楽に書けるようになります。 以前作ったNext.js版と違って、真っ当に割り込み処理を行っています。 #storybook #vite npmjs.com/package/storyb…

あと２戦！勝てば世界だ！応援！！　#GOVITE #VITE #VITEWIN　twitch.tv/rainbow6jp

Viteで作成したReact(typescript)アプリにeslintとprettierを導入する手順を記事にしました。 コードの保守性や可読性も高くなり、ビルド速度も高速化されます magicgifted.com/react-ts-vite-… #react #typescript #vite #eslint #prettier #spa #programming #engineer #フロントエンドエンジニア