2020年を振り返りますよ ブログ・SEO 仕事 個人開発 GitHub リングフィットアドベンチャーを買った 辛いスキルランキング 1位 マウンテンクライマー 2位 プランク 3位 スクワット 4位 バンザイスクワット 5位 バンザイプッシュ 思ったより辛いスキル ベントオーバー トライセプス バタバタレッグ これに頼っちゃうスキル スワイショウ リングアゲサゲ アゲサゲコンボ その他 ヨガマットとか フィットボクシング2を買った 汗問題 CV TVの故障と液晶ディスプレイの購入 次世代ゲーム機と対応TV 液晶ディスプレイ WQHDという特殊な解像度の懸念 SwitchでフルHD以上だと画面がボヤける問題 色々考えるのが面倒な人は 総評 いやー、今年は全然ブログ記事書きませんでした。 今年の簡単な振り返りと、ブログについて少しだけ書いてみようと思います。 ブログ・SEO 検索エンジンとい

雑の極みです ESLint v7.0.0がついに正式リリースされました👏 github.com そしてgitリポジトリ見ると解りますが、TSLintは既にDeprecatedなのです😱 そんな状況のTSLintで騙し騙し継続して使っていましたが（まだTSLintが使われるscaffoldingも結構あります）、v7リリースという事で、これは絶好の移行機会だと思い、早速移行しました。 また、最近Nest.jsを試しているのですが、Nest.jsは既にTypeScript + ESLintでscaffoldingされたので、それを参考にしています。 環境 TSLintの削除 package.jsonからtslintを削除する package.jsonからtslint関連のnpm scriptを削除する tslint.jsonを削除する ESLintの追加 package.jsonにtsli

初見殺しなのでメモです Ionic Reactがリリースされたので、早速試してみました。 今回は Ionic React + Capacitorで成果物をElectronで出力してみたのですが、いきなり洗礼を浴びたので、そのメモを残しておきます。 環境 staticが見つからない 対応策 public/index.html 補足 package.json ビルドする おまけ ドキュメント 環境構築から動かすまで 環境 種別 バージョン macOS Catalina node.js v12.16.0 ionic-cli v6.1.0 capacitor-cli v1.5.0 staticが見つからない ビルドやらcopyやらをし、最終的に npx cap open electronすると、以下のようになりました。 GET file:///static/css/10.4c99b71.chunk

毎回手作業で更新しなくていいのです 皆大好きPostman。 Postmanには環境変数があり、各Request設定で環境変数を埋め込む事で、設定を一元管理する事ができます。 今回はこの環境変数についてのお話です。 Postmanって何？ 環境変数を使ってトークンを一元管理するが・・・ そうだ、環境変数を自動更新しよう！ Testsを使ってGlobalsを上書きする 雑感 Postmanって何？ www.getpostman.com （主に）HTTPリクエストを発行するためのツールです。 ブラウザのアドレスバーだとGETリクエストしかできないし、ターミナルでは都度APIのコマンドを用意する必要があります。 Postmanはこれらを解決してくれ、更に環境変数でAPIサーバのポート番号やトークン値等を一元管理できたり、javascriptで動的に色々制御できたりするツールです。 設定のimpo

今回はキーボードの使用レポートになります 最近Realforce for macテンキーレス、HHKB HYBRIDと、相次いでフラッグシップなキーボードが発表されたので、それに触発されて旧版の使用レポートをしてみようと思います。 ※ 個人の主観によるレビューになります。 ※ ぶっちゃけレビューなので、変に期待させたり、不自然に持ち上げるレビューではないです。 レビューするにあたって 比較対象のスペック スクリーンショット 静音 打鍵音 REALFORCE R2 TKL HHKB Professional2 Type-S NIZ 2019 87 IP68 waterproof series 特定のキー押下の気になる点 REALFORCE R2 TKL Backspaceキー・Returnキー バネ音 HHKB Professional2 Type-S 左Shiftキー Returnキー ス

ついに例の定型文3兄弟を除去する事ができるようになりました〜 github.com 先日react-reduxがv7.1にアップデートされ、そこでhooks対応の関数がいくつか追加されました。 今回紹介するものは「useSelector」「useDispatch」の2つです。 react-redux v7.1の新機能 useSelector useDispatch connect関数は不要になる v7.1とそれ以前のコードの比較 v7.1以前のTypeScript + react-reduxのコード v7.1以降のTypeScript + react-reduxのコード 全部入りのサンプルコード 万能ではない点に注意 雑感 react-redux v7.1の新機能 useSelector ざっくり説明すると、mapStateToPropsをhooks対応したものです。 useSelecto

