スキルアップを始める!

2024

WordPress(ワードプレス)

【WordPress】サイトヘルスステータスとは?サイトヘルス機能について

WordPressのサイトヘルス機能は、あなたのウェブサイトのパフォーマンスとセキュリティを最適化するための重要なツールです。このガイドでは、サイトヘルス機能を活用して、セキュリティ状態をチェックし、改善する方法を詳しく説明します。サイトヘ...
JavaScript(ジャバスクリプト)

【JavaScript】2次元配列とは?基本と使い方について例から解説

2次元配列は「表(ひょう)」のようなものです。具体的に言うと、行(ぎょう)と列(れつ)からできているデータの集まりです。例:学校のクラス名簿たとえば、学校のクラスの名簿を考えてみましょう。名簿には、生徒の名前、学年、出席番号が書かれています...
JavaScript(ジャバスクリプト)

【JavaScript】固定されたフッターボタンを画面がスクロールしている時に非表示にさせる方法

画面がスクロールしている時に固定されたフッターボタンを非表示にするには、JavaScript を使ってスクロールイベントを検知し、フッターボタンのスタイルを変更することができます。以下にその方法を示します。HTMLまず、固定されたフッターボ...
CSS(シー・エス・エス)

【CSS】固定フッターボタンを作成する方法

