JavaScript(ジャバスクリプト) 【JavaScript】「文字数カウンター」アプリケーションを作る方法
HTML, CSS, そして JavaScript だけで文字数カウンターを作成してみます。 完成形はこちら▼ 以下は、画面に文字を貼り付けるとその文字数が表示されるコードの例です。 文字数カウンターのHTMLコード ユーザーがテキストエリ...
JavaScript(ジャバスクリプト) 
Node.js（ノード・ジェイエス） 【Node.js】npm ERR! path ~/node_modules/sharp
Node.jsプロジェクトでSharp画像処理ライブラリに関連するエラーが発生しているようです。インストールの問題、バージョンの非互換性、または欠落している依存関係に関連する可能性があります。 以下は、エラーを解決するために試すことができる...
Vercel（ヴァーセル） 【Next.js】Fix the upstream dependency conflict, or retry
エラーメッセージによれば、reactとreact-useのバージョンが競合している？ようです。 code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ER...
Vercel（ヴァーセル） 【エラー発生】npm ERR! ERESOLVE unable to resolve dependency tree
code ERESOLVE npm install XXXXXXX npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! np...
Vercel（ヴァーセル） Next.jsでGenerateSWプラグインを使用する｜workbox-webpack-plugin（PWA化）
GenerateSWプラグインを使用する Next.jsでGenerateSWプラグインを使用してService Workerを構築する場合、以下の手順を実施できます。 これにより、Progressive Web App（PWA）機能をNe...
Vercel（ヴァーセル） Build failed because of webpack errors｜next-pwaプラグインの設定に問題？
next-pwaプラグインの設定に問題？ このエラーは、おそらくnext-pwaプラグインの設定に問題があるために発生しています。 Failed to compile. Please check your GenerateSW plugin...
Notion(ノーション) ChatGPT to Notion Chrome拡張機能と使用方法について
ChatGPT to Notion Chrome拡張機能とは？ ChatGPT to Notion Chrome拡張機能を使うと、ChatGPTのチャットをNotionと連携して保存できます。 ChatGPT のページでは、各回答の下に新し...
Vercel（ヴァーセル） Command “npm install” exited with 1
npm installコマンドがエラーコード1で失敗したようです。 npm ERR! A complete log of this run can be found in: npm ERR! /vercel/.npm/_logs/2023-...
Marketing(マーケティング) 「ファーストチェス理論」とは？
ファーストチェス理論とは？ ファーストチェス理論とは、チェスの名人がチェスを行う際に「５秒で考えた打ち手」と「30分考えた打ち手」のうち、86％は同じになるという理論のことです。 つまり、どれだけ長く思考しても、“最初に思いついた手段”に戻...
JavaScript(ジャバスクリプト) 【Draggabilly】HTML要素をドラッグアンドドロップできるJavaScriptライブラリ
Draggabillyとは？ Draggabillyは、HTML要素をドラッグ可能にするためのJavaScriptライブラリです。指定したHTML要素をマウスやタッチ操作でドラッグできるようにします。 以下はDraggabillyの基本的な...
GoogleSpreadSheet(グーグルスプレッドシート) 【Googleスプレッドシート】損益率を求める方法
Googleスプレッドシートで損益率を求める方法です。 損益率とは？ 損益率（そんえきりつ、Profit and Loss Ratio）は、投資やビジネスにおける収益性やリターンの指標です。損益率は、投資や取引の成果や業績を測定する際に使用...
WordPress(ワードプレス) PopupMakerプラグインとJavaScriptで簡易的なチャットボットを作る（Part2）
前回の続きです。 簡易的なチャットボット画面ができた 前回、PopupMakerとJavaScriptを使って、簡易的なチャットボットのような画面ができました。 前回のままだと、チャットの送信ボタンが無いので、送信ボタンを追加してみます。 ...
WordPress(ワードプレス) PopupMakerプラグインとJavaScriptで簡易的なチャットボットを作る（Part1）
PopupMakerプラグインとJavaScriptで簡易的なチャットボットを作る PopupMakerはWordPressのプラグインで、ウェブサイトにモーダルウィンドウやポップアップを追加することができます。 一方、JavaScript...
WordPress(ワードプレス) 【WordPress】何度ログインしても自動でログアウトされてしまう問題について
ワードプレスで何度ログインしてもログアウトされる…。 クッキーとキャッシュのクリア これらはしばしばログイン問題を引き起こすため、ブラウザの設定でクッキーとキャッシュをクリアしてみてください。 Google Chromeの場合 右上のメニュ...
WordPress(ワードプレス) 【WordPress】AI Chatが実装できるプラグイン｜AI Engineプラグイン
AI Engineプラグインとは？ AI Engine: ChatGPT チャットボット、コンテンツ生成、GTP-3と4、高度なカスタマイズは、WordPress に AI 機能を追加する強力なプラグインです。このプラグインを使用すると、さ...
Vercel（ヴァーセル） VercelでNotionのデータを連動させる｜Next.js Notion Starter Kit
VercelとNotionを連動させる手順は以下の通りです。この手順は、Next.js Notion Starter Kitを使用している場合の手順です。※VercelとNotionのアカウントを持っていることが前提です。 Next.js ...
Vercel（ヴァーセル） next-pwaとは？Next.jsにnext-pwaをインストールする流れ(Part1)
next-pwaとは？ next-pwaは、Next.jsアプリケーションにProgressive Web App (PWA)の機能を追加するためのプラグインです。 next-pwaを使用すると、Next.js アプリケーションをプログレッ...
Mac(マック) 【Mac】シェルスクリプトのサンプル例と実行方法について
シェルスクリプトのファイルサンプル例 以下にシェルスクリプトのファイルサンプル例を示します。 #!/bin/bash echo "Hello World!" #!/bin/bashは、シェルスクリプトの最初の行に書くシェバンと呼ばれる行です...
JavaScript(ジャバスクリプト) 【JavaScript】JavaScriptのループ文について（for文・while文・do-while文・break文・continue文）
JavaScriptのループ文について、丁寧に分かりやすくひとつずつ説明します。 for文 for文は、特定の回数だけ繰り返し処理を行うための文です。for文の構文は、次のとおりです。 for (初期化式; 条件式; 増減式) { // 繰...
WordPress(ワードプレス) WordPressの管理画面で管理バー（アドミンバー）メニューのコメントを非表示にする
ワードプレス管理バー（アドミンバー）のコメント部分を非表示にしてみます。 admin_bar_menu functions.phpやWPCodeなどのSnippetsで下記のようなphpを追加します。 add_action( 'admin_...
