こんにちは！

Federico Calò

Sviluppatore Software | Divulgatore Tecnico

Creo applicazioni web moderne e strumenti digitali personalizzati per aiutare le attività a crescere attraverso l'innovazione tecnologica. La mia passione è unire informatica ed economia per generare valore reale.

お問い合わせ

自己紹介

La mia passione per l'informatica è nata tra i banchi dell'Istituto Tecnico Commerciale di Maglie, dove ho scoperto il potere della programmazione e il fascino di creare soluzioni digitali. Fin da subito, ho capito che l'informatica non era solo codice, ma uno strumento straordinario per trasformare idee in realtà.

Durante gli studi superiori in Sistemi Informativi Aziendali, ho iniziato a intrecciare informatica ed economia, comprendendo come la tecnologia possa essere il motore della crescita per qualsiasi attività. Questa visione mi ha accompagnato all'Università degli Studi di Bari, dove ho conseguito la Laurea in Informatica, approfondendo le mie competenze tecniche e la mia passione per lo sviluppo software.

Oggi metto questa esperienza al servizio di imprese, professionisti e startup, creando soluzioni digitali su misura che automatizzano processi, ottimizzano risorse e aprono nuove opportunità di business. Perché la vera innovazione inizia quando la tecnologia incontra le esigenze reali delle persone.

スキル

Analisi Dati & Modelli Previsionali

Trasformo i dati in insights strategici con analisi approfondite e modelli predittivi per decisioni informate

プロセス自動化

Creo strumenti personalizzati che automatizzano operazioni ripetitive e liberano tempo per attività a valore aggiunto

カスタムシステム

Sviluppo sistemi software su misura, dalle integrazioni tra piattaforme alle dashboard personalizzate

const federico = {
  nome: "Federico Calò",
  ruolo: "Sviluppatore Software",
  città: "Bari, Italia",
  missione: "Aiutare attraverso l'informatica",
  passioni: [
    "Codice Pulito",
    "Innovazione",
    "Crescita Continua"
  ]
};

ミッション

Credo fermamente che l'informatica sia lo strumento più potente per trasformare le idee in realtà e migliorare la vita delle persone.

🚀

テクノロジーの民主化

La mia missione è rendere l'informatica accessibile a tutti: dalle piccole imprese locali alle startup innovative, fino ai professionisti che vogliono digitalizzare la propria attività. Ogni realtà merita di sfruttare le potenzialità del digitale.

💡

ITとビジネスの融合

Non è solo questione di scrivere codice: è capire come la tecnologia possa generare valore reale. Intrecciando competenze informatiche e visione economica, aiuto le attività a crescere, ottimizzare processi e raggiungere nuovi traguardi di efficienza e redditività.

🎯

カスタムソリューション

Ogni attività è unica, e così devono esserlo le soluzioni. Sviluppo strumenti personalizzati che rispondono alle esigenze specifiche di ciascun cliente, automatizzando processi ripetitivi e liberando tempo per ciò che conta davvero: far crescere il business.

テクノロジーでビジネスを変革

Dicembre 2024

Visualizza

Master SQL

RoadMap.sh

Novembre 2024

Visualizza

Oracle Certified Foundations Associate

Oracle

Ottobre 2024

Visualizza

People Leadership Credential

Connect

Settembre 2024

💻 Linguaggi & Tecnologie

☕Java

🐍Python

📜JavaScript

🅰️Angular

⚛️React

🔷TypeScript

🗄️SQL

🐘PHP

🎨CSS/SCSS

🔧Node.js

🐳Docker

🌿Git

💼

12/2024 - Presente

Custom Software Engineering Analyst

Accenture

Bari, Puglia, Italia · Ibrida Analisi e sviluppo di sistemi informatici attraverso l'utilizzo di Java e Quarkus in Health and Public Sector. Formazione continua su tecnologie moderne per la creazione di soluzioni software personalizzate ed efficienti e sugli agenti.

💼

06/2022 - 12/2024

Analista software e Back End Developer Associate Consultant

Links Management and Technology SpA

Esperienza nell'analisi di sistemi software as-is e flussi ETL utilizzando PowerCenter. Formazione completata su Spring Boot per lo sviluppo di applicazioni backend moderne e scalabili. Sviluppatore Backend specializzato in Spring Boot, con esperienza in progettazione di database, analisi, sviluppo e testing dei task assegnati.

💼

02/2021 - 10/2021

Programmatore software

Adesso.it (prima era WebScience srl)