固定フッターボタンを作成するためのCSSを以下に示します。このCSSコードは、画面の下部に固定され、画面サイズに応じて適切に配置されるようにフッターを設計します。CSSコード /* フッターの全体スタイル */ .footermenu { ...
AI(エーアイ)

バイナリクロスエントロピーロス(Binary Cross-Entropy Loss、BCE Loss)とは?

バイナリクロスエントロピーロス(Binary Cross-Entropy Loss、BCE Loss)は、二値分類問題における損失関数(ロスファンクション)の一種です。これは、ニューラルネットワークが出力する確率と実際のラベルとの間の誤差を...
JavaScript(ジャバスクリプト)

ディープラーニングをJavaScriptで実装する

ディープラーニングをJavaScriptで実装してみます。JavaScriptライブラリであるTensorFlow.jsを使うと便利です。以下はその手順とサンプルコードです。ディープラーニングモデルとは?ディープラーニングモデルとは、人工ニ...
WordPress(ワードプレス)

WordPressで「Error establishing a database connection」が表示される場合の対処法

Error establishing a database connectionとは?Error establishing a database connectionThis either means that the username a...
WordPress(ワードプレス)

【WordPress】All-in-One WP Migrationの容量制限を解除する(Unlimited Extension)

今回は、All-in-One WP Migration Unlimited Extensionを実際に購入して活用した体験をもとに、有料プラグインの購入方法と使い方をご紹介します。All-in-One WP Migrationの容量制限Al...
Thunderbird(サンダーバード)

グローバル検索データベースの再構築(Thunderbirdの動作が遅いと感じる場合)

Thunderbirdの動作が遅いと感じる場合、グローバル検索データベースの再構築がひとつの対策となります。以下の手順に従うことで、パフォーマンスの改善が期待できます。Thunderbirdを終了するまず、Thunderbirdを完全に終了...
Google(グーグル)

独自ドメインのメールアドレスでGoogleアカウントを登録する方法

独自ドメインのメールアドレスでGoogleアカウントを登録する手順です。独自ドメインのメールアドレスとは独自ドメインの例をいくつか挙げます。これらは架空の例・一般的な形式です。@mybusiness.co.jp@personalblog.n...
GAS(GoogleAppsScript)

【Google Apps Script(GAS)】フォームからdoPost関数にパラメータを送り受け取ってレスポンスを返す

Google Apps Script(GAS)を使用して、フォームからdoPost関数にパラメータを送り、それを受け取ってレスポンスを返す方法について説明します。GASでWebアプリケーションを作成する際、doGetとdoPost関数は、H...
Notion(ノーション)

Notionを活用してSNS投稿スケジュールカレンダーを作成する

Notionを活用してSNS投稿スケジュールカレンダーを作成することは、コンテンツ計画と管理を効率的に行うための便利な方法です。Notionとは?Notionは、多機能なノートアプリであり、タスク管理、プロジェクト計画、データベース管理など...
English(英語)

シンプルな英会話フレーズとその意味(Part1)

今日は、日常生活で使える簡単な英会話フレーズを学びましょう。これらのフレーズを知っていると、英語でのコミュニケーションが楽しくなります。Hello / Hiこんにちは。英語で「こんにちは」は "Hello" または "Hi" と言います。例...
CSS(シー・エス・エス)

【CSS】::before と :before の違い

::before と :before の違いは、CSS の仕様変更によるものです。以下にその違いを説明します。::before新しい構文(CSS3以降)です。擬似要素を示します。::before を使うことで、要素の前にコンテンツを挿入しま...
PowerPoint(パワーポイント)

【PowerPoint】ライブプレゼンテーション機能で相手にスライドをリアルタイム表示させる方法

PowerPointのライブプレゼンテーション機能とは?PowerPointのライブプレゼンテーション機能は、プレゼンテーションをブラウザ経由で相手にリアルタイムで表示させるための便利なツールです。Microsoft Web版 Micros...
GoogleForm(グーグルフォーム)

【Googleフォーム】URLパラメータを使って初期値を設定する方法

GoogleフォームにURLパラメータを使って初期値を設定する方法について解説します。この方法を使うと、ユーザーがフォームを開いたときに特定のフィールドに初期値を自動的に設定できます。フォームを作成するまず、Googleフォームを作成し、必...
PWA(プログレッシブウェブアプリ)

PWA(プログレッシブ・ウェブ・アプリ)をオフラインで表示する(part2)

前回の続きです。オフライン対応したコードを見ていきます。コード全文以下はPWAのコードです。index.html: <h1>Hello, PWA!</h1> <p>This is my first Progressive Web App.<...
PC(パソコン)

Lenovo Legion Pro 5i Gen 8 メモリ換装方法

※メモリ換装は、自己責任の作業です。 手順を誤ると故障の原因となる可能性がありますので、自信が無い場合はLenovoサポートへ相談するか、専門家などに依頼すことをおすすめします。事前準備静電気防止対策として、作業前に金属製の物に触れて身体の...
PWA(プログレッシブウェブアプリ)

PWA(プログレッシブ・ウェブ・アプリ)をオフラインで表示する(Part1)

PWA(プログレッシブ・ウェブ・アプリ)をオフラインでも表示できるようにするためには、サービスワーカーを利用してアプリのリソースをキャッシュし、ネットワークに接続できない場合でもそのキャッシュを利用してアプリを表示するようにします。プロジェ...
JavaScript(ジャバスクリプト)

【JavaScript】要素が下からふわっと表示するアニメーションを実装する方法|Intersection Observer API

Webサイトのコンテンツをより魅力的にするために、アニメーションを使用するのは効果的です。今回は、JavaScriptとCSSを使用して、要素が画面に入ってきた時に下からふわっと表示されるアニメーションを実装する方法をご紹介します。HTML...
jQuery(ジェイクエリ)

【jQuery】外部リンクを無効化して内部リンク化する(すべてのアンカー要素の target 属性を空の文字列に変更する)

外部リンクを無効化して内部リンク化するためには、すべてのアンカー要素の href 属性を変更し、かつ target 属性を空の文字列に設定する必要があります。コード以下の例では、外部リンクを無効化するために、href 属性の値を # に変更...
AppSheet(アップシート)

【AppSheet】時刻の表示を「mm:ss」形式に替える方法

AppSheetで日付の表示を「mm:ss」の形式に切り替える方法は次のとおりです。データのカラム設定を変更するAppSheetアプリのエディタで、表示を変更したいテーブルに移動します。該当する日付フィールドのカラム設定にアクセスします。T...
JavaScript(ジャバスクリプト)

【JavaScript】リンクをクリックしたときにローディングアニメーションが表示されるようにしたい

ウェブサイトのユーザビリティを向上させる一つの方法として、ユーザーがリンクをクリックした際にローディングアニメーションを表示することがあります。これにより、ユーザーは次のページがロードされていることを認識でき、操作が反応していることが明確に...
JavaScript(ジャバスクリプト)

【JavaScript】ブラウザの戻るボタンと進むボタンを設定する

ブラウザの戻る・進むボタンをHTMLのボタンで表示し、画面の下部に固定したスマホ風UIを作成してみます。HTML部分以下のように実装します。<!-- ページコンテンツ --> <div class="navigation-buttons">...
Googleスプレッドシート

Googleスプレッドシートで仕事・作業の業務効率化をする5つの活用方法

Googleスプレッドシートは多くの業務で活用できる汎用的なツールです。以下、具体的な活用事例の一例です。売上管理商品ごとの売上実績を記録し、グラフ化して視覚的に分析できる支店別や営業担当者別の売上を一覧で管理できる【商品別売上実績の記録と...
WordPress(ワードプレス)

Google SpreadsheetとWordPressを連携できるSheets to WP Table Live SyncプラグインでWEBページにデータ表示する

Google SpreadsheetのデータをWordPressサイトに表示したい場合、「Sheets to WP Table Live Sync」プラグインがおすすめです。プラグインの主な機能【プラグインの主な機能】Google Spre...
Marketing(マーケティング)

Webマーケティングを行う際の10の施策例

Webマーケティングの各施策について、10の施策例を説明します。ターゲットの明確化 顧客ペルソナの作成が重要です。年齢、性別、興味関心、課題や目標などを詳細に設定します。ターゲット層の年齢、性別、居住地域、興味関心などを詳細に特定する例えば...
Notion(ノーション)

【Notion】Notionを仕事に活用するときの10のアイデア

Notionは非常に柔軟性の高いツールで、仕事のさまざまな側面に適用できます。ここに仕事でのNotion活用のアイデアを10個紹介します。Notionを仕事に活用するときのアイデアプロジェクト管理: プロジェクトの進捗状況を一元管理できるカ...
Marketing(マーケティング)

OEM(Original Equipment Manufacturer)とは?仕組みやメリットについて

OEMとはOEM(Original Equipment Manufacturer)とは、他社ブランドの製品を製造すること、またはその業務を行う企業のことです。日本語では「相手先ブランド名製造」や「納入先商標による受託製造」などと訳されます。...
CSS(シー・エス・エス)

【CSS】要素の範囲を超えた部分を非表示にする(切り取る)overflow: hidden

overflow: hiddenとはoverflow: hiddenは、CSSプロパティの1つで、要素の内容がその領域を超えた場合の動作を指定するものです。具体的には、以下のような効果があります。要素の範囲を超えた部分は表示されなくなる(切...
URLをコピーしました!