空谷に吼える

ブロックチェーン／DLTまわりのなにかしらを書いていく所存

『実践Svelte入門』を読んだ

フロントエンド JavaScript Svelte

実践Svelte入門を読んでの感想、気をつけておくと良さげなポイントなどのメモ。

評価やら感想やら

  • 前提：本書に取り掛かる前の、筆者の関連しそうなスキルレベル

  • 書籍について

    • Svelteに関心を持ち学び始めようとするひとの入り口としてとても良い書籍だと思う
    • ステップの記述が詳細かつ親切なので、プログラミングそのものやWebアプリ開発、デプロイなどにそんなに慣れていないひともあまり躓くこともなくやり通せそう
      • ただしJavaScriptやHTML、CSS、Node.jsとnpmについては一定の理解が前提 　- 筆者は下記のAuth0の問題以外には全く躓くところなくスムーズに進められた
  • 紹介されている技術について
    • Svelte+SvelteKitがかなり気に入った
      • ここまでフロントエンド技術全般にずっと苦手意識があったのだが、「おっ、これならもしかしたらイケそう」な気持ち
    • Svelte、SvelteKitそれ自体の仕様としても、それらを利用して書くコードにしても、シンプルで理解しやすいという印象
      • プレゼンテーションと裏側のロジックの結びつきの見通しが良い
      • 独特なシンタックスもあるがそれほど量もなく、わりとすぐ慣れた

本書のチュートリアルを実行するうえで気をつけておくと良さげなポイント

  • 書籍としては利用するIDEは自由だが特にこだわりがなければSvelteの公式プラグインがあるVSCodeが推奨とのこと。筆者も普段から使っていたのでVSCodeを使用した。
    • プラグインとしては元々使っていたPrettier、ESLintに加え、Svelte for VSCodeとSvelte Intellisenseを追加で入れた
    • VSCodeのSettings.jsonに "[svelte]": { "editor.defaultFormatter": "svelte.svelte-vscode" }, を追記しておく
  • 5.3.2 ブラウザでアクセスする前にnpm installが必要
  • 7.3.6 Vercelでの動作確認で/products/svelte-bookや/cartを見るとVercelのFUNCTION_INVOCATION_TIMEOUTエラーになった
    • たぶんアプリをNode.jsのv16系で作っていたのが原因（書籍にはNode.jsのバージョン指定は特になかったと思う）。VercelでProjectのSettingsからGeneral/Node.jsバージョンをローカルと同様の16.xに変更したら直った（再デプロイのための空コミットが必要）。
  • 8.2.6 Auth0ログインの動作確認でエラーに遭遇