startswith()メソッド

Pythonの文字列メソッドの一つに、startswith()があります。startswith()は、指定した文字列で始まるかどうかを判定するメソッドです。このメソッドを使うことで、文字列の先頭が指定した文字列で始まるかどうかを判定できます。

is_start = s.startswith('My')
print(is_start) # True
is_start = s.startswith('X')
print(is_start) # False

find()メソッド

Pythonの文字列メソッドの中でも、find()はよく使われるメソッドの一つです。find()は、指定した文字列が最初に現れる位置を返します。もし文字列中に指定した文字列が存在しない場合は、-1を返します。

print(s.find('Mike')) # 11

また、rfind()メソッドは、指定した文字列が最後に現れる位置を返すメソッドです。

print(s.rfind('Mike')) # 17

count()メソッド

count()は、指定した文字列が何回現れるかを返すメソッドです。

print(s.count('Mike')) # 2

capitalize()メソッド

capitalize()メソッドは、文字列の先頭の1文字だけを大文字にして、残りを小文字に変換します。

print(s.capitalize()) # My name is mike. hi mike.

title()メソッド

title()メソッドは、各単語の先頭文字を大文字に変換します。

print(s.title()) # My Name Is Mike. Hi Mike.

upper()メソッド

文字列をすべて大文字に変換するには、upper()メソッドを使用します。

print(s.upper()) # MY NAME IS MIKE. HI MIKE.

replace()メソッド

文字列の中にある指定した文字列を、別の文字列に置き換えたい場合は、replace()メソッドを使用します。

print(s.replace('Mike', 'Nancy')) # My name is Nancy. Hi Nancy.

以上が、Pythonでの文字列メソッドの使い方です。この記事を参考に、Pythonで文字列を操作する際に役立ててください。

The post 【Python】文字列メソッドの使い方 first appeared on AichiLog.

お疲れ様です。

今回は、commitzenに似た機能を実現できる、シェルスクリプトを作成しましたので、共有します。

commitzenの問題

コミットメッセージを標準化する方法として、「commitzen」が挙げられると思います。

GitHub - commitizen/cz-cli: The commitizen command line utility. #BlackLivesMatter

The commitizen command line utility. #BlackLivesMatter - commitizen/cz-cli

github.com

しかし、このツールは、毎回インストールする手間や、Node.jsベースで、プロジェクトによっては追加の依存関係が必要になったりします。

そのような際、別の選択肢を一から探すのは手間です。

そのため、今回、シェルスクリプトを作成して、いかなるプロジェクトでも、同様のコミットメッセージを導入できるようにしました。

スクリプト

#!/bin/bash

# コミットタイプを尋ねる
echo "コミットのタイプを選択してください:"
echo "1. feat (新機能)"
echo "2. fix (バグ修正)"
echo "3. docs (ドキュメントの変更)"
echo "4. style (コードのスタイル変更、フォーマット等)"
echo "5. refactor (リファクタリング)"
echo "6. test (テスト関連)"
echo "7. chore (その他、ビルドプロセスや補助ツールの変更)"
echo "8. perf (パフォーマンス改善)"
echo "9. build (ビルドシステムや外部依存関係の変更)"
echo "10. ci (CI設定ファイルやスクリプトの変更)"
read -p "番号を入力してください: " type

case $type in
  1) type="feat";;
  2) type="fix";;
  3) type="docs";;
  4) type="style";;
  5) type="refactor";;
  6) type="test";;
  7) type="chore";;
  8) type="perf";;
  9) type="build";;
  10) type="ci";;
  *) echo "無効な選択肢です"; exit 1;;
esac

# スコープを尋ねる
read -p "変更のスコープ (コンポーネントやファイル名等) を入力してください: " scope

# コミットメッセージの概要を尋ねる
read -p "コミットメッセージの概要を簡潔に記述してください: " summary

# コミットメッセージの本文を尋ねる（オプション）
read -p "詳細なコミットメッセージを入力してください (オプション): " body

# コミットメッセージを組み立てる
commit_message="$type($scope): $summary"
if [ -n "$body" ]; then
  commit_message="$commit_message\\n\\n$body"
fi

