生成AI(エーアイ) 「Claude 2」とは？Anthropicが開発した生成AIチャット
Claude 2とはClaude 2は、Anthropicが開発した生成AIチャットです。日本語にも対応しており、さまざまな用途に利用できます。Claude 2の使い方Claude 2のウェブサイトにアクセスします。Googleアカウントで...
生成AI(エーアイ) 
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...
Job(仕事) 【採用を強化する施策】成功する採用戦略のカギになる20のポイント
優秀な人材を確保するために、採用力を強化するための10つのポイントと取り組むべきポイントを以下に示します。明確な求人要件の設定必要なスキル：プログラミング、プロジェクトマネジメント、財務分析など必要な経験：3年以上の関連業界での経験、リーダ...
Marketing(マーケティング) 戦略的思考のスキルを向上させるための60の質問(Part2)
以下は、さまざまな側面から戦略的思考を養うための質問30個です。資源最適化有限なリソースを最大限に活用するための方法は何ですか？予算削減時にどのように優先順位をつけますか？ブランディングブランドのイメージを強化するための方法は何ですか？ブラ...
Marketing(マーケティング) 戦略的思考のスキルを向上させるための60の質問(Part1)
以下は、さまざまな側面から戦略的思考を養うための質問30個です。目標設定今後の目標は何ですか？それらの目標を達成するために何をすべきですか？SWOT分析あなたの強みは何ですか？あなたの弱みは何ですか？機会と脅威は何ですか？競合分析競合他社の...
Firebase(ファイアベース) 【Firebase】Firebase Cloud Messaging（FCM）を使用してメッセージを送信する（Part1）
FCMは、モバイルアプリやウェブアプリなど、さまざまなプラットフォームでメッセージング機能を提供するGoogleのクラウドベースのソリューションです。Firebase Cloud Messaging（FCM）を使用してメッセージを送信する手...
Marketing(マーケティング) インターネットで収益を生み出すタイミングとは？ネットビジネスを始める時に抑えるポイント
インターネットで収益を生み出すタイミングは、多くの要因に依存しますが、以下にいくつか一般的なタイミングを紹介します。ニーズの発見と適切なタイミングインターネット上で成功するためには、人々のニーズや問題を正確に理解し、それに対する解決策や価値...
GAS(GoogleAppsScript) 【GAS】Notionのデータベースからデータを取得してGoogleスプレッドシートに書き込む(Part1)
このコードは、Notionのデータベースからデータを取得するためのGoogle Apps Script関数です。インテグレーションを作成するまずは、Notionの内部インテグレーションシークレットを取得するために、インテグレーションを作成し...
JavaScript(ジャバスクリプト) 【JavaScript】プログレスバー（進捗状況）をページに表示する方法
プログレスバーを作るプログレスバーが0％から100％までアニメーションで増加し、ボタンをクリックすることでプログレスバーの進行を開始できます。プログレスバーを作成する方法はいくつかありますが、以下に基本的なHTMLとCSSを使用して簡単なプ...
JavaScript(ジャバスクリプト) 【JavaScript】ボタンをクリックした時に処理が完了するまで再度ボタンを押せないようにしたい
ボタンを連打できないようにしたいボタンをクリックした時に処理が完了するまで再度ボタンを押せないようにするには、ボタンを非活性化（disabled）し、処理が完了した後に再度活性化させることができます。以下は、コードにボタンを非活性化および活...
Firebase(ファイアベース) 【GAS】Request failed for https://fcm.googleapis.com returned code 401. Truncated server response｜「INVALID_KEY」エラー 401
Google Cloud Messagingで以下のようなエラーが発生しました。Exception: Request failed for returned code 401. Truncated server response:認証エラー...
Web(ウェブ技術関連) 「フォロー」（follow）と「ノーフォロー」（nofollow）とは？
「フォロー」（follow）と「ノーフォロー」（nofollow）は、インターネット上のハイパーリンクに関する用語で、特に検索エンジン最適化（SEO）の文脈で使用されます。これらの用語は、ウェブページ上のリンクをどのように扱うかを決定します...
Firebase(ファイアベース) Firebase Cloud Messaging（FCM）を利用して特定のTokenにPush通知を送信する
Firebase Cloud Messaging（FCM）を利用して特定のTokenにPush通知を送信します。※前提としてプロジェクトなどを作成している状況からスタートしています。CDNを読み込むFirebaseを使用するためには、このC...
