”笑いの祭典ザ・ドリームマッチ”が６年ぶりに開催されました。 ドリームマッチとは、実力ある漫才師・コント師たちが相方をシャッフルしてネタを披露するものです。 過去には、ダウンタウン松本さんとウッチャンナンチャン内村さんがコンビを組んでコントを…

料理が好きではなかった僕ですが、以下のアイテムを手に入れてからは、料理が楽しくなりました。 紹介したいと思います。 ①鉄フライパン リバーライト極 https://www.furaipan.com/shouhin/15furaipan/kiwame/furaipan01.shtml ②亀の子たわしさんの かるかや…

抽象クラスについてまとめる 下のコードは、 抽象クラスでアニマルクラスを作成。 犬クラスに抽象クラスを継承。 鳥クラスに抽象クラスを継承。 です。 抽象クラスを使わないと、 犬でも、鳥でも、 毎回以下を書かなければいけないので、面倒だし、読みずら…

スマホアプリを初リリースしました。リリースまでにしたことなどまとめたいと思います。 リリースまで ２、３時間を週５日×３ヶ月くらいでリリースしたので、大体100時間ちょっとくらいでリリースできた気がします。 Reactを本格的に使いのが初めてだったの…

アクセス解析ツールについて 当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。 このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されてお…

何かありましたら以下のメールアドレスにご連絡お願い致します。 vi8an8yy＠gmail.com (bot対策のため＠を全角にしているのでお気を付けください) 以下のようなフォーマットだとありがたいです。 ＊お名前 ＊メールアドレス ＊件名 ＊お問い合わせ内容

元マイクロソフトでWindows95の設計思想を生み出し世界を一変させた伝説の日本人 中島聡さん が書いた本。 中島さんの仕事での時間の使い方、仕事との向き合い方、 また世界一のビジネスマン”ビルゲイツ”の近くで仕事をしてきて感じたこと、 などビジネスマ…

第三者に個人を特定できる情報を提供することはありません。個人情報の管理には細心の注意を払い、以下に掲げた通りに扱います。 データ取得 このアプリのご利用に際して、端末の位置情報（GPS、ネットワークを利用した位置情報）を取得します。 利用目的 ご…

async await処理で、ハマったので備忘録としてメモしておきます。 以下のように連続でA()、B()を呼び出して処理をする。 function() { A(); B(); } A()、B()では、関数の最初にasync awaitで同じ処理をする。 A = async () => { let { status } = await Perm…

DMM英会話を始めて、受講2000分を超えたので、変わったことなどを書いてみます。 2000分達成 DMM英会話は1回25分で、約6ヶ月続けたので、13回/月ぐらいのペースでした。 ちなみに、受講前の実力は、TOEIC350点でほぼ適当に塗りつぶす感じでした。 2000分で受…

DMM英会話2000分を超えましたが、レッスン教材はいつも会話 Conversationを選択しています。 以下、レッスン教材一覧 https://eikaiwa.dmm.com/app/materials/en TOEIC350点の私にとって、”会話”はレベルがちょうど良く、成長も感じられます。 そこで”会話”…

react-native-mapsで、マップの上にボタンを重畳しようとして、ずっとレイアウトが崩れてしまう問題があったが、 重畳したい要素にflexを指定していたのが原因でした。 以下のように、closing tagにして、styleにabsoluteを指定することで解決しました。 ren…

React Nativeプロジェクトにreact-navigationを導入しようとしたら、手こずったので、備忘録として。 今回は、expoを使う場合なので注意。 react-navigationを導入するには、以下をインストールする必要があるが、それぞれのバージョンが対応していないと、…

Reactで使いやすいライブラリを調べていたので、備忘録としてまとめます。 全体的に、学習コストが低く簡単にコードが書けそうなものを選んでいます。 レイアウト emotion CSS-in-JSとして、学習コストが低く、簡単に使える emotion – フレームワークに依存…

reactでの状態管理について、Reduxが有名だが、以下の問題点がある。 * 学習コストが高い * コード量が増えてしまう * 大規模で堅牢なシステム構築などには向いているが、react-nativeなどを使う場面は、開発スピードが求められる場合が多いと考えられるので…

HTMLとCSSとjavascriptの関係性についてまとめる。 以下のコードをコピペして、実行してみると上の関係性が理解できると思います。 最初に まず空のフォルダを作成 以下のようなファルダを作成する。各ファイルは空のファイルで良いので拡張子は以下のように…

Electron と Reactでwebpackでbabelしていたら、__dirnameでフォルダのパスが取得できるはずが、'/'になってしまっていた。 以下のようにwebpackで指定したら、無事に取得できました。 node: { __dirname: false } 以下、参考に __dirname returns '/' when …

人が死んだら、死後の世界の入り口に閻魔大王がいて、生きているときの行ないを裁き、”天国"or”地獄” を決めるらしい。 その審判の際に、このような質問が聞かれるかもしれない。 "好きな曲100個まで記憶に残しておいてあげるから、この紙に曲名書いといてー…

Virtual DOMでパフォーマンス向上 通常は、HTMLのDOMを書き換ると、DOM全体を書き換える。しかし、Virtual DOMのおかげで、一部だけを差分更新することで、画面更新速度が高速になる。 また、Virtual DOMはReactを使ってDOMを書き換えるだけで、適応されるの…

main.jsで以下のようにしたらrequireできた。セキュリティ的にあまりよくないらしいが、、、 webPreferences: { nodeIntegration: true } 以下、参考に nikumaro2.hatenablog.com

Electron 5以降から、nodeIntegrationのデフォルトがtrueからfalseに変更になったらしい。 falseだとrequireができない。 main.jsで以下のように変更することでrequireが使用できるようになる app.on('ready', () => { mainWindow = new BrowserWindow({ web…

ElectronとReactでアプリケーションを作成する際に、vscodeでブレークポイントを張ってデバックできるまでに結構手こずったので備忘録として。 環境 windows10 node.js：ver10.15.1 Visual Studio Code ：ver1.36.0 最初に まず空のフォルダを作成(React_Ele…