# コミットを実行
git commit -m "$commit_message"

実行方法

上記のスクリプトの実行方法は、下記のコマンドを入力してください。

// ファイル名が「commit.sh」の場合
chmod +x commit.sh

そして、以下のコマンドで、スクリプトを実行してコミットを行います。

./commit.sh

おわり

今回のスクリプトは、基本的な機能しか持っていません。

プロジェクトのニーズに合わせて、カスタマイズしていってください。

The post 【Git】commitzenをシェルスクリプトで実行 first appeared on AichiLog.

useStateとuseEffectは、Reactのフックと呼ばれる機能で、状態管理と副作用の管理を行います。

useStateがない場合

function App() {
  let count = 0;

  const handleClick = () => {
    count++;
    console.log(count);
  };

  return (
    <>
      <h1>普通のカウント</h1>
      <button onClick={handleClick}>Click Me!</button>
      <p>{count}</p>
    </>
  );
}

上記のコードでは、countはただの変数です。

ボタンをクリックするとcountの値は増加しますが、これはReactのレンダリングシステムとは独立しています。そのため、画面上のカウントは更新されず、常に0が表示されます。

useStateを使う場合

import { useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  return (
    <>
      <h1>UseState</h1>
      <button onClick={handleClick}>Click Me!</button>
      <p>{count}</p>
    </>
  );
}

useStateを使うと、countは状態として管理され、setCount関数によって更新されます。これにより、状態が変更されるとReactはコンポーネントを再レンダリングし、画面上のカウントが実際の値に更新されます。

useEffectの使い方

useEffectは、コンポーネントのライフサイクルに応じた副作用（データの取得、購読の設定など）を扱います。

マウント時に一度だけ実行

import { useEffect } from "react";

function App() {
  useEffect(() => {
    console.log("マウント時に一度だけ実行");
  }, []);

  return (
    <>
      <h1>UseEffect：デフォルト（マウント時に一度だけ実行）</h1>
    </>
  );
}

上記のコードでは、空の依存配列（[]）を渡すことで、コンポーネントがマウントされた時に一度だけ副作用が実行されます。

依存配列の変数が変わった時に発火

import { useEffect, useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  const handleClick = () => {
    setCount(count + 1);
  };

  useEffect(() => {
    console.log("countが変更されました");
  }, [count]);

  return (
    <>
      <h1>UseEffect：変数が変更された時に実行</h1>
      <button onClick={handleClick}>+1</button>
      <p>count: {count}</p>
    </>
  );
}

ここでは、countが更新されるたびに副作用が実行されます。これは、countを依存配列に含めることで実現されます。

無限ループの危険性

import { useEffect, useState } from "react";

function App() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    console.log("NG：countが永遠に変更されるので、無限ループになる");
    setCount(count + 1);
  }, [count]);

  return (
    <>
      <h1>UseEffect：無限ループ</h1>
      <button onClick={handleClick}>+1</button>
      <p>count: {count}</p>
    </>
  );
}

上記のコードは、countが更新されるたびにsetCountを呼び出しているため、無限ループに陥ります。これは避けるべきです。

おわり

以上がuseStateとuseEffectの基本的な使い方と、それらを使ってReactでの状態管理と副作用を扱う方法です。

これらのフックを適切に使うことで、効率的で再利用可能なコンポーネントを作成することができます。

The post ReactのuseStateとuseEffectの基本 first appeared on AichiLog.

日本国内でよく使われている Flutter 製アプリ

Flutter は日本国内でも様々な有名サービスの公式アプリに採用されています。特に以下のような高いダウンロード数・ユーザー数を持つアプリが Flutter で開発されています。

以上のように、日本国内でもユニクロや NTT ドコモ、リクルート、メルカリといった大企業が Flutter を採用し、数百万規模のユーザーに利用されるアプリを提供しています。Flutter の高速な UI 描画と安定した動作により、大量のユーザーアクセスにも耐える高品質なサービスが実現されています。

海外で人気の Flutter 製アプリ

海外に目を向けると、Flutter はグローバルで数千万規模のユーザーを持つ人気アプリにも採用されています。代表的な例をいくつか挙げます。

