Javascript

Code

【Chrome拡張機能】一般公開の申請をするまでの手順

自作のChrome拡張機能を一般公開するまでの手順に関する記事です。ダッシュボードへの登録、掲載情報の設定、連絡先の設定、審査申請、そして公開に至るまでのほぼ全ての過程を紹介します。
Code

【TypeScript初心者】選択したテキストをコンテキストメニューを使ってクリップボードにコピーするChrome拡張機能

テキストを選択して右クリックメニューからクリップボードにコピーするChrome拡張機能の開発に関する記事になります。サービスワーカーとコンテンツスクリプト間のやり取りと、Uncaught (in promise) NotAllowedError: Failed to execute 'writeText' on 'Clipboard': Document is not focused.のエラーへの対応も紹介します。
Code

【Chrome拡張機能開発】GitHubでmainブランチにいる時に目立たせて気付きたい

GitHubでmainブランチにいることを目立たせるChrome拡張機能の開発方法を初学者向けに解説します。Storage APIを処理するためにPromiseメソッドチェーンを組んで実装しました。
Code

【GAS、GPT-4】OpenAI APIでGmailに届くエラーメールをスプレッドシートに記録する

Google Apps Scirptを使っていると、Gmailにそのエラー情報が送られてきたりします。そこで、OpenAI APIのGPT-4とParserで情報を抽出しましょう。
Code

【GAS、JavaScript】月末や月またぎも考慮した日付の計算をする

JavaScriptで日付を扱う際に、月またぎを考慮した計算も入れなければならないことがあります。その場合にどのような関数で取れるかどうかを紹介します。結局はタイムスタンプを使う方法に帰着するもんですよね。
Code

【JavaScript】数値を0埋めされた文字列として加工する

JavaScriptで、IDなどを採番する時に0埋めした数値が欲しい時があります。その時に利用できるスニペットを紹介します。
Anime

【GraphQL】基礎的な書き方から、AniList API用のMutationクエリ(複数レコード更新)まで。

GraphQLの基礎的な書き方から、初心者でも迷わずにクエリを構築できるように、QueryとMutationの書き方を紹介します。そして、実際にAniListというサービスで叩いた結果も紹介します。
Code

Google Apps ScriptでAniList GraphQL APIv2を叩くと、’No query or mutation provided…’のエラー400が返ってくる

GASのUrlFetchApp.fetchの仕様がJavaScriptのfetchと少し違うのかも。調べても調べても沼ってたので解決してよかった。
Code

【JavaScript】Object.prototype.toString.callで判別できるオブジェクトの型のまとめ

僕はJavaScriptの変数の型を調べる時に、Object.prototype.toString.call()をよく使うのですが、その関数で判別できる型をまとめました。
Code

【JavaScript】実行中の関数自身の関数名やクラス自身のメソッド名を取得する

実行している関数やメソッド自身の名前を取得する方法を紹介します。この方法は、その関数名を取得する関数を別の関数から呼び出してもらわなければなりません。thisに関数をバインドする必要があるためです。その呼び出し方の種類を掲載しています。