青いやつの進捗日記。

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

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にないしアップデートもできない…!→できた!

[追記] こちら最新です tech.motoki-watanabe.net 東京都 新型コロナウイルス対策サイトに貢献したかった。 で、yarn install しようとしたら、 nodenv: version `10.19.0' is not installed (set by./covid19/.node-version) こんな感じの表示が。で、なぜ…

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…

MacのKeyboardをHHKB風に、右Shiftと[;'/で矢印キーを入力

会社でメンターだった先輩がHHKB大好きでして、 それに加え最近自分がMagic Keyboard飽きたなあと思っていまして、 じゃあHHKBか??買うか?? とか思ったけど、まずそもそもちょっと不満だったのが 矢印キー の入力 なんですよね。 キーボード入力の手をそ…

aosとかの、スクロールアニメーションを動かすときのInitのタイミング。

michalsnik.github.io AOS とか、スクロールで起動するアニメーションのライブラリを使うとき、もしくは普通にスクロールでアニメーションを動かすとき。 必要なことに、各要素の位置の取得があります。 AOSを使う場合は、JSで AOS.init(); をします。 で、…

.htaccessの書き方。とりあえずそのサイトにアクセスあったら違うサイトに飛ばしたい。

www.itti.jp これが参考になりました。 ポートフォリオとしてある https://motoki-watanabe.net/ このサイト、学部3年の時に作ったのですが汚すぎて更新もしんどいので放置されてて、今ポートフォリオはnotionで仮運用されているのでそちらに飛ばしたい。 FT…

VDMXでAKAI APC miniのボタンを光らせる

こんな感じで押してないときは緑、押したら赤に光らせようと思います。 saikuro0526.hatenablog.com 参考にしました。 まずMIDIコンをDetectでアサイン。 ここまでは普通。ここからが重要。 nanoKONTROL2とかなら普通に echo values back out to:でMIDIコン…

Photoshopで1倍では書き出せるのにそれ以上の倍率で書き出せない時。

たぶんバグですけどね。散々使ってて初めて出会いました。 普通にレイヤーの名前を 200% img05.jpgとかにしてアセット書き出ししようとしたら こうなる。クリッピングマスクしてそのマスクかけた方の名前変更したらこれ。 で、原因は謎。おそらくPhotoshopの…