あるSEのつぶやき・改

IT・システム開発に関することをつぶやいています。

強力なクロスプラットフォーム技術になるBlazorでAndroid/iOSアプリを試してみた

はじめに 「.NET Conf Focus on Blazor」というオンラインイベントで、Blazor(ブレイザー)でAndroid/iOSアプリを開発できる「Mobile Blazor Bindings」が発表されました。 www.publickey1.jp 最近はクロスプラットフォーム技術が熱いですが、Blazor がその仲…

React Native+ExpoでSQLiteのデータベースにアクセスする方法

はじめに React Native + Expo + TypeScript な環境で SQLite のデータベースにアクセスする方法を試してみたのですが、なかなかうまくいかず苦労したので、その方法を掲載します。 そもそもとして、ローカルのデータベースには Realm (レルム)を使用したか…

2020年の「今年の抱負」を書いてみる

新年あけましておめでとうございます。 令和になってから初めての新年ですね。 気持ちも新しく一年を送りたいと思います。 さて、昨年から「今年の目標」を立てているのですが、今年も立てたいと思います。 ■目標1 ・定期的に運動を行い、年末までに体重を…

2019年の「今年の抱負」振り返り

2019年は珍しく「今年の抱負」なるものを書いてみました。 令和元年から始めたとなると分かりやすいので、今後も継続していきたいものです。 www.aruse.net では振り返ってみます。 ■目標1 ・定期的に運動を行い、年末までに体重を5kgは減らす。 今年の…

Fix)Unable to resolve "react-native-gesture-handler" from "node_modules/@react-navigation/native/src/Scrollables.js"

React Native + Expo を実行していると以下のようなエラーが表示されました。 Unable to resolve "react-native-gesture-handler" from "node_modules/@react-navigation/native/src/Scrollables.js" 解決策は、react-native-gesture-handler をインストール…

React Native+Expo+NativeBaseのAndroidでヘッダーが通知バーに覆いかぶさってしまう現象の解決方法

React Native + Expo + NativeBase のアプリで、Android の場合にヘッダーが通知バーに覆いかぶさってしまう現象が発生しました。 解決方法は簡単で、app.jsonに以下の記述を追加するだけです。 "androidStatusBarColor": "#334393", "androidStatusBar": { …

React Native+Expo+NativeBaseのプロジェクトを関数ベースで作成してみる

はじめに React Native (+ Expo) で使用できる NativeBase という見目麗しいライブラリがあるのですが、公式の Expo のセットアップサンプルが、React.Componentベースなので、関数ベースに書き換えてみます。 なお、言語は TypeScript とします。 nativebas…

React Native+ExpoでESLintとPrettierを使いコードチェックとフォーマット整形を行う方法

はじめに React Native + Expo の開発を行おうとして、そういえば React のプロジェクトで ESLint と Prettier を導入したけど定型化しておらず再利用ができないなぁと思いました。 じゃあ、React プロジェクトの ESLint と Prettier の設定を React Native …

Xcodeが "The package “MobileDeviceDevelopment.pkg” is untrusted." エラーで起動しない場合の対処方法

久しぶりにXcodeを起動しようとしたら、コンポーネントのインストールが要求されたのでインストールしたら見事に失敗しました。 エラーログにはこんな情報が。 2019-11-17 16:17:24+09 MBP Xcode[90584]: Package: PKLeopardPackage

AWS SESで検証メールがS3に届かなかったケースの対処方法

AWS

タイトルの通りなのですが、AWS SES で Route 53 で SPF の設定を行うと、MXレコードがデフォルトで以下のものになります。 10 feedback-smtp.us-west-2.amazonses.com これが罠で、実際は以下のようにしないと S3 にメールが届きません。(リージョンは各自…

Firefoxでリダイレクトがキャッシュされてしまった場合の解消方法

Firefox はリダイレクトされたサイトがあると、それをキャッシュする親切機能があるようです。 ですが、開発時にリダイレクトを止める場合などには、原因不明のリダイレクトが発生してしまう問題があります。 実際、これにドハマリしました。 キャッシュされ…

HugoのサイトをGitHub/Bitbucket経由でAmplify(CloudFront)で公開する方法

Hugoは静的サイトジェネレーターとして有名ですが、CloudFront で公開するにはなにかと手間がかかっていたようです。 ですが、現在は GitHub/BitBucket/GitLab/AWS CodeCommitでソース管理していれば、Amplify Consoleを使用することで簡単にCloudFrontにデ…

Reactでi-mobileの広告を表示する方法

React で i-mobile の広告を表示するのは一筋縄ではいきません。 自分もかなり苦労して広告を表示させることができました。 この記事は、i-mobileから提供されたスクリプトをそのまま使用していますが、ある時点での i-mobile の表示方法であり、将来に渡っ…

Reactで<script>タグを生成しスクリプトを実行/外部スクリプトを読み込む方法

React に限った話ではないかもしれませんが、JavaScript(TypeScript)で <script>タグを動的に生成してスクリプトを実行したい、もしくは外部スクリプトを読み込みたいことは結構あると思います。 外部スクリプトを読み込む方法はネットを探せば結構見つかるのですが</script>…

ReactでJSONファイルをブラウザから直接ダウンロードさせる方法

React のような SPA (Single Page Application) では、変数から直接 JSON ファイルを出力したいことがあります。 そんなときには、以下のスクリプトを試してみてください。 const fileName = 'finename.json'; const data = new Blob([JSON.stringify(export…