ハッシュタグ記事一覧

Amazonアソシエイトで廃止の画像リンクをWordPress記事から一括非表示させる

Amazonアソシエイト ツールバーから 画像リンク 生成機能が消えて間もなく、既存の 画像リンク も廃止でリンク切れ状態に。このまま WodrPress ブログ内に大量のリンク切れコンテンツを内包することは、低質なコンテンツと見なされ兼ねないので、スクリプトで 画像リンク を 一括 非表示 する仕組みを考えました。

2024/01/05 17:37

イージングの公式を使って物体をなめらかに動かす

イージングって何？ 開始とか終了地点に近づくにつれて速度が変わるアレのこと。 今更感満載なので詳しくはググってね。 実装 See the Pen Untitled by m1y474 (@m1y474) on CodePen. const div = document.querySelector("div"); const span = document.querySelector("span"); let left = 0; move(); function move() { // 求める値 += (目標値 - 現在の値) * 0.02 left += ((500 - 16) - left)…

2024/01/05 13:07

ReactのuseEffectでデータ渡し時の1回だけコンポーネント動作させる

ReactのuseEffectフックは、コンポーネントがマウントされた後や更新された後に特定の副作用を実行するために使用されます。本記事では、useEffectを使ってデータが渡された時に1回だけ動作するコンポーネントの作成方法を紹介します

2023/12/25 22:16

JavaScriptの配列に重複する値が含まれるか判定する2つの方法

今回は、JavaScriptで1つの変数の配列内に、重複する値が含まれるかどうかを判定する方法について解説します。例えば、データを集計した際に同じデータが含まれているか検索する場合に便利です。また、この方法を利用すれば、連想配列（多次元配列

2023/12/24 23:52

JavaScriptで配列の重複要素を削除！要素の重複を簡単に解消する実装方法

JavaScriptの配列の重複要素の削除方法とコード例を紹介。初心者も上級者も使えるテクニックでエラーを防ぎ、パフォーマンスを向上させます。

2023/12/17 22:40

ポップアップ作成のHTML/JavaScript/コピペ可能

HTMLとJavaScriptを使用してポップアップを作成する手順を紹介する記事。コピペ可能なコードと、WordPressでの導入方法も詳しく解説しています。ポップアップの外観やメッセージを簡単にカスタマイズでき、効果的なウェブサイト通知を実現できます。

2023/12/11 17:37

文字数カウンター：文字数・改行・スペース・HTMLタグのオンラインカウントツール

オンライン文字数カウンターツールです。HTMLタグを含むテキストや、改行・スペースをカウントする便利な文字数カウントツールです。ワンタッチで簡単に文字数をカウントできます。素早く正確な文字数を把握しましょう。

2023/12/09 20:49

A8.netに提出する掲載広告URLリストを自動生成するオンラインツール

A8.netに提出する掲載広告URLリストのCSVファイルを全自動で出力する無料オンラインツールです。サイトマップURLがあれば誰でも利用できます。

2023/12/09 16:18

同期, 非同期, async, awaitって何・・？

仕事で同期, 非同期, async, awaitとか色々出てくるんですが、いつも忘れてしまうのでまとめさせてください。

2023/12/03 16:11

【有料級】Googleフォームの回答内容をGASで取得し、Googleドキュメント内の本文を書き換え＆PDF化してメールを自動送信しよう！

近年、Googleフォームの回答内容を活用した業務効率化のニーズは非常に高まっています そこで、本記事ではGo

2023/12/02 21:51

簡単なGoogle Chrome 拡張機能を作ってみた

諸用で必要になったので、特定の文言を抽出するchromeの拡張機能を作りました。マーケットに出すものなどではなく、完全に自分用のものとなります。

2023/11/25 11:15

【GAS】Googleフォームの様々な項目の回答取得方法について徹底解説

​​ GAS（Google Apps Script）を使ってGoogleフォームの回答を取得する際、複数回答や

2023/11/21 19:03

【2023年最新版】Googleフォームの回答者に自動でメールを送ろう！

Googleフォームの回答者にサンクスメールを送りたい！と思ったことはありませんか？回答者に回答内容をそのまま

2023/11/13 06:10

もしかしたら誰かの役に立つかも、小ネタ集その1

CTFで問題を解いている中で、学んだ・知った知識を小ネタ集としてまとめました。当たり前すぎる内容が多いかもしれませんが、誰かの役に立てれば幸いです。

2023/11/12 11:06

Template Methodパターンを使って簡単なアプリを作ってみた

デザインパターンの一つ、Template Methodパターンを勉強してみました。今回はQtとC++を使って、簡単な（無意味な）GUIアプリを作ってみました。テンプレートを使うように実装することで、コードの構造が綺麗になるのかも？というのが実感できました。

2023/11/11 16:04

同期関数と非同期関数のエラーハンドリングのやり方

JavaScriptを触っていて、同期・非同期関数のエラーハンドリングについて曖昧なまま理解していたのが、先日ようやく自分自身の中で納得できる説明ができたので、それを書き残しておきます。

2023/11/08 23:26

【裏技】GAS(Google Apps Script)の実行制限を超えてみよう！

Google Apps Script（GAS）を使用してスクリプトを実行する際、GASの制限にやりたいことが阻

2023/11/07 19:14

【WordPress】投稿ステータスに独自のステータスを追加する方法

2023/11/07 00:00

【GAS】Googleカレンダーの翌日の予定を自動でメール通知する方法

Googleカレンダーに登録された予定をうっかり忘れてしまうことってありませんか？ そこで、この記事では、Go

2023/11/06 20:02

【GAS】スプレッドシートで在庫管理を行い、自動で注文書を生成＆PDF化してGmailで送信する

一般的に、在庫管理や注文業務は手間がかかります！ もし、スプレッドシートを使用して在庫管理を行い、必要数量が在

2023/11/05 12:49

【解決】GASのスプレッドシート実行速度が遅い？実行速度向上のポイントを解説！

Google Apps Scriptを使用してスプレッドシートの操作を行う際、API呼び出しの回数を過度に増や

2023/10/29 17:10

【GAS実践編】スプレッドシートのデータを取得し、条件に応じてメールを送信してみよう！

本記事では、Google Apps Script（GAS）の初歩から便利な使い方、そしてビジネスでの活用方法ま

2023/10/29 09:14

【初心者向け】Google Apps Script（GAS）の「使用制限」や「上限」を意識して主要サービスにアクセスしてみよう！

Google Apps Script（GAS）は、Googleの豊富なサービスを活用できる強力なツールです。GASでスクリプトを実行しようとした際に、謎のエラーメッセージが出て、苦しんだ経験がある方もいるのではないでしょうか？エラーが出た際には、GASの「使用制限」が問題の原因である可能性を検討してみてください。GASは無料で提供されているため、使用には一定の制限が設定されています。この制限を超えると、スクリプトの実行が中断され、エラーが表示されることがあります。

2023/10/29 09:14

【初心者向け】Google Apps Script（GAS）のスタンドアロン型でGoogleの各種サービスにアクセスしてみよう！

GAS（Google Apps Script）は、Googleの豊富なサービスと連携してタスクを自動化する強力

2023/10/29 09:13

【GASを0から勉強】Google Apps Script（GAS）とは？「GAS」で実現できることについて徹底解説

Google Apps Script(GAS)は、Googleのさまざまなサービスを自動化し、ビジネスやプロジ

2023/10/29 09:12

HTMLCollectionとNodeListの違い

HTMLCollectionとNodeListについて調べると、下記のような内容が書いてあります。 ・どちらも配列風オブジェクト・HTMLCollectionは動的、NodeListは静的・NodeListではforEachが使えるが、HT

2023/10/20 20:41

JavaScriptで2つの配列から差分（増減）を抽出する方法

JavaScriptで2つの配列から差分を抽出する方法をサンプルコード付きで詳しく解説します。ここで言う差分とは、ある配列には含まれているが、別の配列には含まれていない要素のことです。例えば、[1, 2, 3]と[2, 3, 4]という2つ

2023/10/18 22:09

JavaScript スコープ（Scope）を理解しよう

JavaScriptのスコープとは、変数の有効範囲のことです。 グローバルスコープ、ローカルスコープ、ブロックスコープの3つがありますので、順に見ていきましょう。 変数がどこで宣言されているかによって、その変数にアクセスできる場所が異なりま

2023/10/15 16:27

for文とwhile文の違い

今回は、ループ処理に使われるfor文とwhile文の違いについて書いてみようと思います。 結論から言うと、次のような違いがあります。 for文：指定した回数だけ繰り返す（事前に繰り返す数がわかっている）while文：ある結果にたどり着くまで

2023/10/15 08:42

JavaScriptの変数をSQL文に入れる方法とSQLインジェクションの回避

SQL文の中にJavaScriptの変数を入れたい場合、何も考えずにSQLと変数を連結させたり、テンプレートリテラルでSQL文を作成すると、SQLインジェクションのリスクが高くなります。そこで今回は、JavaScriptの変数とプレースホル

2023/10/11 11:44

プリミティブデータタイプについて

JavaScriptの基本的なデータタイプのことをプリミティブデータ型と言います。 主要なプリミティブデータタイプには、次のようなものがあります。 上から、数値（Nubers）、文字列（Strings）、真偽値（Booleans）、unde

2023/10/09 12:00

数値と文字列の連結、テンプレートリテラルについて

今日は数値と文字列の連結、テンプレートリテラルについて勉強しました。 JavaScriptならではのちょっと変わった動きがありますので、それも併せて紹介します。 数値どうしの連結 こちらは簡単！下のように、単純にそのまま連結すればOKです。

2023/10/09 12:00

関数、戻り値、パラメーターとアーギュメント（引数）

今日は、関数について勉強しました。相変わらずDevEdの説明はわかりやすかったです。 実は6月からJavaScriptの勉強を始めて、まず最初につまづいたのが関数のところでした。関数が出てくるまでは、処理結果はConsole.log()で出

2023/10/09 11:59

オブジェクトと配列

プログラミング初心者がJavaScriptを勉強し始めて思ったことが、メソッドやらアーギュメント（引数）やらオブジェクトやら、用語が次々と出てきて混乱してしまうということです。 あと、たとえばパラメータは、英語のparameterがそのまま

2023/10/09 11:58

【CSS】特定ページの背景を変えてみる(; ･`д･´)

こんにちは。 ここ数日はオンラインイベント(クリエイターズ文化祭)に向けて専用ページを作成してます。って言っても大したもんじゃなくて出展するものの説明だったり挿し絵を載せてるだけのフツーのページなんですけどね。 その作成ページでやってみたことをネタにします。 やってみたことは背景の変更です。ブログに慣れた人にとっては当たり前のことかもですが、まぁ知らない人は知らないだろうし一応メモ的な感じで(´･ω･)b ※一応の注意書き。HTML・CSSはプログラミングではありませんがJavaScriptに関係するので当サイトでのカテゴリーはプログラミングに分類しています。 まず はてなブログの場合、背景画…

2023/10/07 20:37

ただジャンプするだけのゲーム

ただジャンプするだけのゲーム

2023/09/28 21:02

テキストエディタおすすめ7選

テキストエディタテキストエディタは文字情報のみのファイル（テキストファイル）を作成編集保存するためのアプリケーションです。Windowsのメモ帳や、Macのテキストエディットなどもテキストエディタになります。プログラミング用にエディタの機能

2023/09/28 21:00

【RPGツクールMZ】スクリプト無しでも入力判定するのだ(`･ω･´) 番外編 スクリプトってどうなの

こんにちは。 RPGツクールMZ(RPGMakerMZ)でプラグイン・スクリプトを使わない入力判定作成メモ＆サンプルプロジェクトは前回で一応出来上がりました。 今までスクリプトを使わないってことで通常イベントコマンドでやりくりしてきておいて言うのも難なのですが、内容によってはスクリプトを使うと簡単になったりできることが増えたりするので紹介程度に今回少しだけ触れておこうかなと思いました。 これまでのイベントの組み方を理解できたならスクリプトを使うこともそれほどハードルは高くないハズなので「なんか難しそうだからいいや」と思わず見てほしい。 過去にもスクリプト関連の記事は書いているので参考まで貼って…

2023/09/25 22:53

【大人のコソ勉】180時間を越えた時点の景色はこんな感じ

6月8日にスタートした、大人のコソ勉が180時間を越えました。 大人のコソ勉についてはこちらから↓ ふと思い立って始めましたが、「思っていたよりも難しく」「思うようにコードが動かず」「自分がバカのように感じる」なかなかにフラストレーションが

2023/09/23 07:48

Reactで確認ダイアログ（confirm）を表示させる3つの方法

ある画面でボタンを押した時や、現在のページから離脱する場合に「本当によろしいですか？」みたいなアラート（警告）表示をよく見かけることがあると思います。今回は、そんな確認ダイアログをReactで表示させる方法をご紹介します！ Reactで確認

2023/09/18 17:40

JavaScriptのPromise.allで効率的な非同期処理の基礎と使い方を解説

JavaScriptには、非同期処理を行うためのPromiseという機能があります。Promise.allは、複数のPromiseを並列で実行し、全ての処理が完了したら結果をまとめて返すことができる便利なメソッドです。 Promise.al

2023/09/18 17:30

未経験から始めるJavaScriptフリーランスの仕事探し！採用されるための条件とは？

2023/09/13 10:15

Next.jsとは？Reactフレームワークの特徴と将来性を解説！

2023/09/13 09:17

【HTML】戻るボタンでブラウザバックをする方法と次のページに進む方法

この記事ではHMTLでブラウザの戻る機能をボタンに実装する「戻る」ボタンや「次へ」ボタンを作成する方法をご紹介しています。戻るボタンはお問合せフォームの確認画面等でよく見かけますが、作成自体は簡単ですのでご興味のある方は是非お試し下さい！

2023/09/01 23:34

【Vue.js】ライフサイクルフック使い分け・順番を初心者にも分かりやすく書く

Vue.jsは、使いやすいフレームワークでありながら強力な機能を備えています。Vue.jsを使ってウェブアプリを作ったり、ホームページを作るとき、コンポーネントのライフサイクルを知ることはとても大切です。これが分かっていないと思い通りに動か

2023/08/29 13:58

【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)

