Expo.io

Redux ToolkitでReduxを楽に使う〜React-Native〜

主なリソース・動作環境React-Native with managed Expo env.Redux Toolkit - createSlice、configureStore、Redux-thunk React Hooks - useRe...
PageSpeed Insights

レンダリングを妨げるリソースの除外〜PageSpeed Insights〜

新しい記事を公開するたびに PageSpeed Insights でサイトのスピードを測定していますが、「改善できる項目」には必ず「適切なサイズの画像」項目が表示されて、「アイキャッチ画像」のサイズを この記事 の通り修正しておきますが、そ...
Expo.io

[ReactNative/Expo] Paper と Navigation v5 で Twitter Clone アプリを作成する〜初心者向け〜

条件Expo: 36.0.0 / Expo-cli : 3.13.1macOS の Expo 開発環境でアプリを作成します。テキストエディタは Visual Studio Code を利用します。VScode の設定がまだの方は VSCod...
React

VSCode に乗り換えてはじめてやること!〜初心者向け〜

背景この記事は 2020 年当時の記録です(2026 年 7 月 追記)VSCode のインストール、拡張機能の入れ方、保存時の自動整形、テーマの変更、スニペットのカスタマイズ、カラーピッカーについては、現在も同じ考え方で使えます。ただし本...
Expo.io

Expo.io|イメージをシェアする方法〜チュートリアル〜

この記事は 2020 年(Expo SDK 36)時点の記録です(2026 年 7 月 追記)画像を選んで共有する、という流れは今も同じです。ただし expo-image-picker の API が変わっているため、本文のコードをそのまま...
Expo.io

Argon React Native で React Native をはじめる〜開発環境作り〜

現状・条件MacBook Pro / macOS Catalina 10.15.3node@v12.14.1 / npm@6.13.4 ( by nodebrew )expo-cli@3.11.7Android Studio 3.5.3 f...
Expo.io

Expo で React Native の開発環境を構築する〜macOS〜

この記事は 2020 年当時の記録です(2026 年 7 月 追記)エミュレータやシミュレータを用意して、QR コードで実機に飛ばす——という流れは今も同じです。ただしいちばん最初のコマンドが変わりました。そこから順に補足します。1. ex...
macOS

Nodebrew で Node.js の環境を管理する〜macOS〜

nodebrew で管理するtry🐶everything ~$ brew install nodebrewtry🐶everything ~$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PA...
CentOS 7

Twitter ソーシャルログイン機能を実装する〜Reactjs + Django〜

現状・条件自宅サーバ環境:CentOS 7.6WEB Server : Nginx 1.17.5Application Server : uSWGI 2.0.18WordPress バージョン:5.3.1WordPress のテーマ:Coc...
PageSpeed Insights

適切なサイズの画像を配信する方法〜PageSpeed Insights〜

PageSpeed Insight でサイトを分析すると、「改善できる項目」に「適切なサイズの画像を配信して、モバイルデータ量を節約し読み込み時間を短縮してください。」と表示された場合の対処方法をご紹介します。本記事の最後にご紹介する他の項...
スポンサーリンク