JavaScript(ジャバスクリプト) 【JavaScript】パラメーターを保持したままリダイレクトする
特定のパラメーターを保持したままリダイレクトするために、JavaScriptを使用する方法は以下の通りです。このコードは、ブラウザの現在のURLからパラメーターを取得し、指定のパラメーターが存在する場合、新しいURLを構築し、そのパラメータ...
JavaScript(ジャバスクリプト) 
GoogleSpreadsheet(スプレッドシート) GoogleスプレッドシートでFILTER関数を使用して２・３個の複数条件を組み合わせる（Part2）
前回の続きです。GoogleスプレッドシートでFILTER関数を使用して複数の条件を組み合わせることもできます。設定次第で２つ３つと組み合わせることも可能です。以下は、FILTER関数を使用して複数の条件を持つ例です。FILTER関数とは？...
GoogleSpreadsheet(スプレッドシート) GoogleスプレッドシートでFILTER関数を使用して２～３個以上の複数条件を組み合わせる（Part1）
GoogleスプレッドシートでFILTER関数を使用して複数の条件を組み合わせることもできます。設定次第で２つ３つ、それ以上でも組み合わせることも可能です。以下は、FILTER関数を使用して複数の条件を持つ例です。FILTER関数とは？範囲...
Gmail(Gメール) Gmailを使うときの１０の便利技・機能について
Gmailを使うときの便利な技や機能を10個ご紹介します。ショートカットキーを使いこなすGmailには、さまざまなショートカットキーが用意されています。ショートカットキーを覚えておくと、マウス操作を減らして、より効率的にメールを処理できます...
PowerPoint(パワーポイント) 【PowerPoint】魅力的なプレゼンテーション：見やすいパワーポイントにするための10のポイント
PowerPointは効果的なプレゼンテーションを行うための強力なツールです。見やすさが欠けてしまうと効果が半減してしまいます。ここでは、魅力的で視覚的に分かりやすいパワーポイントプレゼンテーションを作成するための10のポイントを紹介します...
GAS(GoogleAppsScript) 【GAS】Notionのデータベースからデータを取得してGoogleスプレッドシートに書き込む(Part2)
Notionのデータベースからデータを取得するためのGoogle Apps Script関数を作ります。前回の続きです。前回からの続き前回、Notionのインテグレーション作成や連携を行いました。function getNotionDatb...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】エステの顧客管理システムのベースを構築する（参考例）
Googleスプレッドシートを使って、エステの顧客管理システムのベースを構築する方法の参考例をご紹介します。1. ヘッダー行を作成まず、顧客情報を入力するヘッダー行を作成します。以下のような項目を入力するとよいでしょう。顧客ID氏名性別生年...
CSS(シー・エス・エス) CSSのmargin（マージン）余白設定の基本的な使い方と参考例について
以下、marginの基本的な使い方と参考例です。margin（マージン）とは？CSSのmargin（マージン）は、要素の外側にスペースを追加するためのプロパティです。このスペースは、要素とその周囲の要素との間に配置されます。marginは、...
WordPress(ワードプレス) WordPressでページ内アンカーを設定する方法｜href=””
WordPressでページ内アンカーを設定したい場合は、ブロックエディターを使用して簡単に設定できます。アンカーとは？アンカー（Anchor）とは、ウェブページ内で特定の場所に直接ジャンプするためのリンクまたはマークのことを指します。アンカ...
Company(法人) 会社法とは？会社法の構成・8つの編について
会社法とは、株式会社や持分会社などの会社を設立し、経営するために必要なルールを定めた法律です。2005年に成立し、2006年5月1日に施行されました。会社法は、第1編「総則」から第8編「罰則」まで、8つの編で構成されています。第1編 総則第...
GAS(GoogleAppsScript) 【GAS】変数とは？文字列型変数（String）編
文字列型変数とは？文字列型変数は、テキストデータを格納するために使用され、テキスト処理に非常に便利です。GASで文字列型変数を使用する方法を以下に示します。1. 文字列の宣言と代入文字列型変数を宣言し、値を代入する方法です。var gree...
生成AI(エーアイ) 「Claude 2」とは？Anthropicが開発した生成AIチャット
Claude 2とはClaude 2は、Anthropicが開発した生成AIチャットです。日本語にも対応しており、さまざまな用途に利用できます。Claude 2の使い方Claude 2のウェブサイトにアクセスします。Googleアカウントで...
WordPress(ワードプレス) 【WordPress】フォームに入力された文字列がメールアドレス形式ではない場合にエラーが出て送信できないように制御する
入力された値がメールアドレス形式ではない場合にエラーが出て送信できないように制御したい場合は、正規表現を使用することで制御できます。input type="email"で制御される通常は、input type="email"でemail形式...
WordPress(ワードプレス) 【WordPress】CSSでチャットアプリ風UIを作る（Part2）
CSSでチャットアプリ風UIを作ってみます。CSSとHTMLとJavaScriptを使用してチャットアプリ風のUIを作成することは楽しいプロジェクトです。前回の続きです。JavaScriptで送信時にチャット風メッセージを表示する（おさらい...
WordPress(ワードプレス) 【WordPress】CSSでチャットアプリ風UIを作る（Part1）
CSSでチャットアプリ風UIを作ってみます。CSSとHTMLとJavaScriptを使用してチャットアプリ風のUIを作成することは楽しいプロジェクトです。うまく使えば、お問い合わせフォームなどにも活用できそうです。HTML部分を作成する基本...
GAS(GoogleAppsScript) 【GAS】new Date()の値をformatDateを使って曜日（月曜日、火曜日、水曜日、など）に変換する
new Date()のデータを取得するnew Date()でデータを取得すると「Sun Oct 22 18:08:36 GMT+09:00 2023」形式で値が返ります。function timeStamp() { var now = ne...
CSS(シー・エス・エス) 【CSS】ビューポートメタタグでスマホの画面を調整する｜いきなり画面がフォーカスを防ぐ
スマホで、inputテキストの入力時に、いきなり画面がフォーカスして入力しにくい動きが発生しました…！アプリと同じように、インプット入力時に自動的にズームにならないように制御してみます。フォーカスを制御するmetaタグ下記のように、ビューポ...
Google(グーグル) Googleマイマップを使って地図上に住所リストの住所をプロットする（便利）
Googleマイマップを使って、住所リストの住所を地図上にプロットする方法です。Google マイマップの新規作成方法Google マイマップの新規作成方法は、以下の手順で行います。パソコンで Google マップを開きます。左上のメニュー...
WordPress(ワードプレス) 【WordPress】Version 6.4 メジャーバージョンアップ！
WordPress 6.4は、2023年11月7日にリリースされたメジャーバージョンアップです。新機能や改善点は以下の通りです。WordPress6.4 新機能Twenty Twenty-Four テーマのリリースWordPress 6.4...
WordPress(ワードプレス) 【WordPress】プラグイン「Redirection」で正規表現を使ってリダイレクトするRedirect is returning a 404
「Redirection」プラグインは、WordPressでリダイレクトを設定するためのプラグインです。Redirectionプラグインには、正規表現を使ってリダイレクトを設定できる機能があります。※リダイレクトプラグインの正規表現は慎重に...
WordPress(ワードプレス) WordPressの最大アップロードファイルサイズを変更する｜Increase Maximum Upload File Size
WordPressの最大アップロードファイルサイズを変更するには、以下の手順に従うことができます。php.ini ファイルの編集php.ini ファイルを編集することで、最大アップロードファイルサイズを変更できます。php.ini ファイル...
CSS(シー・エス・エス) CSSとJavaScriptで画像が横スクロールするカルーセルスライダーを作る
CSSとJavaScriptを使用して、画像が横にスクロールするカルーセルスライダーを作成する方法を以下に示します。この例では、HTML、CSS、およびJavaScriptを使用して基本的なカルーセルスライダーを実装します。HTMLのセット...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part3）投稿名
WordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザ...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part2）日付と投稿名
WordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザ...
WordPress(ワードプレス) 【WordPress】パーマリンク設定変更は要注意！リダイレクトOKの場合とNGの場合を調べた（Part1）基本
ordPressのパーマリンク設定は、記事やページのURLを決める設定です。パーマリンクは、ユーザーがブログを訪問する際にURLを入力したり、検索結果からブログ記事やページにアクセスしたりする際に使用されます。そのため、SEO対策やユーザー...
GAS(GoogleAppsScript) 【GAS】UtilitiesクラスのformatDate()メソッドで日付オブジェクトを文字列に変換する
GASのUtilitiesクラスのformatDate()メソッドは、日付オブジェクトを文字列に変換する関数です。第三引数formatには、出力する日付のフォーマットを指定します。ISO 8601 形式Sun Oct 15 20:40:58...
GoogleChrome(グーグルクローム) 【Briskine Email Templates】Gmailのテンプレートを作成してメール作成を効率化できる拡張機能
Briskine Email Templates は、Google Chrome の拡張機能で、メールのテンプレートを作成して保存し、簡単に呼び出せるようにするものです。Briskine Email Templatesの使い方Google ...
Web(ウェブ技術関連) クッキー（Cookie）の仕組みについて – 作成や設定方法を解説
クッキー（Cookie）とは？クッキー（Cookie）は、ウェブブラウジング体験を向上させるための小さなデータの断片です。ウェブサイトがクライアントのウェブブラウザに情報を保存し、後で同じウェブサイトを訪れたときにその情報を取得するために使...
CSS(シー・エス・エス) 【CSS】1文字ずつバラバラにテキストアニメーションするCSS
CSSとアニメーションを使用して各文字を上から下へ1文字ずつ降ってくるアニメーションを作ります。 H e l l o , W o r l d ! .animation-container { position: relative; over...
SEO(検索エンジン最適化) 「noindex」タグとは？設定方法・noindexタグの書き方と注意点について
「noindex」とは？「noindex」とは、ウェブページにおいて検索エンジンによるインデックス（索引）作成を防ぐための指示です。この指示を使用すると、特定のウェブページが検索エンジンの検索結果に表示されなくなります。一般的に、noind...