Esperienza nell'analisi AS-IS e TO-BE, evoluzioni SEO ed evoluzioni website per migliorare le performance e l'engagement degli utenti.

🎓

2018 - 2025

Laurea in Informatica

Università degli Studi di Bari Aldo Moro

Bachelor's degree in Computer Science, focusing on software engineering, algorithms, and modern development practices.

📚

2013 - 2018

Diploma - Sistemi Informativi Aziendali

Istituto Tecnico Commerciale di Maglie

Technical diploma specializing in Business Information Systems, combining IT knowledge with business management.

お問い合わせ

プロジェクトをお考えですか？お気軽にお問い合わせください。

* Campi obbligatori. I tuoi dati saranno utilizzati solo per rispondere alla tua richiesta.

統合テストと Flutter DevTools: 実デバイス上のエンドツーエンド

統合テストは、最も現実的なレベルの Flutter テストです。物理デバイスまたはエミュレータで、実際のユーザーが行うのと同じようにアプリを操作して検証します。 UI 入力からバックエンド応答までの完全なフロー。テストウィジェットとは異なります単一のコンポーネントを分離する場合、統合テストはスタック全体を横断します。アプリケーション — ナビゲーション、状態管理、HTTP、ローカルストレージ。

この記事では、完全な統合テストパイプラインを構築します。テストを作成します。パッケージ付き integration_testエミュレータ上でローカルに実行します。 GitHub Actions 上でそれらを自動化し、最終的には実際の物理デバイス上で実行します。 Firebase Test Labを使用してFlutter DevTools を使用してメモリと CPU を分析します。実行して、展開前にパフォーマンスの低下を特定します。

何を学ぶか

Flutterにおける単体テスト、ウィジェットテスト、統合テストの違い
パッケージのセットアップ integration_test およびテストファイル構造
E2E テストを作成する IntegrationTestWidgetsFlutterBinding
の使用 find, tap, enterText e pumpAndSettle
Flutter DevTools: メモリプロファイラー、CPU プロファイラー、および [ネットワーク] タブ
GitHub Actions: エミュレータでの統合テスト用の CI/CD パイプライン
Firebase Test Lab: 物理デバイスのアレイ上で実行
E2E テストでバックエンドを分離するためのモック戦略

Flutter のテストピラミッド

統合テストを作成する前に、統合テストがどこに当てはまるかを理解することが重要ですフラッターテストピラミッドとそのコスト/利点を他のレベルと比較して説明します。

タイプ	スピード	忠誠心	メンテナンス	いつ使用するか
単体テスト	テストごとに最大 1 ミリ秒	低 (絶縁ロジック)	最小限	ビジネスロジック、リポジトリ、ユーティリティ
ウィジェットのテスト	テストごとに最大 50 ミリ秒	中 (デバイスなしの UI)	平均	UIコンポーネント、インタラクション
結合テスト	テストごとに最大 30 秒	高 (実デバイス)	高い	クリティカルフロー、E2E回帰

