webpackでバンドルするスクリプト内で実行したスクリプト名を取得する 💻

JavaScript

process.env.npm_lifecycle_event で取得できます。Next.jsのexport設定を本番とステージング環境用で分ける際、 "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "export-staging": "next build && n…

2021-08-23

jQueryのclosestをjQuery無しで使いたい時は、Element.closestの出番 🔍

JavaScript

jQueryのclosetとは querySelectorは己の子要素を検索するメソッドですが、closetは逆に己の親を検索する、jQueryオブジェクトのメソッドです。api.jquery.com Given a jQuery object that represents a set of DOM elements, the .closest() method searche…

2021-08-18

microCMSのYouTube埋め込みの横幅を100%に変更する 📝

microCMS Nuxt.js

microCMSのリッチエディタですが、下記サービスの埋め込みに対応しています。 YouTube（https://www.youtube.com/） Vimeo (https://vimeo.com/) Twitter (http://www.twitter.com/) Instagram (https://instagram.com) Facebook (https://www.facebook.com/…

2021-08-17

git pullしようとした際に「error: cannot lock ref」というエラーが出たので解決策を探る 🐱

Git

git remote prune originで、リモートで削除されたリポジトリをローカルに反映したらpullできるようになりました。

2021-08-11

JavaScriptで角度の平均を計算する 🧮

JavaScript

ベクトルを合算し、原点からの角度を出すのがセオリーのようです。関数にするとこんな感じです。 function getAverageAngle(angles = []) { let x = 0; let y = 0; angles.forEach((angle) => { x += Math.sin(angle / 180 * Math.PI); y += Math.cos(angle …

2021-08-10

myCobotをPythonから動かすための準備をする 🤖

Mac

MacとmycobotをUSB-Cで繋いで、python3経由で操作するための設定方法をまとめておきます。ファームウェアの書き込みだけうまくいかず、Windows機を使いました。 myCobotとは Elephant Robotics社とM5Stack社が共同で製作した6軸の可動域を持つ協働ロボット…

2021-08-05

Error: External synchronous scripts are forbidden. See: https://nextjs.org/docs/messages/no-sync-scripts. @next/next/no-sync-scripts を解決する 💡

Next.js

Next 11を使ってウェブサイトを構築し、 yarn buildで書き出そうと思ったのですが、 Error: External synchronous scripts are forbidden. See: https://nextjs.org/docs/messages/no-sync-scripts. @next/next/no-sync-scripts とエラーが出ました。指示さ…