// from tompng https://ruby-jp.slack.com/archives/CM2UUJ0N6/p1589085265270600
const Antialiasing = styled.div`
  border-radius: 4px;
  background: repeating-linear-gradient(50deg, transparent 0, red 0.25px, red 10px, transparent 10.25px, transparent 20px);
`;
const NonAntialiasing = styled.div`
  border-radius: 4px;
  background: repeating-linear-gradient(50deg, transparent 0, red 0, red 10px, transparent 10px, transparent 20px);
`;
// from tompng https://ruby-jp.slack.com/archives/CT4LD4TB3/p1589106566068700
const SierpinskiGasket = styled.div`
  border-radius: 4px;
  background: 0 0 / 2px 2px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 4px 4px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 8px 8px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 16px 16px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 32px 32px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 64px 64px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 128px 128px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 256px 256px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 512px 512px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 1024px 1024px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 2048px 2048px linear-gradient(-45deg, #fe0000 50%, transparent 0),
              0 0 / 4096px 4096px linear-gradient(-45deg, #fe0000 50%, transparent 0);
`;

CSSわからないのがわかる。

矢柄かこうとして意味わからなくなったがなんとかできて、そのあとカスタムプロパティでいい感じにいじれるようにしようと改変したらわけがわからなくなって気づいたら朝、寝ます。

一応できた...

f:id:h6n:20200511105132p:plain

2020-05-10

2020-05-09 にっき

CSSの練習をしていた、単純な模様を脱してチェックと一抹模様と鱗をできるようになった

f:id:h6n:20200510024956p:plain

リポジトリはここで

github.com

ここから確認できる

textures.netlify.app

GitHub リポジトリへのリンクを整える
ヘッダーとかタイトルとかOGPラフに更新
GitHub ActionsでビルドしてNetlifyにデプロイ

あたりをやりたいな

2020-05-09

2020-05-07 にっき

タブが迷子になっていた

出した

github.com

スマホの画面をPCに取り込んでそれをOBSでうつせばスマホアプリでV化できるな〜と思ってscrcpyを入れた

% yay -S scrcpy

声〜〜〜

Encoding | string した encoding を使うよう置き換えてPull Requestした

github.com

ActiveJob使ってこなかったのでx時にエンキューみたいなやり方がわからなかった

結論からいうと MyJob.set(wait_until: 1.day.since).perform_later とか MyJob.set(wait: 1.minut).perform_later みたいな感じでいける

guides.rubyonrails.org

激安4kのKWIN 28、やはり横から見ると黄ばむしバックライトムラがないとはいえないが全て26,000円と唱えると解消していく

最近子どもが椅子から机の天板に登るようになってしまった。

椅子に関しては5月を過ごしてキャッシュがそこそこ残るようなら注文しようと思う。

何を買うかだけが問題ですが無難にセブンチェアかアリンコチェアあたりにしようかなあ。3本あしぐっとひかれるけど子がこけると困るから4本かなあ。リプロダクトだと10分の1ぐらいで買えるけど気分があがりそうなので正規品を買う予定です。

おとなになっても、良すぎるので読んで欲しい

ddnavi.com

# pacman -S pulseaudio-equalizer

2020-05-08

codeTaktに入社して1ヶ月がたった

1ヶ月がたった、という記事を1ヶ月過ぎてから書いてしまう方の人間。近況を書く。

hanachin.hateblo.jp

私はエゴサをします

Slack入ってそうそうこういう感じで社内のエゴサをした。

はなちん before:2020-01-01
ハナチン before:2020-01-01
hanachin before:2020-01-01

あと「採用」とかでscrapboxを漁るなどした。

この辺の育児テックとか

Google Home、IFTTTと連携して「おっけーGoogle、名無しさん、うんちオムツ交換」「おっけーGoogle、名無しさん、授乳開始」と言うとSpreadsheetに突っ込むようにしててハンズフリー、スマホいらずで育児記録突っ込めてべんり
— はなちん (@hanachin_) May 17, 2018

