独自のサービスを開発しながら、二十数年間のITエンジニアの経験を生かして主に WordPress|CentOS|Ubuntu|Python|React に関する構築・開発の経験と、最新技術の検証・実験をポストしています。
Redux ToolkitでReduxを楽に使う〜React-Native〜
React NativeでReduxを実装するための簡単なテンプレート的なものが欲しかったためまとめたものです。Reduxを実装する一般的な手順、Redux を実装する方法、関数コンポーネント ( フック )、クラスコンポーネント ( HOC ) への設定の違い、Redux Toolkit 上での非同期処理方法などをみていきます。
レンダリングを妨げるリソースの除外〜PageSpeed Insights〜
PageSpeed Insights からレンダリングを妨げるリソースを除外してサイトの性能を改善しなさいといわれた!PageSpeed Insightsから紹介されたやり方に沿って対処!リソースの読み込みのタイミングをチェックし、的確に先読みか後読みかを選別。除外スクリプトを作成しHTMLのヘッダーに挿入することで改善します。
Paper と Navigation v5 で Twitter Clone アプリを作成する〜初心者向け〜
初心者向け!Twitter CloneアプリをReact Nativeで作成、すべてのコードと共に開発過程を動画付きで詳しく説明!コピぺして今すぐ動くアプリを作りましょう。最新版の React Navigation v5とReact Native Paperを Expo開発環境でアプリを作成しています。マテリアルデザイン!
プログラミング用のエディターって何を使えばいいの?悩みますね。Atom から Sublime Text 3 それからVSCode。この三つの中で最終的に VSCodeに辿り着いた。VSCode を使う為に Emmet、Snippet、ESLint、Prettierなどを設定してすぐ有効に使えるものにします。
React Nativeをはじめる為Expo.ioを利用することに!その為ExpoやReact Nativeの開発環境や基礎を学習中です。今回はExpo.ioチュートリアルであるイメージファイルをシェアするアプリを作成します。expo-image-pickerやexpo-sharingなどを利用します。
「ブログリーダー」を活用して、ジェイスさんをフォローしませんか?
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
自作アプリ (Kotango / Hajimari) の Privacy Manfest ファイルを作成してアプリの更新まで行いましたので、その手順を共有します。
ReactNative/Expo Bare 環境で、Google Play Console(GPC) にアプリのaabファイルをアップロードしてから下記のような警告が出た場合のシンプルな対処方法をご紹介します。
「暗号化+バックアップ版」Apollo Client の Reactive variables データと SQLite のデータを暗号化し バックアップ ➡︎ リストア する方法をご紹介しています。
「復号化+リストア版」Apollo Client の Reactive variables データと SQLite のデータを暗号化し バックアップ ➡︎ リストア する方法をご紹介しています。
expo-sqlite を使用すると、WebSQL のような API を通じてクエリできるデータベースにアプリがアクセスできるようになります。 データベースはアプリを再起動しても保持されます。
React Native 用の Speech-to-text ライブラリを用いて、既定の単語をユーザに発音してもらい、その結果をユーザにフィードバックするアプリの一つの機能として実装した実例をご紹介します。
ユーザーに広告を表示するためAdMob モジュールを使用します。すべての広告は Google AdMob ネットワーク経由で配信されるため、Google AdMob アカウントが必要になります。
Apple は、IDFA にアクセスするための App Tracking Transparency 認証リクエストを表示することをアプリに要求しています (パーソナライズされた広告を使用するか、パーソナライズされていない広告を使用するかはユーザーに選択を委ねます)。
Expo Webで開発したWebSiteをGitHub Pagesでホスティングする手順です。カスタム ドメインを使用するためXServerでDNS レコードにCNAME設定し、GitHub Pagesのカスタムドメインの検証まで行います。
MacBook で Safari を開き、[開発] > [デバイス] > [ホスト] に移動する際に、表示される デバイスでWebインスペクタを有効にする 方法です。
Light/Darkテーマを手動で切り替えるメニューの実装方法です。アプリ内のどこにでも実装できます。
自作で利用中のNexus用スニペット。これを参考に自身のスニペットに変更するのも良いかもしれません!また、VSCode用のエクステンションも紹介します。
GET_USERS にマウスオーバーすると、const GET_USERS: TypedDocumentNode<UserQueryQuery, Exact>のようにクエリのタイプが表示されることを確認できたら OK です。
自作アプリ (Kotango / Hajimari) の Privacy Manfest ファイルを作成してアプリの更新まで行いましたので、その手順を共有します。
ReactNative/Expo Bare 環境で、Google Play Console(GPC) にアプリのaabファイルをアップロードしてから下記のような警告が出た場合のシンプルな対処方法をご紹介します。
「暗号化+バックアップ版」Apollo Client の Reactive variables データと SQLite のデータを暗号化し バックアップ ➡︎ リストア する方法をご紹介しています。
「復号化+リストア版」Apollo Client の Reactive variables データと SQLite のデータを暗号化し バックアップ ➡︎ リストア する方法をご紹介しています。
expo-sqlite を使用すると、WebSQL のような API を通じてクエリできるデータベースにアプリがアクセスできるようになります。 データベースはアプリを再起動しても保持されます。
React Native 用の Speech-to-text ライブラリを用いて、既定の単語をユーザに発音してもらい、その結果をユーザにフィードバックするアプリの一つの機能として実装した実例をご紹介します。
ユーザーに広告を表示するためAdMob モジュールを使用します。すべての広告は Google AdMob ネットワーク経由で配信されるため、Google AdMob アカウントが必要になります。
Apple は、IDFA にアクセスするための App Tracking Transparency 認証リクエストを表示することをアプリに要求しています (パーソナライズされた広告を使用するか、パーソナライズされていない広告を使用するかはユーザーに選択を委ねます)。