メモ帳アプリやTodo管理アプリなどでは、複数のデータを展開して一覧（リスト）表示させる必要がありますよね。

React Nativeでは、FlatListコンポーネントで効率的にデータを展開・表示させることができるようになっています。
この記事ではFlatListの基本的な使い方をご紹介します！

この記事では、ONとOFFの切り替えに使われるトグルスイッチを実装する方法と、より自然なスイッチに見せるためのコツをご紹介しています！

Webページ制作では、button要素に限らずdiv要素など様々な要素にクリック（タップ）イベントを指定することができますが、モバイルアプリ制作ではそうはいきません。
タップイベントを指定できるコンポーネントを使って、ボタンを作成する必要があります。

この記事では、React Nativeを利用したモバイルアプリ制作における、ボタンの設置方法とスタイルのカスタマイズ方法について解説します。

直線が引かれるアニメーションは比較的簡単に実装できるのですが、直線ではなく曲線…たとえば円を描くようなアニメーションは意外と面倒くさいです。

円を描くアニメーションは、SVGデータを使って破線を伸ばしていく方法もあるのですが、SVGのデータを用意するのってちょっと面倒くさいですよね。

ということで今回は、CSSとJavaScriptのみで円を描くアニメーションを作ってみたいと思います！

React NativeはHTMLやCSSの技術を使用するわけではないので、Webページ制作と同じように<div>タグなどを使うことはできません。

そこで、React Nativeにはコアとなるコンポーネントがいくつか用意されています。

この記事ではその中でも特に基本的なコンポーネントである、View、Text、Imageコンポーネントについて説明します。

イラレとAffinity Designerの基本操作は似ているところが多いのですが、中には大きく異なるものもあります。

そこで今回は、イラレからAffinity Designerに移行する際に知っておきたい操作の違いを３つご紹介します！

たとえば3分間のタイマーを実装したい場合、単純に180から数値がマイナスされるだけでは非常に見づらいですよね。

この記事では、カウントを分と秒に分けるなど表示方法を工夫して、より見やすいタイマーを実装していきます。

2023年3月にGPT-4が発表され、ChatGPT(Puls)にも搭載されました。

今回は、ChatGPT(ver GPT-4)を利用して実際にアプリを作ってみて感じたGPT-4の実力や使い勝手、感想をまとめてみました。

通常、モバイルアプリの開発環境の構築はやや複雑ですが、React NativeとExpoを利用するととても簡単に開発を始めることができます。

この記事では、React Native(+Expo)でモバイルアプリを開発するために必要な準備と、手順（画像つき）を解説します。

『alt属性には単に画像を説明する文章を指定すればよい？』
『alt属性はSEO対策に重要？』
『全ての画像にalt属性を指定しないといけない？』

このような認識が全て間違っているというわけではありませんが、中には正確とも言い難いものも含まれています。
alt属性の意味・役割をしっかり理解して、よりアクセシビリティに優れたWebページにしていきましょう！