1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Ionic Framework / Capacitor / StencilAdvent Calendar 2023

Day 3

ライブラリのイマを追う時は、まずスターターテンプレートをみよう

Last updated at Posted at 2023-12-02

開発に長く関わっていると、package.jsonの中身は随分かわっていきますよね。メインで使ってるライブラリだけではなく、 typescript などのdevDepenciesも気づいたらメジャーバージョンがあがってたりします。
ただ、じゃあすべてを最新版ににすればいいかというと、依存するメインライブラリが dependencies にいれているパッケージのバージョンを見る必要があります。けれど、それをすべて確認するのは現実的ではありません。

そこで私は、定期的に生成するCLIテンプレートをみるようにしています。タグにいれている、 ioniccapacitorangularNestJS は(私が採用してるというだけの選択ではあるのですが)、CLIでスターターテンプレートを使ったプロジェクト作成ができます。言い換えると、CLI内、もしくはレポジトリとしてスターターテンプレートを持っているわけです。なので、これをみることで、メンテナが推奨している構成を確認することができます。

いろいろ言ってもわかりにくいと思うので、例えばIonic Angularプロジェクトのスターターテンプレートは以下にあります。

このディレクトリ以下に、 baseofficial があります。Ionic CLIは、プロジェクト作成するとまず base をコピーしてきて、そこにCLIで選択したテンプレート(tabsblank など) を official から引っ張ってきて上書きするようになっています。なので、例えば依存関係をみたい時は basepackage.json ですね。

また、 angular.jsontsconfig.json も時代とともに推奨の構成が変わっていますので、どう変化しているかを追うと面白いです。

Angularのngコマンドで生成されるものは以下にすべてまとめられています。

これをみると、Ionic AngularとAngularの推奨構成の違いをみたりすることもできて面白いです。

Capacitorプラグインのテンプレートであったり:

NestJSのTypeScriptプロジェクトのテンプレートであったり:

どうしてもプロジェクトを長期でまわしていると、イマの推奨構成から外れていってしまうことがあるので、定期的にみて、どのような構成をイマの推奨構成としているかを確認することはプロジェクトの質の向上につながると思います。

ぜひご活用ください。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?