青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

JavaScriptのscrollToはIEとかSafariで効かないからPolyfillで対応

これがIEとSafariでは効かない。 window.scrollTo({ top: 100, behavior: 'smooth' }); 正確に言えばbehaviorが効かない。CSSのscroll-behaviorも同じく。 jQueryでanimateさせればよかったかもしれないが、今回はPolyfillで解決。 scroll-behavior-polyfill…

Gatsbyでローカルネットワークで他端末で検証を行いたいとき

gatsby develop -H 0.0.0.0 で、いける。 これで自分のIPアドレスに他端末からアクセスしたら検証出来ます。

GithubでForkしたリポジトリ、とはいえFork元の本家の更新も受け取りたい。コロナ対策サイトにコントリビューションしたくて…

qiita.com これが参考になります。 $ git remote add upstream https://github.com/tokyo-metropolitan-gov/covid19.git これで、本家をfetchしてくるupstreamブランチを作成できます。 これで、 $ git fetch upstream で、upstreanブランチに本家の更新を反…

ブラウザで見ると、選択時に青枠出るやつ。消したい。

nichiyogogo.com まあ直し方は簡単で、 outline: none; これで終わり。inputがfocusされてるときとかだと思うので、そのときにoutlineがブラウザによって規定のものが出るはずなのでそれを消せます。 まあただ、これ出るのには理由あって、健常者なら関係な…

東京都 新型コロナウイルス対策サイトに貢献したかったのだが、nodeのversionで詰まった。nodenvでnodeのバージョンを管理しているが10.19.0がlistにないしアップデートもできない…!→できた!

東京都 新型コロナウイルス対策サイトに貢献したかった。 で、yarn install しようとしたら、 nodenv: version `10.19.0' is not installed (set by./covid19/.node-version) こんな感じの表示が。で、なぜかって言うと、まあ表示の通りなのですが、nodenvを…

console って console.log しかないと思っていました

qiita.com qiita.com とにかくデバッグてきなことしたいときは console.log これでコンソールのログを出す、これしかないと思っていました。 なにかの拍子に、会社のマネージャーに 「console.infoとかでエラー挙動のときはエラー文出すようにしたほうがいい…

ヘッドレスCMSを使ってみる contentful

fromscratch-y.work これが参考になります。ちなみに qiita.com 最初これ参考にして進めてたけど、CLIからいじることあんのかよくわかんなくて結局途中から普通にブラウザ上からいじる方に以降した、そしたらなんかCLIでやってた過程でContent ModelとかCont…

よく考えると、クラスの取得をjQueryでしかやっていなかった。JavaScriptでクラスを取得し、そのクラス全部に同じ挙動を適応させるやり方。

github.com これめちゃめちゃ見ます。参考になります。 jQueryでHTMLのクラス取得するなら、普段なら const $tabItem = $('.tabItem') みたいにやりますよね。 で、例えばこのクラス全体に同じ挙動を実行させたい。例えばクリックイベントを起こしたいなら、…

gulpのグローバルインストールの必要性

グローバルインストールって必要以上にしたくないですよね、なんかに影響出そうで怖いじゃないですか。 で、gulpを使うときってグローバルインストール必要だと勝手に思ってたんですよね。 どうやらそういうわけでもないらしく。というよりか、正確に言えば …

GIthubのSecurity Alertで We found a potential security vulnerability in one of your dependencies. でserialize-javascriptのなんかで怒られるやつ。

www.autovice.jp これが参考になります。 Reactのチュートリアルをやっていたらリポジトリが怒られた。 yarn.lockを見てみたらserialize-javascriptのバージョンが2.1.0だった。serialize-javascriptがなにをしているものかよくわかっていないが、create-rea…