以上のように、Google、Alibaba、Tencent、BMW、eBayなど世界的企業が Flutter を採用し、数千万規模のユーザーにサービス提供しています。特に金融（Google Pay や Nubank）、EC・マーケットプレイス（Alibaba Xianyu や Kijiji）、IoT/自動車（BMW）といった幅広い分野で Flutter アプリが成功を収めています。これは Flutter の信頼性とスケーラビリティがグローバル水準で証明されていることを示しています (Flutter 2025: Definition, Key Trends, and Statistics) (Flutter Showcase |Google Pay)。

Flutter と React Native の今後の勢い比較

次に、クロスプラットフォーム開発の代表的技術であるFlutter と React Nativeについて、以下の視点で現在の状況と将来の勢いを比較します。各項目について最新のデータや傾向を踏まえ、どちらが今後より成長しそうか予測します。

企業の採用動向

Flutter 採用の拡大: Flutter は 2018 年の正式リリース以降、新規プロジェクトを中心に企業導入が急増しています。先述のように Google や Alibaba をはじめ、金融・旅行・通販など様々な業界の大手が Flutter によるアプリ開発に成功しています。日本国内でもリクルート（スタディサプリ）や DMM.com など既存ネイティブアプリを Flutter に全面移行した例も出始めています (Flutter アプリの国内事例 12 選！大手の Flutter 移行も紹介 | 東京のアプリ開発会社)。クロスプラットフォームの効率性と Flutter の表現力に魅力を感じ、新規サービスで Flutter を選定する企業が今後も増えると見られます。

React Native の状況: React Native（RN）は 2015 年に Facebook が公開して以降、多くの企業で採用されてきました。Facebook 本体や Instagram で部分採用されたほか、米国ではWalmartやBloomberg、日本でもメルカリ（初期の一部機能）や楽天などが一時期導入していた例があります。しかし近年、Airbnb や Dropbox が RN から撤退したように、ネイティブへの回帰や他フレームワークへの移行もみられます。一方でMeta 社（旧 Facebook）は現在も React Native を社内主要アプリに活用し続けており、Microsoft も React Native for Windows を開発するなど支援しています。既存の React Native 資産を持つ企業は引き続き RN をメンテナンスしつつ、新規機能では Flutter を試験採用するケースも出ています。総じて、新規採用という観点では Flutter の方が勢いが強く、RN は既存ユーザー企業による支えが中心になりつつあります。

市場シェア

開発者利用シェア: 世界全体のデベロッパー動向を見ると、Flutter が React Native を上回るシェアを占めています。Statista や JetBrains の調査によれば2022 ～ 2023 年時点でクロスプラットフォーム開発フレームワーク利用率は Flutter が約 46%、React Native が約 32 ～ 35%となっており、Flutter が最も人気のフレームワークです (Flutter & React Native Compared | Best Framework for your Project?) (React Native vs Flutter · GitHub)。これは数年前まで先行していた React Native を Flutter が追い抜いたことを示しています。この傾向は 2024 年以降も続いており、Stack Overflow 開発者調査 2023 でもFlutter 利用率 9.1% vs RN 8.4%と Flutter が僅かながら上回っています (React Native vs Flutter · GitHub)。また Google Trends の検索人気でも Flutter への関心度が RN を大きく上回っており (Popularity of Flutter vs. React Native in 2025 – Flatirons)、コミュニティの盛り上がりは Flutter が優勢です。

エコシステム規模: GitHub 上のスター数でも Flutter は約 15.2 万、React Native は約 10.9 万と差がついています (Popularity of Flutter vs. React Native in 2025 – Flatirons)。Flutter 関連の Stack Overflow 質問件数も RN より多く、開発者コミュニティの活動量が高いことが伺えます (Popularity of Flutter vs. React Native in 2025 – Flatirons)。もっとも React Native も依然多くの開発者に使われており、モバイルクロスプラットフォーム分野では Flutter と RN の二強状態が続いています。市場シェアの観点ではFlutter がこのままリードを広げていく可能性が高いでしょう。

技術的な優位性

