【詳解】クライアント証明書 認証を実装しながら理解する – 後編：証明書認証の実装・テスト編（Azure App Serviceを利用）
こんばんは。今週はクライアント認証について勉強をしていたので、学んだことを記事にまとめておこうと思います。こちらは、全２回の後編になります。前編は以下をご参照ください。 今回の記事は、前編でクライアント証明書を作成した後...
アプリ開発アプリ開発アプリ開発【詳解】クライアント証明書 認証を実装しながら理解する – 前編：概要～証明書作成編
こんばんは。今週はクライアント認証について勉強をしていたので、学んだことを記事にまとめておこうと思います。 クライアント証明書とは クライアント証明書とは、クライアントである個人や組織を認証するために発行される、電子証明...
ReactNative【ReactNative開発】プラットフォーム(iOS/Android etc)毎に処理を分岐する方法
こんばんは。この記事では、React Nativeアプリでプラットフォーム毎に、レンダリング等の処理を分岐する方法についてまとめておこうと思います。 ちなみに、今回なんでこんな処理が実装したくなったかと言いますと、以下の...
ReactNative【ReactNative開発】入力キーボード上に完了ボタンを表示させる方法
こんばんは。今晩もReact Nativeと戦っております。今日は、入力キーボード上に完了ボタンを表示する方法について整理しておきます。 どいうことか、もう少し説明します。 React Nativeで入力フォームを作成し...
ReactNative【ReactNative開発】Test FlightにアプリリリースしたらFacebook認証でクラッシュするようになった
こんばんは。今日は、ついにApple Test Flightにアプリをリリースしてみることができました。（まだまだ完成していませんが） わーい！と思ってアプリを起動すると、Facebook認証でクラッシュしました笑 なん...
アプリ開発【iOSアプリ開発】ビルドファイルをxcrun altoolでApple Store ConnectへアップロードするとAuthentication failedエラーが発生する
こんばんは。今日は、開発したモバイルアプリをApple Test Flightへリリースする手続きと闘っておりました。（アプリの開発、終わったわけではないんですがね・・・） その際に詰まった問題について、記録に残しておこ...
アプリ開発【iOSアプリ開発】Apple Test FlightにiOSアプリのベータ版をリリースするための全ステップ
こんにちは。今日は、Apple Test FlightにiOSアプリをリリースする手順について整理しておこうと思います。 前提 手順の大きな流れは変わらないと思いますが、今回の手順は、以下構成のアプリをリリースする手順に...
ReactNative【ReactNative開発】DeepLinkを使ってリンク先サービスのモバイルアプリを開けるようにする（動作サンプルあり）
こんにちは。会社の夏休みも終盤ですが、今日もReact Nativeと戦っております。（まだ友達に慣れていない笑） 今日は、Deep Linkという技術に触れたので、その実装方法含めてこの記事に学んだことを整理しておこう...
ReactNative【ReactNative開発】ReactNative + Expo+FirebaseでFacebook認証を実装する方法を、しくみと合わせて整理してみた
こんにちは。今日は認証周りのお話です。 私は今React Nativeでモバイルアプリの開発をしていて、このFacebook認証の機能も使っているのですが、そういえばあまりちゃんと理解してなかったな、と思ったのでこの機会...
ReactNative【ReactNative開発】Functionを跨いでStateを更新しようとすると”Warning: Cannot update a component while rendering a different component “エラーが出る
こんばんは。今夜もReact Nativeと戦っております。 前置きも省略し、早速本題に参りたいと思います。 前提 以下の構成ですが、今回のエラーは単純にReact Nativeのエラーのようです。 React Nati...
ReactNative【ReactNative開発】Fetch APIでJSONをBodyにセットするとNetwork request failedエラーが発生する
こんばんは。引き続きReact Nativeのトラブルシューティングです。参ります。 前提 React Native Expo Type Script Android エミュレータでデバッグ 問題 今、React Nat...
ReactNative【ReactNative開発】Facebook APIで取得したプロフィール画像URLから高解像度の画像を取得する
こんにちは。今日は、小ネタですが、Facebook APIで取得したプロフィール画像の解像度をあげる方法について記録に残しておきます。 FacebookログインAPIなどで、Facebookの情報を取得した時、以下のよう...
ReactNative【2021年度最新版】ReactNativeの開発ツール(Expo, ReactNativeCommunity/CLI, ReactNativeCLI）まとめ
おはようございます。まだまだReact Nativeと奮闘する夏季休暇を過ごしております。毎日トラブルシューティングばかりで疲れてきたので、たまにはこういった内容も調べてみようかなと思った次第です笑 本日は、React ...
ReactNative【ReactNative開発】フェードしながら画面遷移させる方法
こんばんは。今晩もReactNativeと終わらない戦いを繰り広げております。 今日は、画面遷移でフェードさせる方法について調べてみました。 前提 React Native Expo TypeScript React N...
ReactNative【ReactNative開発】Expo Google Sign Inをローカルでテストしようとすると”expo-google-sign-in is not supported in the Expo Client”エラーが発生する
こんにちは。会社でもらった夏休みを使って、引き続きReact Nativeと苦闘しております。 問題 React Native + ExpoでGoogle Sign Inを使うためのライブラリ”expo-go...
アプリ開発【2021年度最新版】Apple Developer Program登録申請の流れ
こんにちは。今日は、Apple Developer登録の流れについて整理しておこうと思います。 Apple Developer Programとは？ Apple Developer Programは、Appleが提供する...
ReactNative【ReactNative開発】Azure Blob StorageのClientを作成しようとしたら”undefined Unable to resolve module XXXX”エラーが出る
こんにちは。今週は、１週間会社の夏休み休暇中なのですが、引き続きReact Nativeと格闘しております。今日は、Azure Storgeとの連携に際して発生した問題のトラブルシューティング。 いやあ・・かなり時間を食...
ReactNative【ReactNative開発】グラデーションカラーを使えるようにする方法
こんばんは。今日は、React Nativeで開発するアプリUIの背景色にグラデーションカラーを使えるようにしていきたいと思います。 必要なライブラリをプロジェクトに追加する 初めに、ライブラリを追加します。 React...
TypeScript【2021年度最新版】これからJavaScript/TypeScriptを学ぶ人におすすめの学習コンテンツ
こんばんは。今日はJavaScript/TypeScrptを学ぶために役立つ学習コンテンツをまとめておこうと思います。 私自身、今React.jsやReactNativeでアプリケーションの開発をしているのですが、土台と...
React.js【2021年度最新版】これからReact.jsを学ぶ人におすすめの学習コンテンツ
こんばんは。今日はReact.jsを学ぶために役立つ学習コンテンツをまとめておこうと思います。 私自身、今React.jsやReactNativeでアプリケーションの開発をしているのですが、完全なる独学でスタートした結果...
ReactNative【2021年度最新版】これからReactNativeを学ぶ人におすすめの学習コンテンツ
こんばんは。今日はReact Nativeを学ぶために役立つ学習コンテンツをまとめておこうと思います。 ReactNativeを独学で学習するにあたって苦労するのは日本語文献の少なさかと思います。そのため、英語の文献を調...
ReactNative【ReactNative開発】カスタムフォント（Googleフォント）を適用する方法
こんにちは。今日は、React Nativeのアプリに、カスタムフォントを適用する方法について整理しておこうと思います。 今回は、カスタムフォントとして、Google Fontのフォントを使えるようにします。 カスタムフ...
Functions【Microsoft Azure】Azure Functions (Node.js)でCosmosDBのDocumentをDelete(削除)する方法
こんばんは。今日は、Azure FunctionsでCosmosDBのDocumentを削除する方法についてまとめておこうと思います。（ぶっちゃけ解決方法はAzure Functionsに限った話でもないですが） いやー...
Functions【Microsoft Azure】Azure Functions (Node.js)におけるcontext.logとconsole.log
こんばんは。今日は、Azure Functionsのロギングでつまづいたポイントについて、記録に残しておこうと思います。 問題 Node.jsのAzure Functionsで、ログを残そうとconsole.log(&#...
API Management【Microsoft Azure】localhostからAPI Managementに登録したAPIを呼び出すとCORSエラーが発生する時の対処法
こんばんは。今日は、Microsoft AzureのAPI Managementに関するトラブルシューティングです。（エラー自体は、API ManagementのAPIに限らず一般的なものですが、解決するための設定方法な...
アプリ開発【詳解】オリジン間リソース共有(CORS : Cross-Origin-Request-Sharing)を理解する
こんばんは。今日は、オリジン間リソース共有の仕組みについて整理しておこうと思います。 今開発しているアプリケーションで、ちょうどこのCORSのエラーが発生して対処する必要があったので、その過程でCORSについて学んだこと...
React.js【React+TypeScript開発】画面遷移時にパラメータを渡す方法
こんばんは。今日は、React+TypeScriptのアプリケーションで画面遷移時にパラメータを渡す方法について整理しておこうと思います。 実現したいこと 以下のことをできるようにすることで、画面Bの内容を動的に変更させ...
Cosmos DB【MicrosoftAzure】CosmosDBで入れ子になったJSONの値に対して検索をかける方法
こんばんは。今日は、AzureのCosmosDBのクエリ方法について学んだことを残しておきます。 それでは早速参ります。 やりたかったこと CosmosDBのコンテナ上に、以下のようにJSONが入れ子になったデータ構造の...
React.js【React+TypeScript開発】最初の画面(HelloWorld)を作成する
こんばんは。今日は、ReactNativeの開発を少しお休みして、Reactでアプリ開発をしております。 ReactNative開発を始める前に少し触っていたのですが、時間が開くとすっかり忘れてしまうものですね笑 記憶の...
Cosmos DB【Microsoft Azure】Azure FunctionsでCosmos DBの複数コンテナを結合してデータを取得する方法【結論、なかった】
こんばんは。今週も引き続きもくもくとアプリ開発をしているわけですが、今週は特にMicrsoft AzureのCosmosDBと戦う一週間になりそうです。 色々と直感的でない（自分がCosmosDBの思想に馴染めていないだ...
Profile
初めまして。
東京で働くデータ分析屋兼アプリケーションエンジニアです。旅行とカメラと江戸時代が趣味です。日々勉強したこと、趣味のことについて、自分の記録も兼ねて。
もともとは旅行記残そうと思って始めたブログですが、いつのまにか技術の話ばっかりに・・
＊記事はすべて個人の見解で、かつ記載時点の情報に基づいています。
