KAEDE Hack blog

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

Entries from 2021-03-01 to 1 month

成果物一覧--KAEDE WORKS

kaede0902 在学中 成果物一覧

Win10 Home VMware で centOS の Installation Source の setup が終わらず挫折

why ssh で遊べる remotehost が欲しい 無料サーバーでは無理そうだった X Server に月額 980 払いたくない VMware でマシンの中に仮想マシン作れば無料でやれるらしい!! eng-entrance.com VMware Workstation を win に download vmware から 無料のを選…

月 14k のサブスクの整理 ( 2020-03 )

why 月額 980 円の X server を SSH と公開鍵認証を試すために契約する必要がでた これ以上追加するのが怖くなって、何を減らそうか検討した サービスたち Prime, Apple Music, YT Music, Netflix, Wimax ルーター, friday, qs, kk, を契約している Amazon P…

Linux ホスト関連のコマンドを WSL で試すが 接続先がない...

why Linuc 101 で出たコマンドを動かしたくなった whoami root@DESKTOP-8G3A2F8:~# whoami root Who am I? のユーザー名を聞くコマンドを打つと 現在のユーザー名がわかるらしい ここでは WSL だからか root になっていた hostname root@DESKTOP-8G3A2F8:~# …

Linuc 101 Linux - 秘密鍵方式の通信と GitHub を例にした認証

秘密鍵と公開鍵 秘密鍵とは ja.wikipedia.org 公開鍵暗号(こうかいかぎあんごう、Public-key cryptography)とは、暗号化と復号に別個の鍵(手順)を用い、暗号化の鍵を公開できるようにした暗号方式である。 二つの鍵を用意し、一方の鍵を公開しても良いの…

初めての確定申告@2021.04.01

確定申告とは? www.nta.go.jp 自分の売り上げなどと税金の自己申告 & 自己納税。 2021.04.15 締め切りで 2020.01.01 ~ 2020.12.31 までの給与、事業所得などの why 業務委託の分。 初めてなので覚え書きしとく 税金のかかり方についての問合せ。 まず横浜の…

Linux Process

why Linuc 101 プロセスを表示 ps ps PID TTY TIME CMD 802 ttys000 0:00.06 -bash 7328 ttys000 0:00.01 tmux 7445 ttys001 1:47.95 npm start プロセスをユーザーごとに表示 - ps u ps u ps u USER PID %CPU %MEM VSZ RSS TT STAT STARTED TIME COMMAND ka…

JS ES6 の復習 - 複文と単文、式と文、演算子

why カンマ演算子や式と文など、わかっていないことが多かった 複文と {} アロー関数で説明すると {} で括らないで複文を入れた場合 const A = () => console.log('A'); const B1B2 = () => console.log('B1');console.log('B2'); A(); B1B2(); これを実行す…

JS の知識を前提として C++ を学習する - cin, cout, 関数化

参考 柴田望洋の https://www.amazon.co.jp/dp/B0787YH4L2/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1 ヘッダ node.js の import みたいな感じで include を使う std と count using namespace std; これで std の使用を明示すると cout をそのまま 使え…

C++ の環境構築 - 文字化け

why 完全に趣味、気分転換 競技プログラミングに Node より向いてそうだから VScode qiita.com これを参考にした VScode を開いて Extension の Code Runner を入れる #include <iostream> using namespace std; /** * Hello!VisualStudioCodeを出力 */ int main() { c</iostream>…

js array.reduce(func, arg) の第二引数がある場合とない場合の処理

why map とは別のこの処理が必要になった main developer.mozilla.org MDN のサンプルを読み解く accumlator は「計算に使う貯めておくもの」 だけど stack の方がわかりやすいので stack にします!!!ただの名前なので!!! currentValue は現在の値。 r…

React react-i18next 「1つの」 json file から各言語のテキストを展開する

map を使わず読み込む場合 en.json { "welcome": "Welcome to i18next", "hello": "Hello", "changeLang": "Change Language" } ja.json { "welcome": "i18next へようこそ!", "hello": "こんにちわ", "changeLang": "言語を切り替える" } App.js/import im…

React で ./src/locales/ の中身を全て読み取ろうとしたが無理だった - react は複数の json を読み込めない!

why kei-s-lifehack.hatenablog.com 前回の記事で 5言語の切り替えを実装したが、毎回 import xxJson from './locales/xx.json' xx: { translation: xxJson, }, <button onClick={ () => setLang('xx') }> XXXXXX これを書かないと言語を追加できないクソ設計なので直す やったこと </button>…

React react-i18next 挨拶サイト 5言語の切り替えをできるようにした

why kei-s-lifehack.hatenablog.com 前回の記事で 日英の切り替えだけ作って満足していたら ブラッシュアップに 対応言語に、中国語(簡体字)、中国語(繁体字)、スペイン語、韓国語、ポルトガル語を追加しろ それができれば、設計の最小限のレベルだ と言…

React react-i18next で日英切り替え Ark 生物紹介サイトを作る

why kei-s-lifehack.hatenablog.com 前回の記事で、react-i18next で二言語の切り替えができるようになった これを使って何かを作りたい! Hatena ではなく、自分で攻略サイトを作りたい Next.js で react-i18next が使えそうにないことからガッツリはつくれ…

React react-i18next での言語切り替えを試した

why kei-s-lifehack.hatenablog.com Next.js と react-intl での言語切り替えがうまくいかなかった、react-18next があると聞いた suzukalight.com t, translate 関数での二言語の切り替えが react-intl より簡単そうに見えた 結果 Next.js ではこのコードは…

Next.js getInitialProps で http で UserAgent を取得する

why en/ja での切り替えができるサイトを作ろうとしたら、header に 301 を書き込んで 移動させたり、現在の url の場所を見たり、req/res の https 周りの知識が全然足りなかった getInitialProps もよくわかってなかった Next docs data-fetch の UserAgen…

jsx 三項演算子の分岐でさらに条件式を使う方法

why サーバーサイドでは動かないコードを render 部分で処理させる必要があったので使うことになった 三項演算子 での 処理 三項演算子での 条件が true の場合の処理で js を使いたい場合、 { (true) ? ( { console.log(hoge) } <div> true </div> ) : ( <div>no window</div> ) }…