makeStylesを使う事でシンプルになりますよ〜 ついにリリースされたmaterial-ui v4ですが、色々な機能が加わったり、構造がより最適化されたり、是非ともバージョンアップしたいですね。 今回はスタイルの「makeStyles関数」に焦点を当ててみます。 v3からv4への移行 v3のスタイル設定 v4のスタイル設定 注意点 従来のReact.Componentをextendsしたコンポーネントでは使えない typescript + next.js + material-uiのサンプル 雑感 v3からv4への移行 v3のスタイル設定 import React from "react" import { createStyles, Theme, withStyles, WithStyles } from "@material-ui/core/styles" const styles

実は簡単にできるのでした〜 MyBatisというか、ORM経由でLOAD DATA等の特殊なDMLを実行したかったり、複数行のSQLを1定義で実行したい時って結構あったりしますよね。今回はそれに対応してみます。 情報のおさらい MySQLのLOAD DATAとLOAD DATA LOCALの違い LOAD DATAはオプション未設定では実行できなくなった 未設定状態のアプリケーションでLOAD DATAすると発生するエラー 解決策 setLocalInfileInputStreamを使う 対応するJDBCのオプションが有る おまけ MyBatisのmapperのxml内で複数のステートメントを記述したい 雑感 情報のおさらい 解説の前に情報が混乱しないよういくつか整理しておきます。 MySQLのLOAD DATAとLOAD DATA LOCALの違い 種別 挙動 LOAD DATA INF

homebrewでインストールしたコマンドをFinder上で画面ポチポチで実行可能にしてみましょう〜 モチベーション RARの解凍をサービス化してFinderからポチポチできるようにする homebrewでp7zipをインストールする Automatorからサービスを作成する 単数・複数のrarファイルをサービスで解凍するGIFアニメ おまけ：フォルダ毎にzip圧縮 GIFアニメで挙動を確認する おまけ：画像サイズの50%化 GIFアニメで挙動を確認する トラブルシューティング 作成したサービスがメニューに出てこないんだけど？ homebrewのコマンドが実行されてないっぽいんだけど？ コマンド実行後通知できない？ while read file; do って何だよ 使わないサービスを非表示にしたいんだけど？ 自作したサービスを削除したいんだけど？ 雑感 モチベーション 私「このファイルR

変な挙動が有るので、今回はそこをピックアップします〜 MySQLのlimit offset問題と言えば、誰もが知る有名な性能劣化問題です。 今回はcreate table select構文を利用し、primary keyとauto_incrementの強奪現象を利用して、簡単にこの問題を解消してみようと思います。 環境 MySQLのlimit offset問題 よくある解決法 create table select構文 部分合成 このfugaテーブルは一体？ え？なんでfugaテーブルを作る必要が？ ん？temporary table？ 待って、hogeとfugaの両方にPKとauto_incrementあるよね？ PKとauto_incrementの強奪現象を利用したlimit offsetの解決 limit offsetしたいテーブル定義とデータの入り方 別途採番テーブルを作成する h

リードレプリカを活用しろ警察に怒られる前に、connectorjのマルチポスト機能を学ばなくては・・・！！ 知らないのは私だけだと思いますが、実はconnectorjにはマルチホストのコネクションを管理する機能が内蔵されています。 マルチホストコネクションの種類 Master/Slave Replication with Connector/Jってどんな機能？ 何に使うの？ Spring bootで簡単に参照クエリのみを振り分ける 1個目の設定：application.ymlのdatasouce設定 2個目の設定：@Transactional(readOnly = true) spring.datasource.url @Transactional(readOnly = true) レプリケーションの遅延について GIFアニメで動きを見てみる readerに参照クエリを投げる例 write

依存の修正だけで動きますよ〜 jOOQに限った話ではないと思いますが、javaを8から11等にアップデートするとjaxbが動かない問題がjOOQでも発生するので、エラーに対応してみます。 java v11化した際に起きるエラー 対応 修正前 修正後 java v11化した際に起きるエラー tree:database tree$ ./gradlew -b jooq.gradle --stacktrace clean gen > Task :generateExampleJooqSchemaSource FAILED FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':generateExampleJooqSchemaSource'. > javax.xml.bind.J

jOOQのパッケージ構成が少し変わりますよ〜 先日gradleでjOOQの依存を以下のように更新しました。 依存名 アップデート前 アップデート後 jOOQ v3.10.7 v3.11.9 gradle-jooq-plugin v2.0.11 v3.0.2 gradle-jooq-pluginがメジャーバージョンアップしてたので絶対動かないだろうなあと思ったら、案の定動きませんでした。 ちょっと修正しただけで動いたので、メモっておきます。 jOOQをv3.11系にした際に起きるエラー tree:database tree$ ./generate-jooq.sh > Task :generateExampleJooqSchemaSource FAILED 1 28, 2019 9:59:52 午前 org.jooq.tools.JooqLogger info 情報: Initialising

