React (TypeScript)+ FlaskでWebアプリケーションを爆速構築する
こんにちは。今日は、React （Type Script）+ FlaskでHello Worldを表示するアプリケーションを爆速開発したので、メモとしてコードを残しておきます。 なお、今回のアプリ開発ではChatGPTに...
PythonProgramming
PythonPythonpipでインストールしたモジュールをJupyterで使おうとするとModule Not Foundエラーが出る
こんばんは。今日Pipまわりで少しつまづいたことがあったので、備忘メモを残しておきます。 問題 WindowsマシンにAnacondaをインストールしてJupyter Notebookを使っていますが、Condaコマンド...
PythonPythonでパラメータ化クエリを利用してSQLインジェクション攻撃を防ぐ
こんにちは。 今日は、Pythonで書いたアプリケーションでSQLインジェクション攻撃対策の一般的な手法であるパラメータ化クエリを利用する方法を試してみたので、メモを残しておきます。 （社会人一年目の研修で習ったきりで、...
C#Azure SQL VM上のSQL Serverと接続するサンプルWebアプリをAzure App Serviceで動かす【.NET Core/.NET6】
こんにちは。最近、仕事で必要になり、SQL Serverを触り始めています。 何か技術を新しく勉強するときは、ドキュメント読むより何かものを作ってみた方が圧倒的に効率的に覚えられますよね。ということで今日は、手始めとして...
C#【3分で流し読み】ADO.NETってなんだっけ？
こんばんは。今日は.NET6を触ってみている中でADO.NETというやつにぶつかりましたので、勉強がて調べて分かったことをこちらにまとめておこうと思います。 それではまいります。 ADO.NETの概要 ADO.NET概要...
ReactNative【React Native開発】React Native Debuggerの導入方法
こんにちは。今日は、React Nativeのデバッガーの１つである、React Native Debuggerの導入方法について整理しておきたいと思います。 前提 Mac + React Native (0.64.x)...
ReactNative【ReactNative/JavaScript】文字列中に改行(Line Break)が含まれているかを検査する
こんばんは。今日はReact Native（というよりはJavaScript）小ネタのご紹介です。 それでは早速参ります。 実現したいこと React Native (JavaScript）で、文字列中に改行が含まれてい...
ReactNative【ReactNative/JavaScript】JSONオブジェクトから特定キーに対するユニーク値のリストを取得する
こんにちは。今日もReact Nativeと格闘しております。今日は、React Native（React Nativeアプリ開発中に直面した問題ですが）、というよりはJava Scriptの話ですが、また一つスッキリし...
ReactNative【ReactNative開発】React Navigation (6.x)で子コンポーネントから親コンポーネントのステートを更新する方法
こんばんは。ちょっと先週、今週と、リリースに向けた開発優先のため、更新が止まっていました。 落ち着いたわけではないですが、今日、ここしばらく毎回ぶち当たっていた壁を一つクリアにできてスッキリしたので、忘れないうちにまとめ...
ReactNative【ReactNative開発】FlatListで複数列のグリッドを作成する
こんばんは。今日は、ReactNativeで複数列のグリッドを作成する方法について解説します。 それではまいります。 実現したいこと インスタグラムのタイムラインのような、N列のグリッド表示を実現したかったです。 実現方...
ReactNative【ReactNative開発】グローバルのスタイルを定義する
こんばんは。今日は、ReactNativeのスタイルに関するお話です。 それでは参ります。 実現したいこと グローバルのスタイルを定義したい。 最近、開発しているアプリが大きくなってきて、コードの重複が目立つようになって...
ReactNative【ReactNative開発】Expo-Image-Pickerで画像のGPS/EXIF情報を取得する
こんにちは。今日は、ReactNative+Expoのアプリで、画像のGPS情報を取得する方法について整理しておきます。 それでは早速参ります。 コードの実装 React Native + Expoで開発しているアプリの...
ReactNative【ReactNative開発】ScrollViewが動作しない？！
こんにちは。今日もReact Nativeを使った開発です。 本日は、React NativeのScroll Viewに関するとラブルシューティングです。 それでは参ります。 問題 以下のようなコードを書いて、画面をSc...
ReactNative【ReactNative開発】配列(Array)の特定の位置に要素を追加する
こんばんは。この記事では、配列(Array)の特定の位置に要素を追加する方法についてまとめておきます。React Native固有というよりは、JavaScriptの機能で実現できます。 コードの実装 このStack O...
PythonPythonで実装するソートアルゴリズム – ヒープソート編 –
こんばんは。今日は、ソートアルゴリズムについて学んだことを整理しておきたいと思います。 最近はReact Native, Azureの話が多かったのですが、今日はもう少し理論的なお話になります。 それではまいります。 ヒ...
PythonPythonで実装するソートアルゴリズム – クイックソート編 –
こんばんは。今日は、ソートアルゴリズムについて学んだことを整理しておきたいと思います。 最近はReact Native, Azureの話が多かったのですが、今日はもう少し理論的なお話になります。 それではまいります。 ク...
Python【Python】コードの実行時間を計測する
こんばんは。この記事では、Pythonで、コードの実行時間を計測する方法について解説します。 それではまいります。 実装１：timeモジュールを使う もっとも簡単なの以下のコードかなと思います。ただ、厳密には、処理実行後...
Python【Python】ランダムな値で任意のサイズの配列を生成する
こんばんは。最近、Pythonを触る機会もまた増えてきましたので、こうした小ネタ含めて、備忘のための記事も残していきたいと思います。 今日は、Pythonでランダムな値で任意のサイズの配列を生成する方法です。 コードの実...
ReactNative【ReactNative開発】React Navigation 6でBottom TabからFull Screen Modalを開く
こんにちは。今週末もReact Nativeの開発を進めております。今日はReact Navigationをまた色々と触ったので、備忘としてこの記事をこ残しておこうと思います。 前提 React Native Expo ...
React.js【React+TypeScript開発】Material-UIのStack APIがImportできない
こんにちは。超小ネタですが、10分くらいつまづいていたので、これも記録に。 問題 Reactの、Material-UIライブラリのStack APIを使おうとして、他のコンポーネントと同じ要領でImportしようとしたら...
ReactNative【ReactNative開発】スワイプして画面リロードをできるようにする
こんばんは。今日は、ReactNativeでスワイプリロードをできるようにする方法について、記事に残しておきたいと思います。 もう眠くて意識朦朧としているので参ります笑 スワイプでリロードさせる方法 ありました！ Rea...
ReactNative【ReactNative開発】再レンダリングしても画像が更新されない
こんばんは。今日は、画像の扱いに関するトラブルシューティングです。 それでは参ります。 問題 ReactNativeのアプリで、画像を更新した後、更新後の画面を強制再レンダリングしても更新前の画像が表示され続けている。 ...
Node.js【npm/yarn】プロジェクトで利用していないパッケージを確認・削除する【Node.js】
こんばんは。今日は、npm/yarnを使ったパッケージ管理に関する記事です。 現在、React Nativeを使ったアプリ開発で、パッケージ管理ツールであるnpm/yarnを使っているのですが、最近使わなくなったパッケー...
ReactNative【ReactNative開発】外部URL上の画像をクラウドストレージ(Azure Blob Storage) にアップロードする
こんばんは。今週も引き続きReactNativeにおける画像のハンドリングと戦っております。あーつまりすぎて苦しい笑 しかし進んでいくしかないのであります・・・参ります。 やりたいこと 外部URL上の画像をクラウドストレ...
ReactNative【ReactNative開発】AndroidでFetch APIを使った画像アップロードできない(Network Request Failed / Bad Format)【超絶苦戦】
こんにちは。今週は、画像アップロードと戦い続けて終わった一週間でした・・ 結局正しい解決方法は分かっていないのですが、いくつかの問題に遭遇したので、苦闘の記録を残しておこうと思います。 前提 React Native E...
ReactNative【ReactNative開発】FormDataとそれに関わる技術(fetch,XHR,multipart/form-data) を理解する
こんばんは。今週はReact Nativeにおける画像の扱いと戦っております。React Nativeのアプリからサーバサイドへ画像をアップロードしたいのですが、どうにもうまくいかない・・ トラブルシューティングしように...
ReactNative【アプリ開発】画像データを扱うときに登場する言葉(Blob/Base64/FileURL/DataURL)を理解する
こんばんは。今週は、画像データのハンドリングに苦戦する１週間になりそうです。（なんとか今週中にケリをつける・・！） 今日は、画像データを扱う際によく耳にする各単語について、理解する夜にしたいと思います。普段Java Sc...
Node.jsVisual StudioでNode.jsアプリをAzure App Serviceにデプロイしようとすると”web.config not found in project, to create a project to deploy to Microsoft Azure you must create an Azure Node.js project.”エラーが発生する
こんにちは、今日は普段あまり使わないVisual Studioを使っていてつまづいたことがありましたので、この記事にまとめておきます。 問題 Visual Studioで作成したNode.js WebアプリケーションをA...
ReactNative【ReactNative開発】プラットフォーム(iOS/Android etc)毎に処理を分岐する方法
こんばんは。この記事では、React Nativeアプリでプラットフォーム毎に、レンダリング等の処理を分岐する方法についてまとめておこうと思います。 ちなみに、今回なんでこんな処理が実装したくなったかと言いますと、以下の...
ReactNative【ReactNative開発】入力キーボード上に完了ボタンを表示させる方法
こんばんは。今晩もReact Nativeと戦っております。今日は、入力キーボード上に完了ボタンを表示する方法について整理しておきます。 どいうことか、もう少し説明します。 React Nativeで入力フォームを作成し...
Profile
初めまして。
東京で働くデータ分析屋兼アプリケーションエンジニアです。旅行とカメラと江戸時代が趣味です。日々勉強したこと、趣味のことについて、自分の記録も兼ねて。
もともとは旅行記残そうと思って始めたブログですが、いつのまにか技術の話ばっかりに・・
＊記事はすべて個人の見解で、かつ記載時点の情報に基づいています。