Flutter の技術特性: Flutter は Dart 言語で実装され、ネイティブアプリにAhead-of-Time（AOT）コンパイルされるため、ランタイムに仮想マシンやブリッジを必要としません (Flutter vs React Native in 2025 – Springs)。これにより描画パフォーマンスが高く、60fps 以上のスムーズな UI 描画やアニメーションが可能です。また、Flutter は Skia エンジン上に独自 UI を描画する仕組みで、デザインの自由度が非常に高いです。プラットフォーム間で UI の再現性が統一され、Android と iOS で全く同じ見た目・挙動を実現できます。加えて、モバイル以外に Web やデスクトップ、組み込み（Embedded）まで単一コードでターゲットにできる点も技術的優位とされています。

React Native の技術特性: React Native は JavaScript（または TypeScript）と React を用いて記述し、各プラットフォームのネイティブ UI コンポーネントを橋渡し（ブリッジ）する形で描画します。メリットは Web フロントエンド技術（JSX+CSS）がそのままモバイル開発に応用でき、Web エンジニアが参入しやすいことです。ネイティブコンポーネントを使うため iOS/Android 各プラットフォームの標準的な UI を自動で取得でき、見た目が「ネイティブらしい」挙動になります。しかし欠点として、JavaScript からネイティブへのブリッジによるオーバーヘッドがあり、複雑な画面でパフォーマンスが低下しやすい点が挙げられます (Flutter vs React Native in 2025 – Springs)（Meta は新アーキテクチャでこの問題の改善に取り組んでいますが依然 Flutter の直接ネイティブ実行に分があります）。また、開発には Node.js 環境や Gradle 設定など多くのツールチェーンを統合する必要があり、セットアップやビルドがやや複雑です。総じて技術面では、パフォーマンスと一貫性で Flutter が優れ、Web 技術資産の再利用性で React Native が優れると言えます。

開発者の支持率

開発者コミュニティの支持: 開発者からの人気・支持という面でも両者に差が出つつあります。Stack Overflow の開発者調査「最も愛されるフレームワーク」部門では、Flutter は68%前後の開発者から「好き」と評価されており、React Native の約 55 ～ 58%を上回っています (React Native vs Flutter · GitHub)。これは Flutter 開発者の多くがその経験に満足していることを示します。一方、React Native は Flutter に比べやや満足度で劣り、「どちらかといえば敬遠される」層も一定数います。ただしJavaScript/React 経験者の圧倒的な母数があるため、依然として学習コストの低さから React Native を選ぶ開発者も少なくありません。GitHub のコントリビューションを見ると、Flutter リポジトリのコミット数が RN より多く活発に開発が進められている一方で、RN は未マージのプルリクエスト件数が Flutter より多く、オープンソース貢献の受け皿としても機能しています (Popularity of Flutter vs. React Native in 2025 – Flatirons)。今後もFlutter は Google 主導の安定したアップデートが続く見込みで、開発者コミュニティの勢いは Flutter が優位でしょう。

パフォーマンス比較

速度・効率: パフォーマンス面では、総合すると Flutter が有利と考えられます。Flutter はネイティブコードに直接コンパイルされるため、スクロールやアニメーションの滑らかさ、描画フレームレートで高い水準を示します (Flutter vs React Native in 2025 – Springs)。事例でも、Flutter 製アプリがしばしば「ネイティブと遜色ない」「カクつきが減った」と評価されます。React Native も日常的な CRUD アプリ程度であれば実用十分な速度がありますが、JS とネイティブ間通信がボトルネックになる処理（大量の一覧描画や同期的な複雑演算など）では Flutter との差が現れます。もっとも、React Native 側も近年「Fabric」という新レンダリングエンジンや Turbo Modules により、ブリッジのオーバーヘッド削減を進めています。軽量な UI や一部ネイティブモジュールの組み合わせ次第では RN でもほぼネイティブ並みの体感速度を実現できます。一般論としては UI 表現力とピーク性能で Flutter が上回り、RN は十分実用的だが極限では Flutter に一歩譲るという状況です (Flutter vs React Native in 2025 – Springs)。

将来の成長予測

以上を踏まえ、今後より成長する可能性が高いのは Flutterだと予測します。理由は以下の通りです。

