はじめに 「.NET Conf Focus on Blazor」というオンラインイベントで、Blazor(ブレイザー)でAndroid/iOSアプリを開発できる「Mobile Blazor Bindings」が発表されました。 www.publickey1.jp 最近はクロスプラットフォーム技術が熱いですが、Blazor がその仲…
はじめに React Native + Expo + TypeScript な環境で SQLite のデータベースにアクセスする方法を試してみたのですが、なかなかうまくいかず苦労したので、その方法を掲載します。 そもそもとして、ローカルのデータベースには Realm (レルム)を使用したか…
新年あけましておめでとうございます。 令和になってから初めての新年ですね。 気持ちも新しく一年を送りたいと思います。 さて、昨年から「今年の目標」を立てているのですが、今年も立てたいと思います。 ■目標１ ・定期的に運動を行い、年末までに体重を…
2019年は珍しく「今年の抱負」なるものを書いてみました。 令和元年から始めたとなると分かりやすいので、今後も継続していきたいものです。 www.aruse.net では振り返ってみます。 ■目標１ ・定期的に運動を行い、年末までに体重を５ｋｇは減らす。 今年の…
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 の場合にヘッダーが通知バーに覆いかぶさってしまう現象が発生しました。 解決方法は簡単で、app.jsonに以下の記述を追加するだけです。 "androidStatusBarColor": "#334393", "androidStatusBar": { …
はじめに React Native (+ Expo) で使用できる NativeBase という見目麗しいライブラリがあるのですが、公式の Expo のセットアップサンプルが、React.Componentベースなので、関数ベースに書き換えてみます。 なお、言語は TypeScript とします。 nativebas…
はじめに React Native + Expo の開発を行おうとして、そういえば React のプロジェクトで ESLint と Prettier を導入したけど定型化しておらず再利用ができないなぁと思いました。 じゃあ、React プロジェクトの ESLint と Prettier の設定を React Native …
久しぶりにXcodeを起動しようとしたら、コンポーネントのインストールが要求されたのでインストールしたら見事に失敗しました。 エラーログにはこんな情報が。 2019-11-17 16:17:24+09 MBP Xcode[90584]: Package: PKLeopardPackage
タイトルの通りなのですが、AWS SES で Route 53 で SPF の設定を行うと、MXレコードがデフォルトで以下のものになります。 10 feedback-smtp.us-west-2.amazonses.com これが罠で、実際は以下のようにしないと S3 にメールが届きません。（リージョンは各自…
Firefox はリダイレクトされたサイトがあると、それをキャッシュする親切機能があるようです。 ですが、開発時にリダイレクトを止める場合などには、原因不明のリダイレクトが発生してしまう問題があります。 実際、これにドハマリしました。 キャッシュされ…
Hugoは静的サイトジェネレーターとして有名ですが、CloudFront で公開するにはなにかと手間がかかっていたようです。 ですが、現在は GitHub/BitBucket/GitLab/AWS CodeCommitでソース管理していれば、Amplify Consoleを使用することで簡単にCloudFrontにデ…
React で i-mobile の広告を表示するのは一筋縄ではいきません。 自分もかなり苦労して広告を表示させることができました。 この記事は、i-mobileから提供されたスクリプトをそのまま使用していますが、ある時点での i-mobile の表示方法であり、将来に渡っ…
React に限った話ではないかもしれませんが、JavaScript(TypeScript)で <script>タグを動的に生成してスクリプトを実行したい、もしくは外部スクリプトを読み込みたいことは結構あると思います。 外部スクリプトを読み込む方法はネットを探せば結構見つかるのですが</script>…
React のような SPA (Single Page Application) では、変数から直接 JSON ファイルを出力したいことがあります。 そんなときには、以下のスクリプトを試してみてください。 const fileName = 'finename.json'; const data = new Blob([JSON.stringify(export…
