search

shinGangan / comm_vue_nuxt

Community for writing articles to Vue.js , Nuxt and related libraries
https://zenn.dev/p/comm_vue_nuxt
MIT License
10 stars 0 forks source link

request: Nuxt + Electronに関する記事 #35

Open shinGangan opened 2 weeks ago

shinGangan commented 2 weeks ago

概要

Nuxt + Electronについて書いてほしい

詳細

Nuxt + Electronを用いてデスクトップアプリを作る記事は軒並みNuxt2時代のものである。そのため、Nuxt3以降のものが市場にない。

現在、Electron用のNuxt Moduleが存在している。

そこでNuxt + ElectronについてのHow to記事を書いてほしい。 Nuxtを用いてデスクトップアプリ開発、モバイルアプリ開発など、Nuxtの可能性を広げるためにもNuxt3 + Electronの記事は市場に公開されてほしい。

備考欄

No response

petaxa commented 2 weeks ago

Nuxt Moduleを利用したElectronの導入記事を書く

ターゲット

記事のゴール

ターゲットに該当する人が、記事を見ながらNuxt Moduleを用いたElectronの導入を行い、開発にスムーズに入れる。

書きたい要素

shinGangan commented 2 weeks ago

[!NOTE] レビューコメント

@petaxa

ターゲット、ゴール、書きたい要素について問題ないと思いますー🙆 Config設定はボリュームが出やすい内容だと思いますので、 アコーディオンを使いながら「最低限必要な人」と「詳細も気になる人」向けを可変させるとさらに読みやすくなると思います。

shinGangan commented 1 week ago

log

https://x.com/damenamepu/status/1798258102288203858

このPRで完全に解決しました...! https://github.com/caoxiemeihao/nuxt-electron/pull/80

これ、記事ってこのPRがマージされるのを待った方がいいんですかね？ わざわざ--no-forkオプションを付けなくていいのはもちろんのこと、付けた際にも出ていたエラー(Must provide a proper URL as target)も消えてくれました。

https://x.com/damenamepu/status/1798258118092337456
  • node_modulesの中いじるのを手順として組み込むのは良くなさそう
  • 現時点でPRが出て入れば、少し待てばマージされるのでは あたりを考えての感想です。

他にもいくつか書くことありますし、それを下書きに書きながら待つというのもありなのかなーと思うんですが、どうでしょうか。

shinGangan commented 1 week ago

@petaxa

My Opinion

現在の状態を踏まえた上での執筆は以下の3パターンが考えられると思います。

  1. 正常に動くバージョンでまずは記事を書く
  2. ローカルで修正する方向で記事を執筆 -> PRマージ後に記事内容を更新する(ローカル修正版もv1ですとしてアコーディオンで残す)
  3. PRがマージされるまで待機する

Nuxt3 + Nuxt Electronの記事が市場に公開されていないため、まずケース1の記事が有用になります。 ケース1の記事中で「Nuxt v3.x.yでは以下のようなエラーが出ている。このエラーの解決方法はこちらです」のようなセクション　or 別記事を紐付ける

1番理想なのではケース3ですが、これはあまり現実的ではなありません。 理由は「Repoの開発サイクルを考えた時にいつレビュー・マージされるか分からない」からです。現状のサイクル速度ではいつマージされるか分からないです。 そのため、Nuxt3 + Electronを開発したいユーザーが迷子になる可能性が高いです。 この迷子となったユーザーに対して「ケース1なら暫定的に動くよ」を提示するのも1つの策と思います。

もし @shinGangan が執筆者だった場合は以下のような執筆スケジュールを組みます。

  1. 動くNuxtバージョンでの記事を執筆する
  2. 1項と合わせて「最新バージョンでこんなエラーが起きてるよ、解決策は暫定的にこれだよ」という記事を公開する
  3. PRの通知をsubscribeし、いつPRがマージされても良いように下書き記事を準備しておく
  4. PRがマージされた段階でケース3の記事を公開する → ケース2の記事の先頭にケース3記事の誘導動線を用意する

example

上記フローで実際に執筆したのが以下の記事です。

https://zenn.dev/comm_vue_nuxt/articles/pinia-autoimports

https://zenn.dev/comm_vue_nuxt/articles/pinia-stores-dirs-autoimports

本モジュールはPRの流れを観測する限りbreaking changeの恐れがありました。 そのため、

という目的で2つの記事を書きました。

petaxa commented 1 week ago
  1. 動くNuxtバージョンでの記事を執筆する
  2. 1項と合わせて「最新バージョンでこんなエラーが起きてるよ、解決策は暫定的にこれだよ」という記事を公開する
  3. PRの通知をsubscribeし、いつPRがマージされても良いように下書き記事を準備しておく
  4. PRがマージされた段階でケース3の記事を公開する → ケース2の記事の先頭にケース3記事の誘導動線を用意する

この方針を頂こうと思います、ありがとうございます！

shinGangan commented 1 week ago
  1. 動くNuxtバージョンでの記事を執筆する
  2. 1項と合わせて「最新バージョンでこんなエラーが起きてるよ、解決策は暫定的にこれだよ」という記事を公開する
  3. PRの通知をsubscribeし、いつPRがマージされても良いように下書き記事を準備しておく
  4. PRがマージされた段階でケース3の記事を公開する → ケース2の記事の先頭にケース3記事の誘導動線を用意する

この方針を頂こうと思います、ありがとうございます！

記事なんて何本書いてもええですからね🙆 どんどん書いて執筆の知見増加、ハードルの低下をさせていきましょう〜

shinGangan commented 1 week ago

関連する情報整理

petaxa commented 5 days ago

進捗

本文は一通り書き終え、下書きで公開しました。

Nuxt Moduleを使ってNuxt3にElectronを導入しよう！ 最新のNuxtでnuxt-electronの無限リロードを回避する

方針

TODO

shinGangan commented 5 days ago

ハンズオン形式で進められるようにする

ボリュームが大きいならばZennのbookも合わせて公開すると良さそうですね🙆 Bookのハンズオンは軒並み読まれているので、ハンズオンはありかもです。

[確認] @petaxa 記事はどちらもレビューした方がいいですか？ それとも特に不要であり、体裁整えてそのまま出されますか？

petaxa commented 5 days ago

@shinGangan

記事はどちらもレビューした方がいいですか？

お願いしようと思っていますが、「手順を上から辿り、不備がないか確認」が完了したあとが良いかなと考えています。 完了しましたら改めてご連絡しますので、その際はよろしくお願いします。

petaxa commented 4 days ago

@shinGangan 手順の確認が完了し、すべての修正を反映しました！ それぞれの記事について、お時間あるときにレビューいただけると幸いです！！