Reactにおける高度なコンポーネントパターンとスタイリング手法
高度なコンポーネントパターン
高階コンポーネントの概念
import React from 'react';
const EnhancedComponent = higherOrderComponent(BaseComponent);
class BaseComponent extends React.PureComponent {
render() {
return <div>名前:{this.props.name}</div>;
}
}
function higherOrderComponent(WrappedComponent) {
return class Enhan ...
7月5日 22:23 投稿
Java Android開発入門 - TabLayout、Fragment、プロパティアニメーション
機能概要
Java言語を使用
主な機能:
ex1: SeekBarでLottieアニメーションの再生を制御し、自動再生機能を実装
ex2: 下部の入力パラメータで中央ビューのアニメーション効果を制御
ex3: TabLayoutとFragmentを使用したタブ切り替え機能を実装し、切り替え後5秒間Lottieアニメーションを再生し、アニメーション終了後にフェードイン・フェードアウト効果を追加
スクリー ...
7月3日 19:40 投稿
Android開発におけるViewPagerとFragmentの活用
ViewPagerの実装
ViewPagerを使用して複数のビューをスライド表示する機能を実装します。
レイアウトファイルの作成
layout1.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:backgroun ...
6月5日 18:28 投稿
Android アプリ開発の基礎:アーキテクチャから Jetpack までの要点解説
1. Android システムの概要
Android プラットフォームは階層化されたアーキテクチャを持ち、各レイヤーが特定の役割を担っています。
1.1 システム構造
アプリケーション層: ユーザーが直接操作するアプリ群(ブラウザ、メール等)
フレームワーク層: アプリ開発に必要な機能を提供する API の集合体
ネイティブ実行ライブラリ層: C/C++ で記述された高性能な機能サポート ...
5月30日 08:34 投稿
Android開発におけるモジュール設計とナビゲーション管理のベストプラクティス
モジュール設計の重要性
ラッパー(Wrapper)は必須ではありませんが、関連する関数を整理整頓しておくことが重要です。ラッパーを使用しても同量のコードになり、理解が難しくなる場合もあります。
以下にモジュール化の例を示します。
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun SettingsScreen(onBack: () -> Unit) {
val context = LocalContext ...
5月22日 00:29 投稿