全然解らない。私は雰囲気でspring-cloud-starter-awsを使っている・・・・ javaやkotlinでorg.springframework.cloud:spring-cloud-starter-awsを使う事がまあまああったりします。これを使うとawsのリージョンを自動取得してくれたり、awsフレンドリーな状態でawsのサービスを扱う事ができるようになります。 環境 エラーを解消した最終的なローカル環境向けのapplication.yml設定 EC2からStack Nameを自動取得できないよエラー No valid instance id defined EC2の情報を自動収集させないようにする application.ymlの設定 EC2からリージョン名が自動収集できないよエラー There is no EC2 meta data available EC2メタデー

少しトリッキーなので、忘れない内に手順をまとめておきます〜 サーバ上でpythonのpipでインストールしたモジュールを動かしたいのだけれど、なんとグローバルのpip installが禁止されている・・・！！というかそもそも権限が与えられなくてインストールができない・・・！！！ 等という地獄の環境の場合、npmのように、ローカルインストールできれば簡単に解決するのに、と思いますよね。pythonでも可能なのですが、知ってないと中々できるものではないので、まとめておきます。 環境 ローカルインストールって？ ローカルインストール手順 pip installに「-t」オプションを付けてインストールする 実行する.pyを用意する .pyを実行する.shを用意する 最終的なディレクトリ構成 雑感 環境 pythonがインストール済みである。 pipがインストール済みである。 バージョンを問わず、上

君が犯人だったか〜 何がきっかけなのか解りませんが、最近急にGoogle ChromeやSafariで真っ白なページが表示されるようになりました。 少し調べてみて原因の特定ができたので、メモしておきます。 起きている環境 iMac late 2014 macOS mojave ESET ver6.6.300.2 Google Chrome v 70.0.3538.110 FireFox v64.0 Safari v12.0.2 起きている現象 Google Chrome・Safari・Firefoxの3種類のブラウザで真っ白なページが表示される「場合」がある。確実に真っ白になるわけではないが、リロードし続けると「何故か」表示される事がある。 キャッシュを全クリアしても解決しない。 OSを再起動しても解決しない。 Adblock Plusアドオンを入れている。 シークレットモードで表示しても

例のシャッチョさんの第二弾的な記事が賑わっていたので、見てみました〜 axia.co.jp こちらの記事になります。 雑な概要 多かった主張 Aさんは必敗する環境に悩む Aさんの環境 周りの人の環境 誤解を生んでいる部分について 理想 業務時間内にどんどん勉強しよう 業務時間外に勉強するという事 現実 業務時間内に勉強する事への抵抗勢力 業務時間外に勉強する事 会社の利益に繋がらない勉強 エンジニアに向いている・向いていない 勉強は超辛く継続する事が超難しい 給料が上がると勉強できる？ 雑感 雑な概要 シャッチョさんの会社には昔、プライベートでは勉強しないAさんというエンジニアがいて、周りや後輩にどんどんスキル負けする事に悩んでいました。 その会社ではプライベートの勉強は強制しておらず、自分の人生なんだからプライベートの時間を家族との時間に費やすのも自由だぜ、と主張しています。 シャッチョ

実は単独のバイナリとしてプロジェクトに組み込めます。 redis-cliですが、macの場合はbrew install redis-cli等と試みてもインストールできません。 代わりにbrew install redisでredisサーバごとインストールすると、その中の1機能としてredis-cliが付いてきます。しかし、昨今のredis環境はほぼdocker化しており、ローカルにredisサーバ等はインストールしたくありません。 そこで、できるだけ標準の仕組みでredis-cliのバイナリを生成、プロジェクトに組み込めないか？と思い、実際に試してみたところ、できました。 環境 redis-cliのバイナリ生成手順 redisのソースコードをダウンロードする makeする redis-cliバイナリだけ抽出する 環境 OS macOS high sierra redisバージョン v4 r

appengineに待望のNode.js standard environmentが正式リリースされたので、早速計測してみました〜 前回のあらすじ 計測の仕方 環境 計測に使用したソースコード スピンアップしてフレームワークを初期化してテキストが返るまでの速度 計測1回目 計測2回目 計測3回目 計測4回目 計測5回目 結果と平均値まとめ 雑感 前回のあらすじ www.bunkei-programmer.net GAE/Javaは8になってもやはり初動が遅かったのだ。というかGAE/Java1.7とほとんど違いは無かったのだ。 www.bunkei-programmer.net GAE/Goは（javaと比較すると）くっそ速かったのだ。 そしてGAE/Node.jsが出たので計測してみたのだ。 計測の仕方 前回のGAE/Java8の時と同様に、インスタンスを削除して、必ずスピンアップが発生