例えばこんなオブジェクトがあるとする。 const person = { name: 'hoge', age: 4, } このオブジェクトのkeyのtypeを作りたい。 こんな感じ type PersonKeys = 'name'|'age'; 単純にkeyofをpersonオブジェクトに当てると,,, export type PersonKeys = keyof …
↓から見れます。 SITUATION of Coronavirus(2019-nCoV) 情報元はWHOのSituation Reportです。 1日ごとにどんな状況になっているのかまとめてくれており、どんな感じに感染者が推移しているのか気になって作ってみた。 なので、最新の情報ではなく1日遅れの…
スピード、UNO、スロットの要素を組み合わせた新感覚ソリティアゲーム。目指せ、世界最速! UNOの様に同じマーク、スピードの様に前後のアルファベットを場に出していき 全56枚のカードを全て出し切ればクリアです!マークやアルファベットを揃えてボーナス…
Flutterでアプリ開発中にTextFieldにフォーカスを合わせてもキーボードが表示されない現象に出くわしました。 原因はFlutterのIntegration Test toolであるTest Driveを有効にしていた事でした。 test driveを有効にしてFlutterプロジェクトを作成した場合 …
開発メモメモ。。 フィルタリング処理 ['a', 'b', 'c'].where((word) => word == 'a'); // ['a'] ['a', 'b', 'c'].removeWhere((word) => word == 'a'); // ['b', 'c'] N個のリストを作りたい final lenOfList = 10; List.generate(lenOfList, (index) => in…
この記事はOOP思考でずっとやってきた人が、どうにかFPの流れにのっていくために足掻いている記事です。なので、随所にOOPの場合はこんなイメージだよねというのを書いてます。 関数型の知識的にはすごいH本を斜め読み、Elmのtutorialをやってみた程度です。…
Elmと言うか関数型言語で強力なパターンマッチングや型を定義する際に便利なUnion Type こんなやつです。 type Animal = Cat|Dog これをモジュールからExportしてImportするにはどう書けばいいのか迷ったのでメモ。 まずはExport側 module Submodule exposin…
最近、関数型の勉強も兼ねてElmをいじっています。 HTMLのタグを使っていて独自のタグを設定する方法が分からなかったので調べました。 例えば素のHTMLだと、、、 <span target-data="hogehoge"> fuga </span> target-dataがHTML標準には存在せず、独自に定義した箇所になります。 これを静的型付…
docker及びdocker-composeでnodejsの開発環境を構築しました。 最初はdockerfileでyarn installする構成で考えてました。 dockerfile及びcomposeはこんな感じ。 FROM node:10.14.2-alpine WORKDIR /app COPY package.json ./ COPY yarn.lock ./ RUN yarn ins…
Typescriptには、JavaやC#と同じ様にinterfaceがあります。 が、JavaやC#と同じ様に扱うと怪我をします。 instanceofでinterfaceは使えない。 最初に私がビックリした事です。JavaやC#では'instanceof 'で型をチェックしたり、条件分岐で使えたりします。が…
TypescriptでObjectに対して[文字列]でアクセスするブラケット記法を用いると発生するエラー。 例えば、この様に書くとエラーが出てきてコンパイルが通りません。 interface ISomeObject { firstKey: string; secondKey: string; } const obj = { firstKey: …
どんな時に発生するか React Nativeのプロジェクトフォルダ内に、別のNodejsプロジェクトを作った場合に発生します。 私の場合、Node.js for MobileというスマホアプリからNode.jsが実行できるモジュールを使った際に発生しました。 現象 以下のエラーログが…
CordovaやReactNativeなどXプラットフォームな開発をしていて シミュレータでは大丈夫だったのに実機にインストールして起動すると何も言わずにアプリが落ちた! そんな時はlogcatを使ってログを見てみると解決する糸口が見つかったりします。 logcatを実行…
作ったもの 食材毎に大さじとか小さじをグラムに変換するアプリ 既に似たような物が出ているけど、家族からの要望で作ることにした。 折角なので、前から気になっていたReactNativeで作ってみる事にした。 ちなみにReactjsは使ったことはありますが、ReactNa…
ふと、CRNAのGithubのページを見ると、、、 アーカイブされとるやんけ! reade meを見てみると真ん中ぐらいに、、、 Note: Create React Native App has been merged with Expo CLI You can now use expo init to create your project. See Quick Start in t…
青空速読tomoaki kanayamaEducationFree 今までAndroid版しか作ってなかったけど、中古でiMacを安く買えたので、せっかくのクロスプラットフォーム開発環境なのだからという事でiOS版も作ってみた。 UIはAndroidから変更なし、機能的にもintent機能を除き移…
Typescript書いてますか? TypescriptでNode.jsのスクリプトをサクッと書きたいが環境を作るの面倒。 なので、オレオレTypescriptボイラープレートを作った。 特徴 Typescript3.1 TSLint AirBnBのコンフィグを使用。MSとかFacebookのconfigはキツすぎてダル…
大さじ、小さじや1カップをグラムへ一発変換 料理向けの計量をグラムへ変換するアプリです。 計量器具を使わず、グラムで料理をする方ぜひお使いください。 特徴 ・材料を選択すると1杯辺りのグラムを一発表示 ・大さじや小さじの杯数の変更も可能 ・グラ…
react-natvie-admob(ver 2以降)を入れて、アプリを起動しようとすると「繰り返し停止しています」エラーで落ちる現象に遭遇。。。 調べてみるとadmobのSDKが10月2日に更新され、古いAPIと互換性が無く落ちる模様。 回避策としては、/node_modules/react-nati…
追記:0.57.3がリリースされています。そっちでは問題が起きないので, 出来るならアップデートする方が良いと思います。 ReactNative 0.57.2でデバッグが起動できない現象が発生します。 iOS、Android両方とも起きます。 エラー内容 iOS Android共に下記の様…
基本、Actionsに色んなものが入っている。 表示中のシーンや一つ前に表示していたシーン等色々入っているのでチェックしてみると良い import { Actions } from 'react-native-router-flux'; Actions.currentScene; // 現在表示してるシーン Actions. prevSce…
create-react-native-appを使うとReactNative+Typescriptの環境も一瞬で出来るのでサクッと紹介します。 方法 まずはインストール npm -g install typescript create-react-native-app 次に以下のコマンドを打てば、my-appフォルダ内にTypescriptでReactNat…
Webアプリでブラウザやタブを閉じた時に、今表示している内容をIndexedDBに保存したい場合ってありますよね。 ブラウザやタブが閉じる時の発火するイベントbeforeunloadを使えば上手く行きそうですが、、、。例えばこんな風に、、、 window.addEventListener…
Cloud Functions特有なところも無く一般的なクロスドメインの話ですが、忘れないようにメモしときます。 環境 Google Cloud Functions Node.js 6 / 8 メモリー128MB クライアント Chrome 有効する方法 サーバーサイドでレスポンスのヘッダーに'Access-Contro…
ASOが重要な事は言わずもがなですが、自分のPlayStoreのページにユーザがどの様に検索して辿り着いたか気になるところです。 実はplay consoleで自分のアプリのページがどんな検索キーワードでたどり着いたを知る事が出来ます。 どの様に検索されているか知…
nodejs + TypeScriptでサーバーサイドを開発している時に、コードを編集したら自動リロードさせる。 - aknow2 上記リンク先の記事の続きです。 先にこちらを御覧ください 前回の方法でTypescriptを編集した際に自動リロードする事が出来ました。 次にデバッ…
まずReact Router v4 基本的なページ遷移の方法からです。 やり方は以下で出来ます。 // タグで指定する class Hoge extends React.component { render (): JSX.Element { return <Link to='/my/link'>Link</Link>; } } // historyを利用する class Hoge2 extends React.component { han…
TypeScript+node.jsでサーバーサイドを開発してる時に、煩わしいこと TypeScriptをjavascriptへコンパイルすること。 ソースコードを編集したい場合、node.jsのプロセスを立ち上げなおす必要があること。 この二つの問題を問題を解決していきたいと思います…
Ethereum、特にスマートコントラクトとかに興味があるけど 何か環境とか色々準備するのが面倒くさそうと思っている方 Ethereumにはテスト環境が公開されているので、 スマートコントラクトを実装して実行する事は ブラウザだけでも出来てしまいます。 今回は…
Cordovaで開発をしていると避けては通れないプラグイン達、、、 今回はプラグイン側のデバッグ方法を紹介します。 【環境】 ・Windows10 ・Android Studio ・Nexus5X(実機・USBデバッグ有効済み) 今回はUSBで接続で接続した実機に対してデバッグする方法と…