Flutter,インデント(ネスト)を減らす方法について

0,目次

  1. はじめに
  2. コードの分割
    1. メソッド化
    2. 別クラス化
    3. 別ファイル化
  3. おわりに
  4. 参考文献

1,はじめに

最近Flutterでアプリ開発をしています。

Flutterでの開発は、ウィジェットを大量に記述することが多いです。

すると、問題点として、

ソースコードのインデントが深くなることが挙げられます。

おそらく、Flutterの開発者たちは、

意図的にインデントが深くなるように設計をしています。

そこで本稿では、Flutterのコードをメソッド化したり、別クラス化したり、

ソースコードを別ファイル化する方法について、記載します。

続きを読む »

Zabbix 4.0「DB type “MYSQL” is not supported by current setup.」への対処

0,目次

  1. はじめに
  2. 原因
  3. 対処法
    1. Apacheのモジュールを確認
    2. Apacheの設定変更
  4. 参考文献

1,はじめに

当サイトはDebian 9を基盤として稼働させていた。

しかし、この度Debian 10.3へアップグレードを実施した。

その結果、ZabbixのWeb Frontendがエラーを出し、ダッシュボード画面へアクセスできなくなった。

Error – DB type “MYSQL” is not supported by current setup.

上記がそのエラーメッセージである。

本稿では、そのエラーの解決方法について記載する。

続きを読む »

Nuxt.jsでのSCSS使用手順

0,目次

  1. はじめに
  2. Nuxt.jsでのSCSS使用手順
    1. モジュールの導入
    2. SCSSファイルの配置
    3. nuxt.config.jsの編集
    4. Vueファイルにimportの記載
  3. 感想
  4. 参考文献

1,はじめに

Nuxt.jsではCSSだけでなく、SCSSも使えるという話を聞きました。

そこで、SCSSをNuxt.jsで使用できないか試したところ、

自動コンパイル的な感じで、SCSSファイルの直接読み込みができていました。

最近の技術の凄さに驚きです(日進月歩の世界だなと思いました)。

そこで、Nuxt.jsでSCSSを使用する手順を記載します。

続きを読む »

Nuxt.jsの「Error: No build files found in XXX」への対応

0,目次

  1. はじめに
  2. あ、凡ミスだこれ
  3. 原因・対応
  4. 参考文献

1,はじめに

Nuxt.jsで開発をしていると、

npm start devコマンドの実行に失敗することがあります。

今回、以下のエラーが表示されました。

✖ Nuxt Fatal Error
Error: No build files found in
/Users/jskny/Documents/Workspace/Project/byakko/dev/.nuxt/dist/server.
Use either `nuxt build` or `builder.build()` or start nuxt in development mode.

では、エラー潰しを始めましょう。

続きを読む »

Nuxt.jsで「Adjacent JSX elements must be wrapped in an enclosing tag.」が出る場合の対処法

0,目次

  1. はじめに
  2. 原因
  3. 対処
  4. 参考文献

1,はじめに

Nuxt.jsでアプリを皆さんは作りますでしょうか?

今回「npm run dev」を実行した際に、

以下のようなエラーが表示されました。

Module Error (from ./node_modules/eslint-loader/index.js): friendly-errors 21:59:31

/Users/jskny/Documents/Workspace/Project/byakko/components/AppLogo.vue
  10:1  error  Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment ...?

このエラーに対して、以下の記事を参考に、対処を行いました。

NuxtのESLintのエラー対応 - Qiita

このエラーの原因と対処法について、情報共有させていただきます。

続きを読む »