javascriptの配列の基本的な使い方(宣言･初期化･取得･代入･追加･削除･結合)や、ループ処理、連想配列、多次元配列（二次元配列）について初心者向けに解説しています。

2023/08/28 23:34

WebSocketに向けて環境構築 - Windows11 & XAMPP

WebSocket Server は最終的にはレンタルサーバ（Linux）で用意しますが、しっかりテストしたプログラムでないと、後悔することになりかねないので…

2023/08/18 14:39

WebSocketを使って、デスクトップアプリとWebアプリの通信を行う

これからWebSocketを使って、デスクトップアプリとWebアプリを作ろうと思います。 WebSocketは、双方向通信が簡単に行えるので、デスクトップアプ…

2023/08/17 16:00

【javascript】var / let / constの違いや使い分け方を初心者向けに徹底解説！

javascriptの宣言方法である「let」と「const」と「var」の違いや、結局どれを使えば良いか？といった疑問について初心者向けに解説しています。

2023/08/13 00:06

【初心者向け】Vivus.jsを使ったSVGアニメーションの作り方

Vivus.js のダウンロード方法やcdnの導入方法、オプションの設定など、手書き風のSVGのアニメーションやアウトラインアニメーションの実装方法とともに初心者向けに解説しています。

2023/08/12 00:06