総合すると、React Native も依然有力なクロスプラットフォーム手段ではありますが、今後数年の成長率や新規プロジェクト採用においては Flutter が React Native を上回る可能性が高いです (Flutter & React Native Compared | Best Framework for your Project?)。もっとも各技術には得意分野があるため、Web 資産を流用したいケースでは引き続き React Native が選ばれるなど、両者が共存しつつも Flutter が主導権を握る形で市場が推移していくと考えられます。

参考資料:

The post Flutter 製アプリの事例と Flutter vs React Native の将来展望 first appeared on AichiLog.

はじめに

Flutterアプリ開発において、APIキーやデータベースパスワードなどの機密情報を安全に管理することは非常に重要です。本記事では、enviedパッケージを使用して環境変数を安全に管理する方法を解説します。

1. enviedのインストール

まず、Flutterプロジェクトにenviedパッケージを追加します。

flutter pub add envied
flutter pub add --dev build_runner envied_generator

enviedは環境変数を安全に管理するためのパッケージで、build_runnerとenvied_generatorを利用してコードを自動生成します。

2. .envファイルの作成

環境変数を定義するために、.envファイルをプロジェクトのルートディレクトリに作成し、以下のように記述します。

DB_PASSWORD=1234567890
DB_PORT=3000

このファイルには機密情報を含むため、.gitignoreに追加してバージョン管理から除外してください。

echo ".env" >> .gitignore
echo "env.g.dart" >> .gitignore  # のちに生成されるファイル

3. 環境変数を管理するファイルを作成

次に、lib/env.dartというファイルを作成し、以下のコードを記述します。

import 'package:envied/envied.dart';
part 'env.g.dart';
// requireEnvFileがtrueの場合、.envファイルがないとエラーが出る
@Envied(requireEnvFile: true, path: '.env')
final class Env {
  @EnviedField(varName: 'DB_PASSWORD')
  static const String dbPassword = _Env.dbPassword;
  @EnviedField(varName: 'DB_PORT')
  static const String dbPort = _Env.dbPort;
}

このファイルでは、@Enviedアノテーションを使用して.envファイルから環境変数を読み込むように設定します。

4. env.g.dartの生成

環境変数を自動生成するために、以下のコマンドを実行します。

flutter pub run build_runner build --delete-conflicting-outputs

このコマンドを実行すると、env.g.dartというファイルが自動生成されます。

生成されるenv.g.dart

// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'env.dart';
// ************************************************************************
// EnviedGenerator
// **********************************************************************

// coverage:ignore-file
// ignore_for_file: type=lint
// generated_from: .env
final class _Env {
  static const String dbPassword = '1234567890'; // envの中身がここにくる
  static const String dbPort = '3000';
}

rm .env

import 'env.dart';
void main() {
  print(Env.dbPassword);
  print(Env.dbPort);
}

import 'package:envied/envied.dart';
part 'env.g.dart';
@Envied(requireEnvFile: true, path: '.env')
final class Env {
  // 暗号化する場合は、obfuscate: trueを追加
  @EnviedField(varName: 'DB_PASSWORD', obfuscate: true)
  static String dbPassword = _Env.dbPassword;
  @EnviedField(varName: 'DB_PORT')
  static String dbPort = _Env.dbPort;
}

// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'env.dart';
// **********************************************************************
// EnviedGenerator
// ************************************************************************
// coverage:ignore-file
// ignore_for_file: type=lint
// generated_from: .env
final class _Env {
  static const List _enviedkeydbPassword = [
    3175743209,
    3642003943,
    2774983698,
    2234134847,
    776266119,
    3460629094,
    2118227522,
    209157887,
    2325619839,
    559751284,
  ];
static const List _envieddatadbPassword = [
    3175743192,
    3642003925,
    2774983713,
    2234134795,
    776266162,
    3460629072,
    2118227573,
    209157831,
    2325619782,
    559751236,
  ];
static final String dbPassword = String.fromCharCodes(List.generate(
    _envieddatadbPassword.length,
    (int i) => i,
    growable: false,
  ).map((int i) => _envieddatadbPassword[i] ^ _enviedkeydbPassword[i]));
  static const String dbPort = '3000';
}

まとめ

