VanillaJSで3パターンのマウスストーカー作ってみた！
Zenn · 2022-08-18
参考サイト いきなりですけど、このサイトめっちゃオサレじゃないですか！？(勢い) https://www.whiteoutworks.com/ 是非とも、全部真似したい！ 真似させて頂きたい！！！！ ということで、真似させて頂きました。 結果 ひとまず完成図がこちら。
参考サイト いきなりですけど、このサイトめっちゃオサレじゃないですか！？(勢い) https://www.whiteoutworks.com/ 是非とも、全部真似したい！ 真似させて頂きたい！！！！ ということで、真似させて頂きました。 結果 ひとまず完成図がこちら。
はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで た...
先日、下記のタイトルを見て「どういうことだってばよ？」となったので。 あと、Markdown のコードブロックの言語指定を置き換えるコマンド作ろうかなと考えていたので(何が関係あるんだ？というのは後で出てきます)。 つまり、どういうこと？ ちょっと触ってみた感じだと、REA
問題 typescriptのオブジェクト型が複数あるとして、名前も型も同じプロパティをどう抜き出せばいいか？ まずは2つの場合から考えてみましょう。具体的には下記のDogCat型をうまく型演算で表現したいということです。 type Dog = { name: stri
優れたプログラマーは、金銭的な報酬や人々から賞賛を浴びる目的でコードを書くのではない。単純にプログラミングを楽しむためにコードを書くんだ。 リーナス・トーバルズ（Linuxカーネル開発者） コーリー・アルソフ氏の『独学プログラマー...
CSSにはcalcといってプロパティ値に入れる数値をCSS側だけで計算できる仕組みがある。 .apple{ width: calc( 100vw - 50px ); } このcalcは四則演算は使えるのだが、実は乗算と除算で...
CyberAgentのWeb Speed Hackathon 2022 の仕組みが素晴しいと思ったので(特にGitHub Actionsで自動化されたLeaderboardの部分)、自分の環境で遊ぶための方法を書きます。 https://github.com/CyberAgent
はじめに チャットツールの Slack に自分の思い通りで見やすい絵文字を追加したい。そんな欲望にかられ、手軽にアイコンを作成できるツールを探しました。 見つけました。 Figma です。 Figma とは Figma とは We...
はじめに TypeScriptのエラーハンドリングの方法について、なにか良い方法はないかと探していたら、以下記事を見つけた。 この記事に書かれている方法を取り入れてコードを書いてみたら、個人的にとてもスッキリしたので、布教したい。...
はじめに 我々が所属しているチームでは、IoTやクラウドに特化したサービス展開を推進していますが、 IoTへの知識や技術をより深めるため、この度IoTに関するブログ発信をスタートします。 ブログで取り扱う内容は、チームメンバーの学習や、手順書の用途も兼ねているため、 IoTの
初めに 前回まではx64用asmコードを用いた実装を紹介しました。高速な実装のためにはCPUの特性と命令を駆使しなければなりません。今回はLLVMを用いてより汎用的で（そこそこ）高速なコードを効率よく生成することを目指します。 記事全体の一覧は多倍長整数の実装1（C/C++）
環境 Ruby 2.6.6 Rails 6.0.4.7 Gem facebookbusiness(Metaが出している公式のSDK) (※ ググるとgem ‘facebook_ads’などが出てくるが、そちらではないことに注意) A...
JavaScriptの小ネタ ドキュメントの条件付きレンダーの項に書かれているこういう書き方をきちんと理解するにはJavaScriptの論理積(&&)について理解する必要がある jsx {unreadMessages.length > 0 &&am
2022/9/1から Slack 無料版のデータ保持期間が90日になりますね。 90日前以前のデータが消える前にメッセージとファイルをダウンロードしておきたかったので、自動でそれを行うコードを作成しました。 この記事はその時のメモです...
前置き 先日Twitterでこのような興味深いツイートを拝見しました。 https://twitter.com/emergent/status/1558043418001313792 なるほどと思ったので、自分が技術選定/アーキテクチャ設計において「どのような時にScalaを
MySQLのスロークエリを確認するまでの手順備忘録 アプリケーションを作るうえで、DBとのやり取りはほぼほぼ発生するかと思います。 その際に投げられるクエリたちについて、どれが時間がかかっているクエリ（スロークエリ）なのかを確認する...
背景 ユーザーにより自分が好きな順番でtableの表示データーを設定できるように jQuery UIのsortableを使用してHTMLのtable項目の並び順設定を作ってみました。 結果 環境 jQuery: 1.8.3 ...