こういう比較的まともな記事とか

qiita.com

これとか転職活動の記事などが言及されていた。

フルリモートできてそれなりお賃金または週4ぐらい出てればいい企業ゆるぼ
— はなちん (@hanachin_) July 12, 2019

他、32GBメモリを煽っておいて私は躊躇して買わないという所業をしたことがあるんですが、煽った相手の(自粛)発言などが見れて入社してよかった。

あとJS練習で書いてたやつとかもなんか貼られていてPooColorコンポーネントの命名が褒められていて面白かったりした。 https://github.com/hanachin/bblog/tree/master/app/javascript

他社のSlackでどう言及されてるのかめちゃくちゃ気になる。DM開放しているので送って下さい！

生活の変化

仕事による影響はほぼ無い、在宅勤務

COVID-19の影響はあるが割愛する

転職に関してあげていた項目

全て満たせただろう

転職をする

満たせた。

希望年収

結論を書くと満たせた。

年収、よく分からないので平均を頼った。（聞ける人・教えてくれる人があまりいない）

ここに沖縄県家計調査結果の概況がある。

www.pref.okinawa.jp

それによれば二人以上の世帯のうち勤労者世帯の家計だと実収入586,149円が全国平均。一方沖縄では371,834円。世帯主の収入でいうと全国は438,263、沖縄だと264,334円でまあそんなものだろうという感じ。

あとはこの辺とか。

japan-dev.com

はい。

これに関しては今月の給料が上がって、今月が終わり消費支出の額が確定してはじめて安心できそう。

希望する職場環境

✔ フルリモート可能
✔ お休み関係
✔ 育児休業、取得した男性がいる
✔ Ruby/Railsのしごと
✔ FLOSSへの関わり度: FLOSSしか書かないという感じではない。が、一般的な職場よりは高そう。
✔ ruby-jpのSlackで昼間によく見るメンバーが同僚

生活

会社支給の諸々を返した結果有給消化している間にも不便が増えてしまった。家の中に基本的に自分のものだけを置くポリシーのほうがセットアップが必要なく自分の判断で捨てたり取り替えたりできて便利かもしれない。転生イベントないと新しいものを試す機会は減りそうだが。

このへんを有給消化中から徐々に整えていた。

机
マウス
キーボード
マイク
ディスプレイ
コンピュータ
ディスプレイアーム
フットペダル
有線イヤホン

最近子どもが前面パネルのUSBやジャック類を抜き差ししようとするので無線のものを増やしていきたい。その点無線のキーボードとマウスは電源オフにすると繋がらなくなるのでべんり。

OS

安い早い便利のLinux生活をはじめた

COVID-19と仕事

ドミノ倒しのように各所に影響している、この図とかがすごい

www.facebook.com

何をしているか

こういうのを作っている、求人あるので気になったら見てほしい。社内にQuine書ける人やevalが好きな人がいます。

iPadなどのタブレット端末を一人一台持っている環境で使うLMS（Learning Management System）で、PDFの教材をアップロードするだけで、生徒の学習状況をリアルタイムで把握できたり、お互いの解答を共有することで「みんなで学び合う」学習環境を簡単に構築できます。Webブラウザさえあれば利用できるので、PC、タブレット、スマホなど機種を問わず活用できます。

codetakt.com

技術的な伸びしろ

TypeScript + Reactでガッツリかかれているのでフロントエンド方面の足りなかった力が伸びそうだと感じている。

転職する際によさそうだな、と思ったところと実際

教育

チャット等でふらっと教育関係の話題や考えに目がとまる機会が増えるので、自分の子にとってよい影響があるだろう、というのも1つあった。これもCOVID-19で色々影響が出ており機会自体はかなり増えた。生徒が主体的に学ぶというのが大事という音楽性が根っこにある、というのがだんだん分かってきたところ。

