PWA（プログレッシブウェブアプリ） Vercel上に環境構築したNext.jsでPWAを導入する｜nextjs-notion-starter-kit（Part1）
以下はVercel上にnextjs-notion-starter-kitを使用してNext.jsでPWAを導入する手順です。nextjs-notion-starter-kitとは？nextjs-notion-starter-kitは、Not...
PWA（プログレッシブウェブアプリ） 
WordPress(ワードプレス) 【WordPress】プラグインやテーマをロールバックできるプラグイン｜WP Rollback
WP Rollbackは、WordPressのプラグインのバージョンを過去の状態に戻すために使用されるプラグインです。通常、プラグインをアップデートすると、新しい機能や修正が導入されますが、一部の場合には新しいバージョンが互換性の問題や予期...
Looker Studio（ルッカースタジオ） 【Looker Studio】レポート画面の基本について -Part1
Looker Studioの基本的な画面要素について説明します。■レポートを作成するレポートの新規作成ナビゲーションバーから、作成→「レポート」、または「＋空のレポート」をクリックします。レポート編集画面が表示されます。メニューバーLook...
GAS(GoogleAppsScript) GAS（Google Apps Script）の function XXXXXX(e) の「e」とは？
関数定義 function XXXXXX(e) の「e」とは？GAS（Google Apps Script）における「e」は、イベントオブジェクト（Event Object）を表します。GASでは、特定のイベントが発生した際に関数が実行され...
JavaScript(ジャバスクリプト) 【JavaScript】画像のバイナリデータとは？JavaScriptで画像に変換する方法
画像のバイナリデータとは？画像のバイナリデータとは、画像をコンピュータで処理するために使用されるバイナリ形式のデータです。バイナリデータは、0と1のビットの組み合わせで表現される情報です。画像は、ピクセルと呼ばれる小さな点の集合体で構成され...
JavaScript(ジャバスクリプト) 【JavaScript】指定された時間の経過後に指定されたコードまたは関数を非同期に実行する｜setTimeout・setInterval
指定された時間の経過後に指定されたコードまたは関数を非同期に実行するには「setTimeout関数」「setInterval関数」が使えます。setTimeout関数とはJavaScriptのsetTimeout関数は、指定された時間の経過...
JavaScript(ジャバスクリプト) 【JavaScript】「スコープ」の基本と種類について
JavaScriptにおけるスコープは、変数や関数がどの範囲で参照可能かを定義します。以下に、JavaScriptにおける主なスコープの種類を説明します。グローバルスコープ（Global Scope）グローバルスコープ（Global Sco...
jQuery（ジェイクエリ） 【jQuery】URLパラメータ値でコンテンツの表示・非表示を切り替える方法
URLパラメータ値でコンテンツの表示・非表示を切り替えますURLからパラメータを取得するこの関数は、URLからパラメータを取得します。 <script src=""></script> <script> $(document).ready(...
Web(ウェブ技術関連) 拡張子（かくちょうし）とは？種類や一般的な拡張子の例について
拡張子（かくちょうし）とは？拡張子は、コンピュータ上でファイルの種類や形式を示すために使用される、ファイル名の末尾に付けられる文字列です。コンピュータでは、ファイルはバイナリデータ（0と1の組み合わせ）として格納されます。しかし、どのような...
SNS(ソーシャルネットワーキングサービス) SNSに投稿した画像にExif（イグジフ）は付加されている…？
今回は、写真撮影する際に付加されるExif（イグジフ）についてご紹介します。Exif（Exchangeable Image File Format）とは？Exif（Exchangeable Image File Format）／（イグジフ）...
Googleアナリティクス(GA4) 【GA4】ユーザー プロパティ（User Property）とは？
ユーザープロパティとは？GA4（Google Analytics 4）では、ユーザープロパティ（User Property）という概念があります。ユーザープロパティは、ユーザーに関する追加の情報を示す属性や特性のことです。これらのプロパティ...
Feature(特集記事) 格安SIMとは？格安SIMの選び方とオススメSIMについて
格安SIMとは？格安SIMは、大手キャリアと比べて月額料金が安い通信サービスです。データ通信量や通話料金の制限はあるものの、日常的な利用には十分な通信速度と通話品質を実現しています。格安SIMは、2010年代後半から急速に普及し、現在では多...
PowerAutomate(パワーオートメート) 【Power Automate】Gmailで新しいメールが届いたときにスプレッドシートに記録するトリガーを作る
Power Automateで「新しいメールが届いたとき(Gmail)」トリガーを使用してスプレッドシートに記録する自動化を設定してみます。フローを作成する（Gmail のメールを Google スプレッドシートに記録する）「My Flow...
Googleアナリティクス(GA4) 【GA4】ユーザーエンゲージメントとは？測定の指標や向上施策について
ユーザーエンゲージメントとは？ユーザーエンゲージメントとは、ユーザーがウェブサイトやアプリとどのようにやり取りしているかを測定する指標です。ユーザーがウェブサイトやアプリにどれだけ長く滞在したか、何ページを閲覧したか、何回ページを遷移したか...
CSS(シー・エス・エス) CSSの:has擬似クラス:not擬似クラスとは？
:has擬似クラス :not擬似クラスとは？CSSの:has擬似クラスは、指定されたセレクタに一致する要素の中で、特定の子孫要素を持つ要素を選択するために使用されます。CSSの:not擬似クラスは、指定された条件に合致しない要素を選択するた...
GoogleSpreadsheet(スプレッドシート) 【Google スプレッドシート】スプレッドシート独自関数について
Google スプレッドシートには、独自の関数がいくつかあります。これらの関数は、スプレッドシートをより効率的に使用したり、より複雑な計算をしたりするために使用できます。Google スプレッドシートで使用できる独自の関数以下は、Googl...
JavaScript(ジャバスクリプト) 【JavaScript】Cookieに値を保存する関数
JavaScriptを使ってCookieに値を保存するサンプルコードを作成してみます。※セキュリティやデータのサイズに注意しながら利用してください。document.cookiedocument.cookieを使うことで、cookieに値を...
Notion(ノーション) 【Notion】基本的な使い方や主な機能について
Notion（ノーション）とは？Notionは、テキスト、コード、画像、表、チャットなど、さまざまなコンテンツを1つの場所に集めて管理できるツールです。個人的なタスク管理やプロジェクト管理、チームでのコラボレーションなど、さまざまな用途に使...
PHP(ピーエイチピー) Laravel （ララベル）とは？PHPフレームワークLaravelの概要について
Laravel （ララベル）とは？Laravel（ララベル）は、PHPで開発されたオープンソースのウェブアプリケーションフレームワークです。Taylor Otwellによって設計・開発され、2011年に初めてリリースされました。Larave...
生成AI(エーアイ) ChatGPTで最新情報を取得する｜WebChatGPT：インターネットアクセス付きのChatGPT
ChatGPTの知識は2021年までのものである。「私の知識は2021年までのものであり、2023年の出来事については把握していません。」申し訳ありませんが、私の知識は2021年までのものであり、2023年の出来事については把握していません...
Blender(ブレンダー) 【Blender】人型モデル（人体）を作成する
Blenderで人体モデルを作成して服を着せるまでを作成していきます。キューブの位置を調整するまずは、最初から準備されているキューブの位置を調整します。XYZの位置を適度に調整します。編集モードに変更するモードを編集モードにすると、オブジェ...
HTML(エイチティーエムエル) 【HTML】HTMLコードのテンプレート（シンプル）
以下は、シンプルなウェブページのテンプレートの例です。このテンプレートは、ナビゲーションバー、ヘッダー、コンテンツエリア、フッターの基本的なセクションで構成されています。コピーして使用ください。HTMLコードのテンプレート1<!DOCTYP...
Vercel（ヴァーセル） Vercelとは？無料で使えるWEBサイトも作れるホスティングサービス
Vercelとは？Vercel（旧称：Zeit）は、静的ウェブサイトやシングルページアプリケーション（SPA）などのフロントエンドプロジェクトをホスティングするためのクラウドプラットフォームです。Vercelは、フロントエンド開発者がウェブ...
JavaScript(ジャバスクリプト) 【JavaScript】トークンを発行してメール認証する仕組みを作る(Part1)
トークンを発行してメール認証を行う仕組みを作るJavaScriptを使用してトークンを発行してメール認証を行う仕組みを作るためには、いくつかのステップを考える必要があります。以下に参考の流れを示します。ユーザー登録フォームを作成します。この...
WordPress(ワードプレス) 【WordPress】特定の固定ページのヘッダー画像や背景画像を変える（カスタムHTML）
WordPressで特定の固定ページの背景画像を変更する場合には、カスタムHTMLを使用して行うこともできます。特定のページのみにCSSが読み込まれるようにできる方法のひとつとして、覚えておくと便利です。カスタムHTMLブロックページエディ...
JavaScript(ジャバスクリプト) 【JavaScript】特定の要素の前に要素を挿入する｜parentNode.insertBefore
parentNode.insertBeforeJavaScriptで特定の要素の前に要素を挿入するには、次の手順で挿入できます。挿入元の要素を特定します。挿入先の要素を特定します。挿入したい新しい要素を、挿入先の要素の直前に配置します。具体...
WordPress(ワードプレス) 【WordPress】投稿一覧にアイキャッチ画像を表示させる｜PHP
WordPressの投稿一覧にアイキャッチ画像を表示させてみます。投稿一覧にアイキャッチ画像を表示させる投稿一覧に表示するアイキャッチ画像を追加するためのコードを追加します。以下のコードをfunctions.phpファイルに追加します。fu...
WordPress(ワードプレス) 【WordPress】投稿一覧に独自の列を追加するPHP
ワードプレスの投稿一覧画面に独自の列を追加表示してみます。投稿一覧とは？WordPressの「投稿一覧」とは、管理画面の「投稿」メニュー内に表示される投稿の一覧表示のことを指します。投稿一覧では、サイトに投稿された記事やコンテンツが一覧形式...
VSCode(Visual Studio Code) 【VSCode】拡張機能「open in browser」直接ブラウザを開くことができるおすすめの拡張機能
VSCodeでおすすめの「open in browser」という拡張機能があります。この便利な拡張機能を使用すると、VSCode内で開いているHTMLファイルやWebアプリケーションから直接ブラウザを開くことができます。エクスプローラーから...
JavaScript(ジャバスクリプト) 【JavaScript】パラメータを使用してデータをエンコード・ハッシュ関数でハッシュ値を作成する
パラメータを使用してデータをエンコードしハッシュ値を計算してみます。ハッシュ値とは？「ハッシュ値」とは、ハッシュ関数を使用してデータを固定長の値に変換することで得られる値です。ハッシュ関数は、入力データの任意のサイズを受け取り、固定サイズの...