経験則: 70% 単体テスト、20% ウィジェットテスト、10% 統合テスト。のテスト統合は価値がありますが高価です。重要なビジネスフロー (ログイン、チェックアウト、オンボーディングなど）、回帰が実害を引き起こす場合。

プロジェクトのセットアップ

# pubspec.yaml: dipendenze per integration testing

dependencies:
  flutter:
    sdk: flutter
  integration_test:
    sdk: flutter  # gia incluso nell'SDK Flutter

dev_dependencies:
  flutter_test:
    sdk: flutter
  integration_test:
    sdk: flutter
  mocktail: ^1.0.4         # per mock degli HTTP client
  fake_async: ^1.3.1       # per controllare il tempo nei test

# Struttura directory raccomandata
# test/                    unit test e widget test
# integration_test/        integration test
#   app_test.dart
#   flows/
#     auth_flow_test.dart
#     checkout_flow_test.dart
#   helpers/
#     test_helpers.dart

最初の統合テスト

統合テストのバインディングは、ウィジェットテストのバインディングとは異なります。 IntegrationTestWidgetsFlutterBinding.ensureInitialized() 初期化するネイティブデバイスと通信し、パフォーマンスメトリックの収集を可能にするバインディング。

// integration_test/app_test.dart

import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
import 'package:my_app/main.dart' as app;

void main() {
  // OBBLIGATORIO: inizializza il binding integration test
  final binding = IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  group('App Integration Tests', () {
    testWidgets('App si avvia e mostra la home page', (tester) async {
      // Avvia l'app completa (non un widget isolato)
      app.main();
      await tester.pumpAndSettle(); // Aspetta che tutte le animazioni finiscano

      // Verifica che la home page sia visibile
      expect(find.text('Benvenuto'), findsOneWidget);
      expect(find.byKey(const Key('home_page')), findsOneWidget);
    });

    testWidgets('Navigazione tra le tab funziona', (tester) async {
      app.main();
      await tester.pumpAndSettle();

      // Tap sulla tab Profile
      await tester.tap(find.byKey(const Key('nav_profile')));
      await tester.pumpAndSettle();

      // Verifica che la pagina profilo sia caricata
      expect(find.byKey(const Key('profile_page')), findsOneWidget);

      // Torna alla Home
      await tester.tap(find.byKey(const Key('nav_home')));
      await tester.pumpAndSettle();

      expect(find.byKey(const Key('home_page')), findsOneWidget);
    });
  });
}

完全な認証フローのテスト

ログインフローは統合テストの理想的な候補です。 UI、検証、HTTP 呼び出し、トークンストレージ、ログイン後のナビゲーション。

// integration_test/flows/auth_flow_test.dart

import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
import 'package:my_app/main.dart' as app;

void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  group('Auth Flow', () {
    testWidgets('Login con credenziali valide naviga alla home', (tester) async {
      app.main();
      await tester.pumpAndSettle();

      // Trova e compila il campo email
      final emailField = find.byKey(const Key('email_field'));
      expect(emailField, findsOneWidget);
      await tester.tap(emailField);
      await tester.enterText(emailField, 'test@example.com');

      // Compila il campo password
      final passwordField = find.byKey(const Key('password_field'));
      await tester.tap(passwordField);
      await tester.enterText(passwordField, 'password123');

      // Chiudi la tastiera
      await tester.testTextInput.receiveAction(TextInputAction.done);
      await tester.pumpAndSettle();

      // Tap sul pulsante di login
      await tester.tap(find.byKey(const Key('login_button')));

      // Aspetta che il login HTTP completi (max 5 secondi)
      await tester.pumpAndSettle(const Duration(seconds: 5));

      // Verifica redirect alla home page
      expect(find.byKey(const Key('home_page')), findsOneWidget);
      expect(find.byKey(const Key('login_page')), findsNothing);
    });

    testWidgets('Login con credenziali errate mostra errore', (tester) async {
      app.main();
      await tester.pumpAndSettle();

      await tester.enterText(
        find.byKey(const Key('email_field')),
        'wrong@example.com',
      );
      await tester.enterText(
        find.byKey(const Key('password_field')),
        'wrongpassword',
      );
      await tester.tap(find.byKey(const Key('login_button')));
      await tester.pumpAndSettle(const Duration(seconds: 5));

      // Deve apparire il messaggio di errore
      expect(find.text('Credenziali non valide'), findsOneWidget);
      // Deve rimanere sulla login page
      expect(find.byKey(const Key('login_page')), findsOneWidget);
    });

    testWidgets('Validazione form: email non valida blocca il submit', (tester) async {
      app.main();
      await tester.pumpAndSettle();

      await tester.enterText(
        find.byKey(const Key('email_field')),
        'email-non-valida',
      );
      await tester.tap(find.byKey(const Key('login_button')));
      await tester.pumpAndSettle();

      // Errore di validazione visibile (no HTTP call effettuata)
      expect(find.text('Inserisci un\'email valida'), findsOneWidget);
    });
  });
}

パフォーマンスメトリクスの収集

統合テストは機能の正しさだけではありません: バインディング統合テスト実行時にフレームタイミング、メモリ、レンダリングメトリクスを収集できます。テストを実行し、CI で解析できる JSON レポートを生成します。

// integration_test/performance_test.dart

import 'package:flutter_test/flutter_test.dart';
import 'package:integration_test/integration_test.dart';
import 'package:my_app/main.dart' as app;

void main() {
  final binding = IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  testWidgets('Scrolling della lista prodotti: performance test', (tester) async {
    app.main();
    await tester.pumpAndSettle();

    // Naviga alla lista prodotti
    await tester.tap(find.byKey(const Key('nav_products')));
    await tester.pumpAndSettle();

    // Raccoglie metriche durante il scroll
    await binding.watchPerformance(() async {
      // Scroll veloce per 5 paginate
      for (int i = 0; i < 5; i++) {
        await tester.fling(
          find.byKey(const Key('products_list')),
          const Offset(0, -500),
          3000, // velocita pixels/secondo
        );
        await tester.pumpAndSettle();
      }
    },
    reportKey: 'products_scroll_perf');

    // Le metriche vengono salvate automaticamente in un file JSON
    // Accessibile via: flutter drive --profile
  });
}

