青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

【リンクメモ】Stotyrbook 白いコンポーネントの確認のため背景黒くする

https://storybook.js.org/docs/essentials/backgrounds import { WhiteButton } from './WhiteButton'; const meta: Meta<typeof WhiteButton> = { title: 'common/WhiteButton', component: WhiteButton, parameters: { backgrounds: { default: 'dark', }, }, };</typeof>

VSCode スニペット React向けにスコープを設定する

zenn.dev jsdoc.code-snippets { // Place your GLOBAL snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is applicable in t…

作ってるものがiframeとして埋め込まれたときの挙動を確認したいとき

が、あると思います。けど問題は、ローカルで作っててhttpだけど埋め込まれる方はhttpsの場合。 stackoverflow.com developer.mozilla.org まあ1つはローカルをhttpsで立ち上げる。 dev.classmethod.jp けど、めんどくさいじゃん。 httpの場合はローカルで、…

word-break: auto-phrase; がすごいらしいけど、そもそもbudouXを知らんかったよ

CSS の word-break: auto-phrase; がすごい。日本のウェブ制作者が求めていたもの。「文節」での折り返し指定ができます。現行のChrome 119やEdge 119で利用可能。 pic.twitter.com/P7wCpHjeDW— 池田 泰延 (@clockmaker) 2023年12月6日 ええ〜すご!<br />で改行し…

【リンクメモ】catnoseさんがよく使うライブラリ

自分はUIライブラリはあまり使わないですね。だいたい過去のプロジェクトで使ったコンポーネントを転用して、現プロジェクトに合うように改造して使ってます。 (最近の個人プロジェクトではReact、… https://t.co/u10r99QDvN #Mond_catnose99— catnose (@ca…

【メモ】NBA Googleカレンダーに登録

nba.roktcalendar.com これ連携すればいける。日本人所属チームの選んで連携してる。今シーズンだけじゃなくて次以降のシーズンも連携してくれる。

yarn v1つかってたけど実はメンテナンスモードらしいのでpnpmを入れていく

ほとんどyarn v1使ってたけど実はメンテナンスモードらしい。 speakerdeck.com のでpnpmを入れていく。 pnpm.io brew install pnpm でおわり。ちなみに自分の場合 tech.motoki-watanabe.net のエラー出てひっかかった。 yarn使ってたプロジェクトでpnpmに移…

brew updateしようとしたらhomebrew-core is a shallow clone.と言われてできない

> brew update Error: homebrew-core is a shallow clone. To `brew update`, first run: git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow This command may take a few minutes to run due to the large size of the re…

リンクメモ nodenv: default-packages file not found

nodenv: default-packages file not found qiita.com qiita.com

よく考えたらsvgに色つける際にもうfillじゃなくていい

svgを色変えたりしたい場合、imgタグの読み込みではfill設定できないのでsvgをコードで埋め込んでfillの値を変えて色を変える…とかやってきたけど、いまはIEを気にしないでよいのであればimgタグで読み込んだ上でmask-imageでできるじゃん、というツイートを…

【リンクメモ】Next.js ポートを変更して立ち上げる

zenn.dev nextjs.org ローカルで複数のフロントエンド立ち上げててポート番号かぶるとかあるので yarn dev -p 3001

Vue Router使ってクエリパラメータだけ変わる際に画面を更新させる

abillyz.com $routeをwatchしてリロード走らせればいい。 <script> export default { watch: { $route () { location.reload() } }, } </script>

(自分向けメモ)JALじゃらんパックで航空券買ったときにiPhoneのWalletに航空券を追加する

www.redpeppers.jp 実際にiPhoneのWalletに入れて使ったけど体験よかった。印刷したりとかブラウザで画面立ち上げたりとかめんどくさくて、Walletならすぐ立ち上げられるし。あと1時間で搭乗だよ、的な通知もくるし。

【自分向けメモ】VJ関連でPCの設定で必要なもの

隣で映像出している人がやっていたので現場で教えるために作ったけど、初心者やりがちなので肥やしついでに張っておきます。 pic.twitter.com/kD69Q1Ekqj— Takayuki Tominaga (@touka_tt) 2023年8月5日

VDMX beta8.8.0.5でmacOS Venturaで縦フェーダーUIが消える?

VDMXのコントロールサーフェイスボタン、特定サイズ以下になると何故か消えるからマス目細かくしてサイズデカくしてやればまあヨシ。ただ相変わらずプレビューのスライダーは消えてるの悲しみ(m2max/8.8.0.5) pic.twitter.com/fxU8oyL0lN— まぐかべ (@magu…

VDMXでGoogle Chromeの画面をキャプチャしたい

saikuro0526.hatenablog.com Workspace InspecterのVid InでEnableにして MediaBinで右クリックしてAdd Clips From Built-In Sources > Window Inputs > Google Chrome.app から選ぶとできる 自分のMacではできたのに、会社のMacだとWindow InputsにGoogle C…

【リンクメモ】JSDoCのドキュメント

runebook.dev 日本語のJSDoCのドキュメント見つけた

/bin/sh: protoc: command not found って言われたけど普通にインストールしてないだけだった

grpc.io に沿って、自分はmacOSなので > brew install protobuf したらいけた

huskyでpre-commit時にlintする monorepoで

typicode.github.io husky https://typicode.github.io/husky/#/?id=manual のとおりにhuskyをインストールして、npm scriptsのprepareにhusky installを設定する lint-staged qiita.com を参考にlint-stagedをインストールして、.husky/pre-commitにyarn li…

`next lint`がOKでも`next build`だとビルドエラー 原因は型のミス…型のチェックをなににやらせるか

もちろんVSCodeでチェックはできるのだけど、エラー起きてるファイルを開いていないとエラーに気づけない。共通で使ってる型定義を変えたりした場合とか。 next lintがOKでもnext buildだとビルドエラーでだめだったりしてどうにかしたいのが発端。 github.c…

【リンクメモ】MUI テーマのデフォルトの値

MUI

coders-shelf.com mui.com

i18nextでテキストを入れるが、変数を使いたい

www.i18next.com { "key": "{{what}} is {{how}}" } i18next.t('key', { what: 'i18next', how: 'great' }); // -> "i18next is great" こんなかんじでいける

Next.js Error error serializing returned from getserversideprops Please use `null` or omit this value. 言われた通りnullを返せばOK

zenn.dev undefinedはJSON的に有効じゃないから、とのこと nullを返すようにすればOK

【リンクメモ】よさげbentoまとめ

そもそもbentoってなに "A link in bio" Linktreeとかプロフィール欄に貼るリンクのことをこう呼ぶけど、Bentoはデザイナーなどクリエイターが使うのに良さそうなツール。SubstackとかInstagramとか各種サービスへいい感じにリンク貼ってくれる。https://t.c…

【リンクメモ】Sublime Text 日本語化

it-kyujin.jp 10万行以上あるファイルさわろうとしたらVSCodeだと保存時に色々拡張機能だったりLintだったり動いて重すぎて話にならず。(そりゃあそう) Lintは動いてほしいしformatonsaveだけ動かさない、ってファイルの種類でしか指定できないはずだから…

【メモ】 Google Chrome アプリ化しておくと便利なことに気づいた

tanweb.net support.google.com Google Chrome アプリ化しておくと便利なことに気づいた。こんなのできたの。 たまに音楽をどのタブで開いてるのかわからなくなったりするから音楽系とよくアクセスするGoogleカレンダーとか追加してみた ショートカットを作…

Re: MacのアプリのHyperSwitchが動かなくなった

tech.motoki-watanabe.net 私的には超絶必須アプリ。 なんかたまーにHyperSwitch動かなくなってMacのデフォルトのCommand + Tab の切り替えに戻ってしまう。 で、結論、一回スクリーンセーバー立ち上げて復帰すると復活する。 なんででしょうか。 備忘録とし…

年賀状、スマホでデザイン決めて自分の名前入れてセブンイレブンで印刷する

年賀状、今までは実家で毎年親が買ってた年賀状のデザイン載ってる本を使って実家のWIndowsPC駆使して家のプリンターで年賀状作ってたのだけど、一人暮らしとなり、さてどうしようかなーと。たぶんああいう本ってMacには対応していないだろうし、家にプリン…

この技術ブログの今年のアクセス数を見てみる 2022年版

去年はこちら tech.motoki-watanabe.net まずそもそも今年は去年の半分くらいしか投稿してなかったな…ここ数年で一番少ない。なんかここ1年、たぶん実装以外のこと多かったような気がするわ。 まあでも手元のNotionには書いててブログにおこせてないだけでは…

【リンクメモ】最近のフロントエンドの技術まわりまとめ?

lealog.hateblo.jp