著者情報
-
＜WINGSプロジェクトについて＞
有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書、記事多数。- RSS
- Twitter: @yyamada（公式）、@yyamada/wings（メンバーリスト）
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
執筆記事
-
2020/12/07React向けライブラリを解説～フォームの状態管理を助けるFormikとは？
昨今、WebアプリケーションのフロントエンドをReactで作成する機会は少しずつ増えてきました。Reactそのものは状態管理とUIを効率的にひもづけるためのフレームワークですが、その周辺には、複雑な状態管理を効率化するライブラリやきれいなUIを提供してくれるライブラリなど、魅力的なライブラリが数多く存在しています。本連載では、そんなライブラリを1つずつ、実例を添えて解説することで、現場で課題に出会った際に適切なライブラリを選択できる力を養います。第1回となる今回は、入力フォームについて扱います...
-
2020/08/17リリース用のアプリファイルを用意しよう
アプリができあがったら、ストアにリリース（公開）して、世界中の人に使ってもらいましょう。これまではデフォルトの設定のままで開発を行ってきましたが、リリースをする場合は、アプリのID、アプリ名、アプリのアイコン、スプラッシュ画面など、設定するべきものがいくつかあります。Androidアプリ開発やiOSアプリ開発のお作法を元にしているものの、JSONやJavaScriptで設定を記述していくスタイルはExpo独自のものです。どんな設定をすればよいのか、学んでいきましょう。
-
2020/06/26リッチなUIを作りやすくなったAndroid Studio 4.0の新機能を知ろう
2020年5月28日に、Android Studio 4.0がリリースされました。2017年10月のバージョン3.0以来、およそ3年ぶりのメジャーアップデートとなります。デザインのための新機能を中心に、リッチなUIをより少ない労力で作り上げるための工夫がたくさん入ったバージョンとなりました。本記事では、バージョン4.0で追加された機能の概要を紹介します。
-
2020/06/23静的型チェックを行うTypeScriptで品質を担保しよう
ソースコードが大規模になってくると、データ型を定義して静的型チェックを行うツールを重宝するようになります。React Nativeでは、Microsoftが提供しているTypeScriptというプログラミング言語を利用することで、JavaScriptコードの中に型を記述することができます。Propsや変数、引数などに、どのように型を定義するのか、型を定義することでどんな恩恵が得られるのかを見ていきましょう。
-
2020/06/08React Nativeでメモアプリを作ろう～作成画面の構築と実データの利用
前回に引き続き、メモアプリの作成を行います。メモを作成・保存する機構を作りながら、画面遷移やデータの永続化について学んでいきましょう。
-
2020/05/20React Nativeでメモアプリを作ろう～セットアップと表示
今回と次回の2回に分けて、メモアプリを作りながら、React Nativeでユーザーの入力を受け付けるほか、データを保存し、保存してあるデータを表示する方法について解説します。これまで解説してきたことを総合的に活用しながら、実践的なアプリ開発を行います。
-
2020/04/23React Navigationで画面遷移を実現する
今回はReact Nativeにおける画面遷移の方法を解説します。モバイル向けのアプリはパソコン向けのアプリとは違い、1画面あたりの役割や情報量を減らして、画面遷移をたくさん行うように設計することが多くなりがちです。そのため、画面遷移ライブラリは重要な役割を担っています。サードパーティの画面遷移ライブラリで人気のものはいくつかありますが、今回はReact Navigationを採用して、複数の画面遷移パターンについて解説していきます。
