メインカテゴリーを選択しなおす
【Unity初心者向け】無料＆商用OKのUIテンプレートを使って脳トレアプリを作りたい話【MITライセンス】
Unity初心者でも安心！MITライセンスで無料＆商用利用OKのUIテンプレートを使った脳トレアプリ制作の体験談。Asset Storeの活用法や注意点も解説。
React Nativeで効果音が鳴らない？react-native-soundからexpo-avへの移行記録
react-native-soundで音が鳴らない？Hermesとの相性問題に悩む方へ。React Native CLI環境でexpo-avを導入して効果音を実装した体験談と、つまずいたポイントを詳しく紹介。
【ChatGPT vs Claude】スイカゲーム風の宝石パズルを作ってわかった！コード生成AIの実力比較とおすすめ活用法
ChatGPTとClaudeを使ってスイカゲーム風の宝石パズルを自作！実際に同じ仕様書でコード生成を比較し、それぞれの強み・弱みを徹底解説。無料でゲーム開発に挑戦したい人におすすめの活用術も紹介。
React Native CLIで音が鳴らない｜初心者が3つのライブラリでメンタル崩壊した記録【2025年5月29日】
React Native CLIで音を鳴らせず挫折した初心者の実録。react-native-soundやtrack-playerの落とし穴と地獄の2日間。
【Hello World】TypeScript + React Native for Web + React Navigation + Webpack
今度はTypeScript + React Native for Web + React Navigation + webpack + github pages templateを作ってみました。
【Hello World】TypeScript + React Native for Web + Webpack
今度はTypeScript + React Native for Web + webpack + github pages templateを作ってみました。
React Nativeでnode_modules/のコードを修正したい
はじめに React Nativeを使っていると依存パッケージのバグや、特定の処理をカスタマイズしたいことがたまにあるのでメモ ただし、あくまで応急処理的な使い方に留めよう（自戒） 手順 1. パッチ当てに必要なパッケージのインストール $ npm i --save-dev patch-package postinstall-postinstall 2. 対象のファイルを修正する ex. node_modules/<package name>/<file name> 3. パッチを適用 $ npx patch-package <package name> patchesディレクトリが作成され、…
ReactNativeのTextInputに指定できるkeyboardTypeの一覧
毎回「テンキーレイアウトって何がどう違うんだっけ・・・？」ってなって実機で確認してる記憶喪失だから画像と一緒にまとめとく 検証環境 デバイス OS version キーボード iPhone 14 iOS 16.2 標準キーボード TORQUE 5G Android 12 Gboard keyboardType一覧 keyboardType iOS Android default email-address numeric phone-pad number-pad decimal-pad ascii-capable numbers-and-punctuation url name-phone-p…
検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 iOS ios/{project}/AppDelegate.mを以下のように修正する @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // 省略 // ↓追加 if (@available(iOS 13, *)) { self.win…
はじめに アプリがフォアグラウンドにあるタイミングで特定の処理を実施したかった 検証環境 $ react-native -v react-native-cli: 2.0.1 react-native: 0.67.3 コード import React from 'react'; import { AppState } from 'react-native'; class App extends React.Component { componentDidMount() { AppState.addEventListener('change', () => { if (AppState.curre…
1. 必要なパッケージのインストール $ npm i react-native-svg 2. SVGアイコンとなるコンポーネントファイルの作成 import React from 'react'; import { View } from 'react-native'; import Svg, { Polygon, Line } from 'react-native-svg'; const AlertOctagon = (props) => ( <View> <Svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke={…