// Comando per raccogliere metriche in modalita profile:
// flutter drive \
//   --driver=test_driver/integration_test.dart \
//   --target=integration_test/performance_test.dart \
//   --profile

Flutter DevTools: ディーププロファイリング

Flutter DevTools はブラウザ経由でアクセスできる診断ツールのスイートですアプリがデバッグモードまたはプロファイルモードで実行されている間。識別するのに最も役立つタブパフォーマンスの問題は、 「パフォーマンス」タブ (フレームタイミング)、の メモリタブ (ヒープ割り当て) 「ネットワーク」タブ (HTTP 遅延)。

# Avviare DevTools durante un integration test

# 1. Lancia l'app in modalita debug su emulatore
flutter run --debug

# 2. Apri DevTools (automaticamente o manualmente)
flutter pub global run devtools

# 3. Oppure direttamente da VS Code / Android Studio
# View > Command Palette > Flutter: Open DevTools

# Performance tab: comandi utili
# - "Record" per catturare una sessione
# - "Enhance Tracing" per shader e build details
# - Filtra per "Janky frames" (rosso = sopra 16ms budget)

# Memory tab: identificare memory leak
# - "GC" button: forza garbage collection
# - "Snapshot" prima e dopo un'operazione
# - Confronta gli heap dump per trovare oggetti non rilasciati

# Network tab
# - Mostra tutte le richieste HTTP/HTTPS
# - Timing breakdown: DNS, connect, send, wait, receive
# - Filtro per URI pattern

Flutter で一般的なメモリリークパターン

統合テスト (および運用環境) で最も一般的なメモリリークは次のとおりです。アニメーションコントローラーやる気がない: で作成されたコントローラー initState 対応するものがない場合 dispose() リスナーを蓄積し、ガベージコレクターによって解放されることはありません。 Flutter DevTools の [メモリ] タブでは、ルートへのパスを保持するオブジェクトとして識別されます。

GitHub アクション: 統合テスト用の CI/CD パイプライン

CI で統合テストを実行するには、Android エミュレーターまたは iOS シミュレーターが必要です。ここでは、ビルド時間を短縮するために最適化された完全な GitHub Actions セットアップを示します。

# .github/workflows/integration-tests.yml

name: Integration Tests

on:
  push:
    branches: [main, develop]
  pull_request:
    branches: [main]

jobs:
  integration-tests-android:
    runs-on: ubuntu-latest
    timeout-minutes: 30

    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

      - name: Setup Java (richiesto per emulatore Android)
        uses: actions/setup-java@v4
        with:
          java-version: '17'
          distribution: 'temurin'

      - name: Setup Flutter
        uses: subosito/flutter-action@v2
        with:
          flutter-version: '3.27.0'
          channel: 'stable'
          cache: true  # cache delle dipendenze Flutter

      - name: Install dependencies
        run: flutter pub get

      - name: Enable KVM (accelerazione hardware emulatore)
        run: |
          echo 'KERNEL=="kvm", GROUP="kvm", MODE="0666", OPTIONS+="static_node=kvm"' \
            | sudo tee /etc/udev/rules.d/99-kvm4all.rules
          sudo udevadm control --reload-rules
          sudo udevadm trigger --name-match=kvm

      - name: Avvia emulatore Android
        uses: reactivecircus/android-emulator-runner@v2
        with:
          api-level: 33
          arch: x86_64
          profile: Nexus 6
          avd-name: integration_test_avd
          emulator-options: -no-snapshot-save -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim
          disable-animations: true  # disabilita animazioni per test piu veloci
          script: |
            flutter test integration_test/ \
              --flavor development \
              -d emulator-5554 \
              --dart-define=ENVIRONMENT=test

      - name: Upload test results
        if: always()
        uses: actions/upload-artifact@v4
        with:
          name: integration-test-results
          path: build/integration_test_results/

Firebase Test Lab: 物理デバイスマトリックス

エミュレータを使用した GitHub Actions は基本的なテストをカバーしますが、物理デバイスもカバーします実際のハードウェアの違い (GPU、センサー、OEM Android バリアント) があります。エミュレータはプレイしません。 Firebase Test Lab はさまざまなデバイスを提供しますアプリを実行する物理ファイル。

# Preparazione dell'APK per Firebase Test Lab