• enviedを利用することで、安全に環境変数を管理できる。
• .envファイルはバージョン管理から除外する。
• env.g.dartも.gitignoreに追加する。
• build_runnerを使用してenv.g.dartを自動生成する。
• 生成されたenv.g.dartを使用して環境変数を取得する。

この方法を活用することで、Flutterアプリのセキュリティを向上させることができます。ぜひ、試してみてください！

The post enviedパッケージを使用して、環境変数をより安全に管理する first appeared on AichiLog.

環境変数の設定手順

1. flutter_dotenv パッケージのインストール

まず、`flutter_dotenv` パッケージをプロジェクトに追加します。以下のコマンドを実行してください：

flutter pub add flutter_dotenv

2. .env ファイルの作成

プロジェクトのルートディレクトリに `.env` ファイルを作成し、環境変数を定義します。

API_KEY=your_api_key_here

3. アセットの設定

作成した `.env` ファイルを Flutter に認識させるために、`pubspec.yaml` に以下の設定を追加します：

flutter:
  assets:
    - .env

4. 環境変数の読み込み

アプリケーションの起動時に環境変数を読み込むため、main.dart を修正します。

import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:flutter/material.dart';
import 'my_app.dart'; // 実際のアプリケーションファイルをインポート
void main() async {
 await dotenv.load(fileName: ".env"); // ここでenvファイルを読み込む
 runApp(const MyApp());
} 

5. 環境変数の利用

環境変数の設定が完了したら、アプリケーション内で以下のように参照できます：

final apiKey = dotenv.env['API_KEY'];
print("API Key: $apiKey");

環境変数管理

.gitignore に .env を追加する

`.env` ファイルには機密情報が含まれるため、バージョン管理システム（Git など）に追加されないように `.gitignore` に以下の設定を記述してください：

.env

環境ごとに .env ファイルを分ける

開発・ステージング・本番環境で異なる環境変数を使用する場合、.env.dev、.env.prod など複数のファイルを用意し、dotenv.load(fileName: “env_file_name”) で適切なファイルを読み込むようにしましょう。

void main() async {
  await dotenv.load(fileName: ".env.prod");
  runApp(const MyApp());
}

まとめ

Flutter アプリケーションで環境変数を安全に管理するための手順を解説しました。`flutter_dotenv` を活用すれば、API キーや認証情報を安全に管理できるため、セキュリティリスクを減らすことができます。

ポイントまとめ
– flutter_dotenv を使用して環境変数を管理
– .env ファイルを .gitignore に追加
– 環境ごとに異なる .env ファイルを活用

Flutter アプリ開発において、適切な環境変数管理を実践し、安全なアプリケーション運用を目指しましょう！

The post 【Flutter】dotenv パッケージを使って環境変数を安全に管理する方法 first appeared on AichiLog.

{}を使用する方法

format()メソッドを使用する場合、文字列内に{}を置くことで、変数を埋め込むことができます。以下は、{}を使用した例です。

基本的な使い方

print('a is {}'.format('test')) # a is test

print('a is {}'.format(1)) # a is 1

複数の値を挿入する

print('a is {} {} {}'.format(1, 2, 3)) # a is 1 2 3

順番を変える

print('a is {2} {0} {1}'.format(1, 2, 3)) # a is 3 1 2

変数を使う

print('My name is {0} {1}.watashi ha {1} {0}'.format('Taro', 'Yamada')) # My name is Taro Yamada

また、変数名を指定することもできます。

print('My name is {name} {family}'.format(name='Taro', family='Yamada')) # My name is Taro Yamada

このように、Pythonのフォーマット関数を使うことで、文字列の中に変数や値を簡単に挿入することができます。

数字を文字列に変換する方法

str()関数を使用することで、数字を文字列に変換することができます。

num = str(1)
type(num) # str

文字列を数字に変換する方法

int()関数を使用することで、文字列を整数に変換することができます。

num = int('1')
type(num) # int

フロートを文字列に変換する方法

str()関数を使用することで、フロートを文字列に変換することができます。

num = str(3.14)
type(num) # str

The post 【Python】文字列をフォーマットする方法 first appeared on AichiLog.

基本的な使い方

