確定申告とは？ www.nta.go.jp 自分の売り上げなどと税金の自己申告 & 自己納税。 2021.04.15 締め切りで 2020.01.01 ~ 2020.12.31 までの給与、事業所得などの why 業務委託の分。 初めてなので覚え書きしとく 税金のかかり方についての問合せ。 まず横浜の…
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…
why カンマ演算子や式と文など、わかっていないことが多かった 複文と {} アロー関数で説明すると {} で括らないで複文を入れた場合 const A = () => console.log('A'); const B1B2 = () => console.log('B1');console.log('B2'); A(); B1B2(); これを実行す…
参考 柴田望洋の 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 をそのまま 使え…
why 完全に趣味、気分転換 競技プログラミングに Node より向いてそうだから VScode qiita.com これを参考にした VScode を開いて Extension の Code Runner を入れる #include <iostream> using namespace std; /** * Hello!VisualStudioCodeを出力 */ int main() { c</iostream>…
why map とは別のこの処理が必要になった main developer.mozilla.org MDN のサンプルを読み解く accumlator は「計算に使う貯めておくもの」 だけど stack の方がわかりやすいので stack にします！！！ただの名前なので！！！ currentValue は現在の値。 r…
map を使わず読み込む場合 en.json { "welcome": "Welcome to i18next", "hello": "Hello", "changeLang": "Change Language" } ja.json { "welcome": "i18next へようこそ！", "hello": "こんにちわ", "changeLang": "言語を切り替える" } App.js/import im…
why kei-s-lifehack.hatenablog.com 前回の記事で 5言語の切り替えを実装したが、毎回 import xxJson from './locales/xx.json' xx: { translation: xxJson, }, <button onClick={ () => setLang('xx') }> XXXXXX これを書かないと言語を追加できないクソ設計なので直す やったこと </button>…
why kei-s-lifehack.hatenablog.com 前回の記事で 日英の切り替えだけ作って満足していたら ブラッシュアップに 対応言語に、中国語（簡体字）、中国語（繁体字）、スペイン語、韓国語、ポルトガル語を追加しろ それができれば、設計の最小限のレベルだ と言…
why kei-s-lifehack.hatenablog.com 前回の記事で、react-i18next で二言語の切り替えができるようになった これを使って何かを作りたい！ Hatena ではなく、自分で攻略サイトを作りたい Next.js で react-i18next が使えそうにないことからガッツリはつくれ…
why kei-s-lifehack.hatenablog.com Next.js と react-intl での言語切り替えがうまくいかなかった、react-18next があると聞いた suzukalight.com t, translate 関数での二言語の切り替えが react-intl より簡単そうに見えた 結果 Next.js ではこのコードは…
why en/ja での切り替えができるサイトを作ろうとしたら、header に 301 を書き込んで 移動させたり、現在の url の場所を見たり、req/res の https 周りの知識が全然足りなかった getInitialProps もよくわかってなかった Next docs data-fetch の UserAgen…
why サーバーサイドでは動かないコードを render 部分で処理させる必要があったので使うことになった 三項演算子 での 処理 三項演算子での 条件が true の場合の処理で js を使いたい場合、 { (true) ? ( { console.log(hoge) } <div> true </div> ) : ( <div>no window</div> ) }…
why これまでこの技術ブログを Next で作り直していない。 それは必要性を感じていないから。 しかしゲームブログなら自分の臨むリンクの出し方やヘッダーフッターでの誘導が妄想できる。 やりたいことこそやる気が出るのだと信じて始める Ark に絞って作成…
why 難しいと思ってたが、偶数奇数の判定などもあると聞いて興味が出た base input qiita.com dev/stdin というファイルを作成 test message と記入 function main(input) { console.log(input); } main(require('fs').readFileSync('/dev/stdin', 'utf8')) …
why (async () => { })() の無名/即時 関数が npm/prompt で出てきて、web の実行環境で動かしたところ Terminal で動かした場合と異なり、Promise(pending) になってしまった そこで「 Promise オブジェクトの resolve...? 一体なんだそれ？」ってなったの…
why remark を理解するのに callback が必要になり、その MDN サンプルに prompt が出てきて、ググったら HTML Window ではなく npm/prompts が出てきて混乱した でもせっかくだし便利そうだから使えるようになりたい prompts とは propmt ではなく prompts,…
why remark.js を使って json 形式からの html への変換をやっていたところ remark() .use(recommended) .use(html) .process('## Hello world!', function (err, file) { console.log(String(file)) }) というコードが出てきたが、 なぜ実行する関数の第二…
why matter 周りを練習したかった Next.js Tutorial では nextjs.org Markdown の rendering で const matterResult = matter(fileContents) // Use remark to convert markdown into HTML string const processedContent = await remark() .use(html) .proc…
why gray-matter と remark の違いが分かってなかったので matter だけ動かしてみたかった Next React ではなくてまず ES6 だけやった方がいいと言われるので Node でシンプルにやってみた Next での matter の使用 nextjs.org getStaticProps のためのサン…
[id].js を作る 前回の記事でリストページは完成したので、今回は詳細ページを作る nextjs.org pages/ に posts/[id].js を作る この [id] のところに ファイル内部の getStaticPaths で渡された値が入る。 import Layout from '../../components/layout' ex…
前提 nextjs.org これの条件分岐で苦戦したのでメモを残しておく ヘッダーの大きさとリンクの有無を可変にする <header className={styles.header}> {home ? ( <> <img src="/images/profile.png" className={`${styles.headerHomeImage} ${utilStyles.borderCircle}`} alt={name} /> <h1 className={utilStyles.heading2Xl}>{name}</h1> ) : ( <> <Link href="/"> </link></header>
starter nextjs.org ブラウザキャッシュをクリアして en/ に飛ばされる問題を解決し、 空の next app を動かした Hello Next qiita.com エディタを使うので VScode をセットアップする pages/ に posts/first-post.js を作って export default function Firs…
去年のレビュー 去年は業務委託も、個人での開発の勉強も、求職も、学業も中途半端で達成出来ずどれも最悪の結果に近づいた。 そもそも最悪の結果を定義する 業務委託: 任せられた仕事を達成できずに完成に程遠く挫折して契約期間が終了する 個人開発: 何も…
U01 ディストリビューション ディストリビューションには カーネル、ライブラリ、デバイスドライバ、アプリケーション、GUI 環境、 が入っている 中身を全然知らなかった 全てが無料なわけではなく、Redhat はサポートがついているので有料 全て無料だと思っ…
私の状況はこのコマに集約される… (集英社 魔風が吹く 2巻) why 大事な課題を完全に出し忘れたので強く反省する 原因 リモートだからこそ常に Teams/Assignment 開いて Trello に書き込んで Google Calendar にやる予定と期限書いて、Dotcampus 開いて 一つ…
set up nextjs.org npx create-next-app next-2020 --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter" 2020年最後のってことで作る 404 This page could not be found. は？？？？ 3001 を開けた first-post p…
https://youtu.be/YrWRxs-lqj4 IntlProvider index.js の return のナカに書いて 全体を 包んでいる。 locale と message を渡している ここが実際は context の type lang になってく FormattedMessage FormattedMessage をいきなり使って id に色々指定し…
index Primitive, Literal, interface(obj), function, class, の type のことを調べて書いた why zenn.dev export type locales = "ja" | "en"; interface LocaleProviderProps { lang: locales; } type で作って interface に組み込むのか？ context での…
why よく忘れるからまとめる .bashrc に入れてある g : git g から始まるコマンドは git しか使ってないのでまず省略する gc: git checkout ブランチ移動は毎日するから入れた よくこれを使う gc -b NewBranchToMakeAndMoveToIt gcm: git checkout master よ…