育児

ミーティング中の子ども参加率が高く受け入れられている感じがするので良さを感じていた。実際高い。かわいい。それはそれで良いけど4月を過ごしてみて各家庭にCOVID-19がとにかく影響を与えている感じで大変そう。うちは妻にみてもらっているのでとても助かっている。

あ、この人みたことある!

知人が多くて安心感がある

一方Ruby書いてる一部集団を外れると自分の知名度はないなあとも感じるのでなんか、視覚にくる感じのプログラムを書けるようになりたい。

ほか

前職と比べると人とのやりとりが比較的増えていそう、あとオーラルコミュニケーションがかなり増えている。なんかこう、会話あまりしない感じで生きてきたのでやはり慣れが必要そう、斉藤さんでもするか

Slackをググると4/1〜4/30まで1364投稿していた

feature的なPull Requestは全然おくれてなくてchore的なのを20弱ぐらい?

以下は自省

わりとデカめな機能を抱えて分割統治具合を失敗していそう
進路確認と実装を進めていくバランス
大枠のアーキテクチャ理解をもっと進める

おわりに

1ヶ月たってどうですかと口頭で聞かれたとき即レスする筋肉がないのでとりあえず書いた。

2020-05-07

2020-05-06 にっき

モニターアームを設置した、想像以上にべんり

CSSの練習しようと思ってリポジトリを作った

github.com

% npx create-react-app textures --template typescript

する。こないだまで --typescript だった気がするけど変わったよう。

いい感じにできたのでNetlifyにデプロイしたい。（実はやったことなかった）ログインする。

% npx netlify-cli login

ブラウザが開くのでログインしていい感じにする。

次、ビルドする

% yarn run build

デプロイする

% npx netlify-cli deploy
This folder isn't linked to a site yet
? What would you like to do? +  Create & configure a new site
? Team: Seiei Miyagi's team
Choose a unique site name (e.g. the-awesome-hanachin-site.netlify.app) or leave it blank for a random name. You can update the site name later.
? Site name (optional): textures

Site Created

Admin URL: https://app.netlify.com/sites/textures
URL:       https://textures.netlify.app
Site ID:   472c6fee-30d0-4cf7-9aaf-5e1e402d55d9
Please provide a publish directory (e.g. "public" or "dist" or "."):
/home/sei/src/github.com/hanachin/textures
? Publish directory /home/sei/src/github.com/hanachin/textures/build
Deploy path: /home/sei/src/github.com/hanachin/textures/build
Deploying to draft URL...
✔ Finished hashing 18 files
✔ CDN requesting 10 files
✔ Finished uploading 10 assets
✔ Draft deploy is live!

Logs:              https://app.netlify.com/sites/textures/deploys/5eb2e6f73c196112b8a2dca6
Website Draft URL: https://5eb2e6f73c196112b8a2dca6--textures.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag.
netlify deploy --prod

動いてそうに見える、デプロイする

% npx netlify-cli deploy --prod
Please provide a publish directory (e.g. "public" or "dist" or "."):
/home/sei/src/github.com/hanachin/textures
? Publish directory /home/sei/src/github.com/hanachin/textures/build
Deploy path: /home/sei/src/github.com/hanachin/textures/build
Deploying to main site URL...
✔ Finished hashing 18 files
✔ CDN requesting 0 files
✔ Finished uploading 0 assets
✔ Deploy is live!

Logs:              https://app.netlify.com/sites/textures/deploys/5eb2e7653e3a06fb5236a1bf
Unique Deploy URL: https://5eb2e7653e3a06fb5236a1bf--textures.netlify.app
Website URL:       https://textures.netlify.app

出来た

textures.netlify.app

GitHub Actionsはまた今度

Approve貰った、コンフリクトしてたのでrebaseした

github.com

名前空間変わったりして地味にコケたので直してfixupしておいた