![[Tauri #03] Tauri v2 + GitHub Actions: 全OSビルドを通すための完全ガイド](https://assets.lain-lab.com/images/uploads/tauri-03-github-actions-auto-build.webp)
[Tauri #03] Tauri v2 + GitHub Actions: 全OSビルドを通すための完全ガイド
Tauri v2のクロスプラットフォームビルドを自動化するための完全なGitHub Actions設定ファイルと、つまずきやすいエラー（識別子、アイコンパス、Linux依存ライブラリ）の解決策をまとめました。
ARCHIVE_INDEX / PAGE_1
TOTAL_ITEMS: 574
![[Tauri #02] Astroで作ったアナログ時計を完全透過デスクトップガジェット化](https://assets.lain-lab.com/images/uploads/tauri-02-desktop-clock-widget.webp)
[Tauri #02] Astroで作ったアナログ時計を完全透過デスクトップガジェット化
Web技術でデスクトップアプリを作るTauriの実践編。Astroで作った時計を移植し、背景の完全透過、ドラッグ移動、スライダーによるウィンドウのリサイズなど、ガジェット化に必要な設定を解説します。
![[Tauri #01] Tauriによるデスクトップアプリ開発：環境構築から透過型デジタル時計のビルドまで](https://assets.lain-lab.com/images/uploads/tauri-01-desktop-clock-revival.webp?1)
[Tauri #01] Tauriによるデスクトップアプリ開発：環境構築から透過型デジタル時計のビルドまで
JavaScriptとTauriを組み合わせ、OS標準の枠を排した透過型デジタル時計を作成する手順をまとめました。Rust環境のセットアップから実用的なガジェットのビルドまで網羅しています。
![[Astro #17] Astro DB と Actions でサイバーな動的コメント欄を構築](https://assets.lain-lab.com/images/uploads/astro-17-db-actions-cyber-comments.webp)
[Astro #17] Astro DB と Actions でサイバーな動的コメント欄を構築
静的な Astro ブログに Astro DB (Turso) と Actions を組み合わせ、訪問者が足跡を残せる動的な BBS コンポーネントを実装しました。415エラーの解決やレイアウトの最適化も解説。
![[Astro #16] WebサイトをPWA化してデスクトップアプリ（NAVI）として実在させる](https://assets.lain-lab.com/images/uploads/astro-16-pwa-copland-os.webp)
[Astro #16] WebサイトをPWA化してデスクトップアプリ（NAVI）として実在させる
Webサイトを「独立したアプリ」に進化させるPWA化。Astro環境下での vite-plugin-pwa の設定から、手動での Service Worker 登録、エラー解決までの手順と引っかかりやすいポイントを解説します。
![[Astro #15] Copland OS： SVG clock 無段階サイズ変更と、SPA特有のバグを攻略](https://assets.lain-lab.com/images/uploads/astro-15-copland-clock-v1-10.webp)
[Astro #15] Copland OS： SVG clock 無段階サイズ変更と、SPA特有のバグを攻略
AstroとNext.jsの混在環境で発生するSPA特有のイベントリスナー重複や、requestAnimationFrameの停止処理など、実戦的なデバッグ手法をまとめました。
![[Astro #14] Copland OS風UIの極北：カスタムアナログ時計とコンテキストメニューの実装](https://assets.lain-lab.com/images/uploads/astro-14-copland-os-ui-analog-clock.webp)
[Astro #14] Copland OS風UIの極北：カスタムアナログ時計とコンテキストメニューの実装
Astroプロジェクトに、Copland OSライクなSVGカスタムアナログ時計と右クリック（長押し）メニューを追加。filterプロパティの罠や、localStorageを使った状態保存、シーン切り替え時の表示制御について解説します。
![[Astro #13] Astro SSR × Resend × JWT で作るDB不要の「マジックリンク認証」](https://assets.lain-lab.com/images/uploads/astro-13-magic-link-auth-resend-jwt.webp)
[Astro #13] Astro SSR × Resend × JWT で作るDB不要の「マジックリンク認証」
総当たり攻撃の脅威から個人ダッシュボードを守るため、AstroとResendを組み合わせてパスワードレス認証（マジックリンク）を導入する具体的な実装手順とハマりどころを解説します。
![[Astro #12] 完全自動化！YouTube Data APIで動画リストを取得し、Astroでギャラリーを自動生成する](https://assets.lain-lab.com/images/uploads/astro-12-youtube-data-api-gallery.webp)
[Astro #12] 完全自動化！YouTube Data APIで動画リストを取得し、Astroでギャラリーを自動生成する
毎回手動で動画を追加するのは面倒！npm run dev（またはbuild）のタイミングでYouTube APIを叩き、最新の動画リストをJSON化してAstroで表示する自動化ワークフローの備忘録です。
![[Astro #11] 自作ダッシュボードへの道：Search Console APIの鍵取得とデータ取得テスト](https://assets.lain-lab.com/images/uploads/astro-11-search-console-api-dashboard.webp)
[Astro #11] 自作ダッシュボードへの道：Search Console APIの鍵取得とデータ取得テスト
Google Search Console APIをAstroから叩くための準備（GCPプロジェクト作成、サービスアカウント発行、GSC連携）と、googleapisを使った最小構成のテストページ実装方法を初心者向けに解説します。
![[Astro #10] 5分でBingにインデックス - Webmaster Tools連携とサイトマップ自動生成](https://assets.lain-lab.com/images/uploads/astro-10-bing-webmaster-tools-sitemap.webp)
[Astro #10] 5分でBingにインデックス - Webmaster Tools連携とサイトマップ自動生成
Google Search Console連携によるBing Webmaster Toolsへの一括登録と、Astroでの自動サイトマップ生成（sitemap-index.xml）の手順を解説します。
![[Astro #09] AstroにおけるCSS設計：グローバルCSSの基本とサイバーパンク・スタイリングの実践](https://assets.lain-lab.com/images/uploads/astro-09-css-architecture.webp)
[Astro #09] AstroにおけるCSS設計：グローバルCSSの基本とサイバーパンク・スタイリングの実践
Astro初心者〜中級者向けに、CSSのスコープやグローバル化の手順を解説。実際にプロジェクトで使用しているCSSファイルを元に、実践的なスタイリング手法を紹介します。