# 1. Build dell'app e del test APK separati
flutter build apk --debug --target-platform android-arm64
flutter build apk --debug \
  --target=integration_test/app_test.dart \
  --target-platform android-arm64

# 2. Upload e avvio del test su Firebase Test Lab via gcloud CLI
gcloud firebase test android run \
  --type instrumentation \
  --app build/app/outputs/apk/debug/app-debug.apk \
  --test build/app/outputs/apk/debug/app-debug-androidTest.apk \
  --device model=Pixel6,version=33,locale=it,orientation=portrait \
  --device model=SamsungS22,version=32,locale=it,orientation=portrait \
  --device model=OnePlus9,version=31,locale=it,orientation=portrait \
  --timeout 5m \
  --results-bucket=gs://my-project-test-results \
  --results-dir=integration_tests/$(date +%Y%m%d_%H%M%S)

# Integrazione Firebase Test Lab in GitHub Actions

- name: Authenticate Google Cloud
  uses: google-github-actions/auth@v2
  with:
    credentials_json: ${{ secrets.GCP_CREDENTIALS }}

- name: Setup gcloud CLI
  uses: google-github-actions/setup-gcloud@v2

- name: Build test APKs
  run: |
    flutter build apk --debug
    flutter build apk --debug \
      --target=integration_test/app_test.dart

- name: Run tests on Firebase Test Lab
  run: |
    gcloud firebase test android run \
      --type instrumentation \
      --app build/app/outputs/apk/debug/app-debug.apk \
      --test build/app/outputs/apk/debug/app-debug-androidTest.apk \
      --device model=Pixel6,version=33,locale=it,orientation=portrait \
      --timeout 5m \
      --results-bucket=gs://my-app-test-results

信頼性の高い E2E テストのためのモッキング戦略

実際のバックエンドに依存するテストは脆弱です。サーバーがダウンする可能性があります。データは変更される可能性があり、レイテンシも変化します。テストに最適な戦略統合して使用します モックローカルサーバー （として mockito または偽の HTTP サーバー) 経由で構成可能 --dart-define.

# main.dart: configurazione per ambiente test

// main.dart
void main() {
  // Legge la variabile di ambiente iniettata dalla CI
  const environment = String.fromEnvironment(
    'ENVIRONMENT',
    defaultValue: 'production',
  );

  if (environment == 'test') {
    // Usa il mock HTTP client per i test di integrazione
    HttpOverrides.global = _MockHttpOverrides();
  }

  runApp(
    ProviderScope(
      overrides: environment == 'test'
          ? [
              // Override Riverpod provider con il mock repository
              apiClientProvider.overrideWithValue(MockApiClient()),
            ]
          : [],
      child: const MyApp(),
    ),
  );
}

class _MockHttpOverrides extends HttpOverrides {
  @override
  HttpClient createHttpClient(SecurityContext? context) {
    // Intercetta tutte le richieste HTTP e restituisce dati fissi
    return MockHttpClient();
  }
}

安定した統合テストのベストプラクティス

明示的キーを使用します。 すべてのインタラクティブなウィジェットには Key 安定した方法でテストで見つけられるようにするために定数を使用します。
あなたが好む pumpAndSettle a pump: pumpAndSettle すべてのハングアニメーションとフレームを待ちます終了し、タイミングによる不安定なテストが減少します。
明示的なタイムアウト: アメリカ合衆国 pumpAndSettle(Duration(seconds: 5)) 非同期操作の場合、デフォルトの無限タイムアウトの代わりに。
テスト間の状態のリセット: アメリカ合衆国 tearDown のためにクリーンな SharedPreferences、ローカルデータベース、認証トークン。
アニメーションを無効にする: 米国の CI パイプラインで --no-enable-impeller アニメーションを無効にして高速化します執行率は40％。

結論

統合テストは、運用環境に展開する前の最後の防御線です。相互作用から生じるため、単体テストを回避する回帰を捕捉します。実際のハードウェア上の実際のコンポーネント間。コストは高く、テストごとに 30 ～ 60 秒かかります。セットアップの複雑さ、継続的なメンテナンス - ただし重要なビジネスフローの場合 ROI には議論の余地がありません。

GitHub アクションの組み合わせにより、すべての PR と Firebase に対する素早いフィードバックが可能になります。異種の物理デバイスをカバーするテストラボがセーフティネットを作成堅牢なので、安心して導入できます。 Flutter DevTools が全体像を完成させます実行時のパフォーマンスを可視化し、テストを変革します単純な正当性チェックから監視ツールまでの統合ユーザーエクスペリエンスの質。