KAEDE Hack blog

JavaScript 中心に ライブラリなどの使い方を解説する技術ブログ。

Entries from 2020-10-01 to 1 month

Windows に WSL で Ubutnu 20 をいれて Node.js や CRA を動かす

why dual boot よりも、マシン開けて SSD 追加するのも手軽だったためこれから始めた result WSL で Vim, Node.js, CRA が簡単に入った 手順 Windows Store から Ubuntu の LTS を検索して install ubuntu.com 公式にコマンドを打てと書いてあるのを読む To …

Docker compose で postgres + adminer を動かす (stack swarm を削除して)

why [qiita stack aritcle] 前回間違えて stack.yml 書いて docker stack deploy で swarm で動かしてた 今回はまず compose.yml 作って compose up でうごかす code # Use postgres/example user/password credentials version: '3.1' services: db: image:…

MySQL の Parent Child RDB とは何か

why 仕事で、Blitz SQL の Questions と Children の 関係を 「階層構造」と表現して日報に書いたら、メンターから「言い方違いますよ」とのレビューが入った ググって記事を読んで見たら Why Should We Use Parent-Child Relationships とか言う根本的なセ…

Next.js で ビジネス定型文生成アプリを作り直す

why hashicorp の人のいつ next.js を使うべきではないか?というセッション、オチが use next.js for everything だった#NextJsConf— SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED (@mizchi) October 27, 2020 Next.conf stage X で "全て Next.js で…

Windows で Docker が failed to start

qiita.com win では、hyper V に乗せて Docker を動かす必要があるらしい、やってみる hub.docker.com ここから Docker を install した sign in する タスクバーにあるDockerのアイコンを右クリックし、「Settings」をクリックする。 なんか赤くね?なんか…

Win を可能な限り Mac ライクに使うために

ctrl space であ/A 切り替え とくに Mac US キーボードだと 半角全角 キーがないから 毎回 あ/A を右下にクリックしないと変更できずに高ストレスだった fshianasan.hateblo.jp こちらのサイトを参考にした まず右下にある あ/A を右クリック、設定、全般、…

Mac での音声再生-Elmedia / Google Drive

why リモート講義の音声再生に困っていた finder から space で起動するものは stop の感覚で space 押して閉じてイライラする Music player はうまく開かない Elmedia Download free video player for macOS - Elmedia Player Elmedia を入れてみた https:/…

react copy to clipboard しようとする

why for easy biz mail reedbarger.com import React from "react"; import copy from "copy-to-clipboard"; export default function useCopyToClipboard() { function handleCopy(text) { if (typeof text === "string" || typeof text == "number") { cop…

PC と SP のタブのアイコン(favicon) を React App に導入した

why icon 作成サイトでそのまま持ってきたら苦戦したからしるす easy-biz-mail でアイコンが欲しくなって作った 結論 React の場合は? / のところを ./ に変更しないとダメ index の head と manifest で指定されるのでそこを変更する React では android-c…

Rails での URL-controller/action のルーティングをする

前回の復習 Puma starting in single mode... * Version 4.3.6 (ruby 2.6.1-p33), codename: Mysterious Traveller * Min threads: 5, max threads: 5 * Environment: development * Listening on tcp://127.0.0.1:3000 * Listening on tcp://[::1]:3000 Rai…

デスク作業環境のバックのラックを最適化した

フロントエンド フロントが今こうなっている バックエンド ラックの構成を引越し前から最適化していなかったので、中途半端な隙間が空いていて、ものが効率的にしまえていなかった。充電もしにくかった。これを今回は改善する 設計図を Miro でちゃんと作っ…

mui で Form を綺麗に作る

why 敬語簡易化アプリで CSS が必要になったから興味を持ってた MUI を使ってみる www.youtube.com この動画が分かり易そうだったので参考にする material-ui.com これが公式ドキュメント install material-ui.com npm install @material-ui/core + @materia…

CSS で中央揃えのカードを作る

why kei-s-lifehack.hatenablog.com 便利アプリを作りたくなった 中央に全てが寄っていて欲しかった Chrome extension の care your eyes も動いて欲しかった それの中央揃えになぜか苦戦したので書いておく このテキストのみの html を css で中央に揃える…

react-hooks で ビジネス文書作成アプリを作る

理由は README github.com branch 仕事のスキルに活かすため、master 一本でやらずに feature ブランチを作る dev.to feature/integrate-swagger feature/JIRA-1234 feature/JIRA-1234_support-dark-theme こうやってつけるらしい git checkout -b feature/c…

Blender で円柱と球を綺麗に合体させる

基盤となる形の 立方体、円、球、円柱、円錐、ドーナツ型、モンキーなどをオブジェクトモードで置いておいて、 そこから編集モードで作っていくというのが主ですね〜! 横置きの円柱をまず作る 最初の立方体の削除 https://w.atwiki.jp/blender_tutorial/page…