青いやつの進捗日記。

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

iOS Safari, Android Chrome 実機デバッグ

www.yoheim.net qiita.com applech2.com iOS15でSafariに拡張機能を入れられるようになり、Webインスペクターを使える拡張機能もあるらしい。使えそう

ブラウザの向きとか、向き固定とかまわりを調べた(主にスマホ) Fullscreen APIとかScreen Orientation APIとか

スマホを画面の向きを縦向きにロックしている状態でブラウザは横向きに回転したりとか出来るのかを調べていた。 CSSのメディアクエリのorientation(画面の縦横比で判断)以外の方法を探す。(ロックしていると問答無用でportrait判定なので) まず、ブラウ…

【メモ】Next.jsの参考リンク

qiita.com

【メモ】AWS Amplify・AppSync・GraphQLまわりの参考リンク

qiita.com medium.com

TypeScriptでReturnをそのままtypeとして使うReturnTypeってのがある

tech-1natsu.hatenablog.com 上記の記事でいける。初めて知りました

Git: remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.

そういえばそうでした。メール来てたねずっと。 で、httpsでcloneしてtoken貼ればいいのはわかるのだが、問題なのが既にclone済みのもの、どうすればいいのかと。再度cloneし直すの面倒じゃん。 でもVSCodeでコマンドパレットでset personal access tokenと…

Gitで大文字と小文字の変更を検知する

Git

qiita.com こういうのがあったのか〜〜〜最近地味にこれにやられた経験あったので…

GithubにSSH接続する

そもそもGithub的にhttpsで接続する方を推奨しているはずなので、sshの設定を今までしてこなかった。けどsubmoduleがsshのurlで指定されていた影響でsshの設定が必要になった。 docs.github.com docs.github.com 公式ドキュメント見ながらその通りやれば出来…

東京オリンピックのバスケを逃さず見たいのだけど、自分でカレンダーに記入するのめんどくさいからgorin.jpを元にGoogle Apps Scriptで自動でカレンダーにイベント作る

結果 github.com 上記リポジトリです。 動機 Google Apps Script、地味に便利でSlackとの連携とか色々使えるのですが使ったことがなかったので使ってみたかったのですよね。 そして東京オリンピックのバスケをちゃんと見たいので自分のGoogleカレンダーに登…

GIFアニメーションをJavaScriptで任意のタイミングで動かす。とあるイベントごとに最初から再生

cly7796.net もうこの記事のままでいけます。 imgをcreateElementしてそのsrcに動かしたいGIFアニメーションと、その末尾にパラメータとしてタイムスタンプをつけるとキャッシュが残らず、リロードをせずとも例えばボタンのクリックのたびに毎回アニメーショ…

gif画像のループ回数を制御するために、Photoshopでデータを変える 無限ループを1回だけ再生に変えたい

www.trisec.co.jp の 4.アニメーションGIFで保存する を見てください PhotoshopでWeb用に保存、を選ぶと右下にループオプションが有るので、無限ループしているgifはここが無限になっているので一度に変更すると、1回だけ再生されて止まります

Reactで子要素から親要素のpropsを変える。buttonコンポーネントのonClick時に動かしたい関数を親から渡す

qiita.com 地味にちょっと理解できていなかったけど、わかった気がする ボタンコンポーネント type Props = { onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void } export const Button = (props: Props) => { const { onClick } = props return ( <button onClick={onClick}>content</button> ) } </htmlbuttonelement>…

TypeScript で使うタグの属性一覧を取得し、propsとして流す

qiita.com type InputProps = JSX.IntrinsicElements['input'] たぶんReact.ComponentPropsWithRefでもいける? ginpen.com で、例えばInputコンポーネントを作っていたとして、inputタグに標準で指定できる属性以外にもpropsあるとすると、コンポーネントへ…

TypeScript、型の条件分岐、色々ある ConditionalTypeとかts-xorってライブラリ使うとか

TypeScriptで型の条件分岐が色々方法あるの知らなかった… 1つ目、特定のPropsに応じて条件分岐させる。 そもそも、TypeScriptにはConditionalTypeっていうのがある qiita.com こういう例で一番出てくるのはボタンコンポーネントがaタグかbuttonタグか、で指…

GoogleChromeに自動文字起こしなんてものが…

support.google.com こういうのがあるんですね。英語を認識すると勝手に出てきます。 まあたまに邪魔なんですけど、NBAとか見ていて何言っているかなに一つ聞き取れないときにもこれ出てくると少しはわかるので、ある意味では便利