WordPress(ワードプレス) 【WordPress】投稿一覧に独自の列を追加するPHP
ワードプレスの投稿一覧画面に独自の列を追加表示してみます。投稿一覧とは？WordPressの「投稿一覧」とは、管理画面の「投稿」メニュー内に表示される投稿の一覧表示のことを指します。投稿一覧では、サイトに投稿された記事やコンテンツが一覧形式...
WordPress(ワードプレス) 
VSCode(Visual Studio Code) 【VSCode】拡張機能「open in browser」直接ブラウザを開くことができるおすすめの拡張機能
VSCodeでおすすめの「open in browser」という拡張機能があります。この便利な拡張機能を使用すると、VSCode内で開いているHTMLファイルやWebアプリケーションから直接ブラウザを開くことができます。エクスプローラーから...
JavaScript(ジャバスクリプト) 【JavaScript】パラメータを使用してデータをエンコード・ハッシュ関数でハッシュ値を作成する
パラメータを使用してデータをエンコードしハッシュ値を計算してみます。ハッシュ値とは？「ハッシュ値」とは、ハッシュ関数を使用してデータを固定長の値に変換することで得られる値です。ハッシュ関数は、入力データの任意のサイズを受け取り、固定サイズの...
JavaScript(ジャバスクリプト) 【JavaScript】ハッシュ関数とハッシュ値についての基本
ハッシュ値とは？「ハッシュ値」とは、ハッシュ関数を使用してデータを固定長の値に変換することで得られる値です。ハッシュ関数は、入力データの任意のサイズを受け取り、固定サイズの出力であるハッシュ値を計算します。ハッシュ関数は、データの内容に基づ...
Windows(ウィンドウズ) 【sfc /scannow】 Windows イメージを修復する（システム ファイル チェッカー ツール）
sfc /scannow を使用して、Windows イメージを修復することができます。PCの調子が悪いときなどに試すことができます。sfc /scannowとは？「sfc /scannow」とは、Windowsオペレーティングシステムで使...
Windows(ウィンドウズ) 【DISM】 Windows イメージを修復する方法
DISM を使用して、Windows イメージを修復することができます。PCの調子が悪いときなどに試すことができます。DISMとは？DISMは、Windowsのディスクイメージサービス管理ツール（Deployment Image Servi...
Web(ウェブ技術関連) SSL（Secure Socket Layer）とは？プロトコルの情報暗号化技術について
SSL（Secure Socket Layer）とは？SSLとは、インターネット上で情報をやりとりする時に、情報を暗号化することで安全に送受信するための仕組みです。Secure Sockets Layerの略称で「SSL」と呼ばれています。...
JavaScript(ジャバスクリプト) 【JavaScript】オブジェクト・プロパティ・メソッド・値について
今回はJavaScriptの基本、オブジェクト・プロパティ・メソッドについて見ていきます。オブジェクトとは？JavaScript のオブジェクトは、データとメソッドをまとめたものです。オブジェクトは、変数や関数などのプロパティの集合です。オ...
JavaScript(ジャバスクリプト) 【JavaScript】図形の面積を計算する（Canvas）
JavaScriptで様々な図形の面積を計算する方法です。長方形の面積を計算する横 x 縦の値が返ります。// 長方形の面積を計算するfunction calcRectangleArea(width, height) {return wid...
jQuery（ジェイクエリ） 【jQuery】YubinBangoを使って住所自動入力フォームを作る
YubinBangoとは？YubinBangoは、郵便番号を入力すると自動的に住所を入力することができるjQueryプラグインです。以下は、YubinBangoを使用して住所自動入力フォームを作るための基本的な手順です。YubinBango...
jQuery（ジェイクエリ） jQuery – OpenWetherAPI【全世界の気象データを取得する】
OpenWetherAPIとは？OpenWeatherAPIは、天気情報を提供するAPIプロバイダーの1つです。このAPIを使用すると、世界中の場所の現在の天気、予報、気温、湿度、気圧などの情報を取得できます。また、歴史的な天気情報や、紫外...
JavaScript(ジャバスクリプト) DOMContentLoadedイベント／DOM操作の基本【JavaScript】
DOMとは？DOM（Document Object Model）は、HTMLドキュメントの構造を表す階層的なオブジェクトモデルであり、JavaScriptを使用してドキュメントの内容や構造を変更することができます。DOMの処理は次のような流...
VSCode(Visual Studio Code) 【VSCode】拡張機能「Prettier」で自動整形（フォーマット）する方法
Prettier（プリティア）とは？プリティアーとは、VSCodeで使える自動整形（フォーマット）の拡張機能です。以下のような特徴があります。独自のコードフォーマッター多くの言語をサポートほとんどのエディタと統合選択肢が少ない »以下に使い...
Looker Studio（ルッカースタジオ） 【Looker Studio】Looker Studio（ルッカースタジオ）の基本について – Part1
Looker Studio（ルッカースタジオ）とは？Looker Studio (以前の Google Data Studio／Googleデータポータル) は、ビジネスインテリジェンスツールの一部であり、データの視覚化や分析を簡単かつ柔軟...
jQuery（ジェイクエリ） 【jQuery】アニメーション作成の基本と７つの事例ついて
jQueryによるアニメーション作成jQueryを活用したアニメーションとして、フェードインやフェードアウトの仕組みやパララックスの機能、ローディングアニメーションなどがあります。今回は７つの活用事例についてご紹介します。フェードイン/フェ...
jQuery（ジェイクエリ） caught ReferenceError: $ is not defined
「$は定義されていません」というReferenceErrorが発生しました。jQueryを読み込んでいないこのエラーは、通常、jQueryを使用していないために発生します。$は、通常、jQueryのエイリアスとして使用されますが、jQuer...
JavaScript(ジャバスクリプト) 【JavaScript】Ajaxとは？（非同期的なJavaScriptとXML）
Ajaxとは？Ajaxとは、Asynchronous JavaScript and XML（非同期的なJavaScriptとXML）の略語で、Webページを更新するために必要な情報を取得するためのテクノロジーです。Ajaxを使用することで、...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part3）
前回の続きです。Contact Form 7で添付したファイルをLINE Notifyで送信します。前回までの内容はこちら▼GASに権限を承認するスクリプトの実行には権限が必要ですので、スクリプトを実行して権限を与えておきます。実行するとエ...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part2）
前回の続きです。Contact Form 7で添付したファイルをLINE Notifyで送信します。前回までの内容はこちら▼全体の流れJavaScript側のコードで、フォームデータに添付ファイルのデータを追加し、それをリクエストとして送信...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part1）
Contact Form 7で添付したファイルをLINE Notifyで送信する方法です。※画像送付はセキュリティの問題もあるので個人情報の運用などは特にご注意ください。Contact Form 7の添付ファイルは保存される？Contact...
JavaScript(ジャバスクリプト) 【JavaScript】マウス位置を取得するプロパティ（client・page・screen・offset）
マウスの位置を取得するJavaScriptでマウスの位置を取得するには、以下のようなプロパティを使用します。clientX, clientYpageX, pageYscreenX, screenYoffsetX, offsetY例えば、以下...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part3）
ダウンロードで関数を実行する前回、ダウンロードを実行できました。ファイルがダウンロードされましたが、中身は謎の状態になっています。こちらを調整していきます。CSVをリターンする前回のコードから追加します。function formatCsv...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part2）
CSVデータを作成する前回は作成した関数を実行することで、作成したHTMLテンプレートをモーダルダイアログとして表示できました。表示されたモーダルダイアログには、"ファイルダウンロード" というタイトルが表示されます。こちらにCSVダウンロ...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part1）
CSVでダウンロードしたいGASで特定のシートのデータをローカルにCSVファイルとしてダウンロードする方法です。ダイアログを作成するまず、GASのスクリプトを実行して直接ローカルにダウンロード（おそらく）できないようなので、一度ダイアログを...
GoogleCalender(グーグルカレンダー) Googleカレンダー「通常と異なるトラフィックが検出されました」
通常と異なるトラフィックが検出されましたこのページについてお使いのコンピュータ ネットワークから通常と異なるトラフィックが検出されました。このページは、リクエストがロボットではなく実際のユーザーによって送信されたことを確かめるものです。この...
WordPress(ワードプレス) 【Contact Form 7】ファイル添付機能の拡張子を制限する（WordPress）
Contact Form 7でファイル添付の拡張子を制限します。Contact Form 7でアップロードできるファイルの拡張子は？Contact Form 7では、様々な形式のファイルをアップロードできるようになっています。PDFは「この...
JavaScript(ジャバスクリプト) 【JavaScript】ボタンをクリックしたときに現在のパラメータを次のページに渡す
ボタンをクリックしたときに、現在のページのパラメータを次のページに渡したい。現在のページのパラメータを次のページに渡したい例えば、次のようなパラメータがあったとします。このページを開いたときに、次のページにパラメータを渡したい…。例えば、次...
WordPress(ワードプレス) 【WordPress】Contact Form 7でファイル添付機能を追加する方法
Contact Form 7 で画像ファイルを添付する機能を追加するためにはいくつかの手順を実行する必要があります。以下に、Contact Form 7に画像ファイル添付機能を追加する方法を示します。添付ファイルフィールドの追加フォームのテ...
GAS(GoogleAppsScript) 【GAS】LINE Notifyで画像を添付して送信する方法
Google Apps Scriptを使用して、LINE Notifyに画像を添付して送信してみます。LINE Notifyに画像を添付して送信するまずは、LINE Notifyを登録して、トークンを発行します。このあたりは過去に何度も書い...
VPS（Virtual Private Server） 【VPS】Let’s Encryptの証明書について｜Certbotインストール
VPSにSSL証明書をインストールする手順は次のとおりです。VPS上にApache、Nginx、または他のWebサーバーをインストールした後の流れです。SSL証明書を取得するまず、SSL証明書を取得する必要があります。証明書は、信頼できる認...