a = 'a'
print(f'a is {a}')

出力結果:

a is a

複数の変数を使う

x, y, z = 1, 2, 3
print(f'a is {x}, {y}, {z}')
print(f'a is {z}, {y}, {x}')

出力結果:

a is 1, 2, 3
a is 3, 2, 1

文字列の結合

name = 'Taro'
family = 'Yamada'
print(f'My name is {name} {family}. Watashi ha {family} {name}')

出力結果:

My name is Taro Yamada. Watashi ha 
Yamada Taro

f-stringsとformatの違い

f-stringsとformatは、同じように文字列をフォーマットする方法ですが、いくつかの違いがあります。

処理速度

f-stringsの方がformatよりも処理が早いです。

簡潔さ

f-stringsは、より簡潔で読みやすいコードを書くことができます。

変数のスコープ

f-stringsは、変数のスコープにアクセスできます。一方、formatは、値を渡す必要があります。

まとめ

f-stringsは、新しい書き方で、処理も早いため、Python 3.6以降では、使い方を覚えておくと便利です。

The post 【Python】f-stringsの使い方 first appeared on AichiLog.

Flutterの特徴

Flutterは、Dartというプログラミング言語で書かれており、高速な開発と美しいUIを実現することができます。

そのほかにも、たくさんの特徴があります。

• ウィジェットを使って、美しいUIを実現することができる
• 高速に開発できる
• Dartによる静的型付け言語であり、コードの品質を保つことができる
• ホットリロードにより、アプリの開発がスムーズに進む

Flutterは、開発者にとって魅力的なフレームワークであり、今後ますます注目されることが予想されます。

ウィジェットについて

Flutterのウィジェットとは、ボタンやラベル、画像など、UIを構成する最小単位のことです。Flutterでは、これらのウィジェットを組み合わせて画面を構築します。ウィジェットは、親ウィジェットと子ウィジェットの関係を持ち、ツリー構造を形成します。

Flutterには、様々な種類のウィジェットが用意されており、簡単に美しいUIを構築することができます。

例えば、Textウィジェットを使ってテキストを表示したり、Imageウィジェットを使って画像を表示したりすることができます。

また、Flutterには、マテリアルデザインやカップケーキデザインなど、様々なデザインのウィジェットが用意されています。これらのウィジェットを組み合わせることで、美しいUIを簡単に実現することができます。

次回の記事では、Flutterウィジェットの種類や使い方について詳しく解説していきます。

The post 【Flutter】flutterの特徴とウィジェット first appeared on AichiLog.

そんなウィジェットは、様々な種類が用意されており、それぞれに特徴があります。

基本ウィジェット

Textウィジェットを使ってテキストを表示したり、Imageウィジェットを使って画像を表示したりすることができます。

また、Containerウィジェットを使って、要素をグループ化したり、背景色を設定したりすることもできます。

レイアウトウィジェット

レイアウトウィジェットを使えば、ウィジェットを配置することができます。

Rowウィジェットを使って、横方向にウィジェットを配置したり、Columnウィジェットを使って、縦方向にウィジェットを配置したりすることができます。また、Stackウィジェットを使って、ウィジェットを重ねて配置することもできます。

マテリアルデザインウィジェット

マテリアルデザインは、Googleが提唱するUIデザインの一つであり、Flutterには、マテリアルデザインに基づいたウィジェットが用意されています。

例えば、AppBarウィジェットを使って、アプリケーションバーを表示したり、Cardウィジェットを使って、カードを表示したりすることができます。

Cupertinoデザインウィジェット

Cupertinoデザインは、iOSのUIデザインに基づいたものであり、Flutterには、Cupertinoデザインに基づいたウィジェットが用意されています。

例えば、CupertinoNavigationBarウィジェットを使って、iOSのナビゲーションバーを表示したり、CupertinoButtonウィジェットを使って、iOSのボタンを表示したりすることができます。

まとめ

Flutterには、様々な種類のウィジェットが用意されており、それぞれに特徴があります。

上記のウィジェットを使いこなせば、簡単に美しいUIを構築することができます。是非、活用してみてください。

The post 【Flutter】ウィジェットの使い方 first appeared on AichiLog.