EGUWEB.JP -9ページ目

【Premiere Pro】ジェットカット（ジャンプカット）を一瞬で行う方法

最近のPremiere Proのアップデートによって、カット作業が驚くほど簡単になりました。特に、ジェットカット（ジャンプカット）が一瞬で行える新機能について、詳しくご紹介します。

以下の手順に従って、効率的にカット作業を行いましょう。

ジェットカットとは？

ジェットカットとは、時間軸を意図的に飛躍させる編集手法のこと。シーンの異なる部分を繋ぎ合わせることで、時間経過を短縮したり、視聴者に驚きや緊張感を与えたりすることができます。

映画やミュージックビデオ、テレビ番組など、様々な作品で効果的に使われているテクニックです。

動画をPremiere Proにインポート

まず、ジェットカットを行うためのクリップをタイムラインに配置しましょう。

編集したい動画ファイルをPremiere Proにドラッグ＆ドロップして、タイムラインに配置します。

動画を選択

タイムライン上の動画クリップをクリックして選択します。

選択されたクリップに対して、次の操作を行う準備をします。

ウィンドウメニューから「テキスト」パネルを開く

画面左上のメニューから「ウィンドウ (Window)」を選択し、そのドロップダウンメニューから「テキスト (Text)」パネルを選びます。

これにより、文字起こし機能が利用可能になります。

「文字起こし」タブを選択

テキストパネル内で「文字起こし (Transcription)」タブを選択します。

このタブでは、音声をテキストに変換するための設定を行います。

「インとアウトポイントを自動設定」をオンにする

文字起こしパネルで「アウトポイントを自動設定 (Set Out Points Automatically)」をオンにします。

この設定により、カットするべきポイントを自動的に検出できるようになります。

「語間」オプションをチェック

「語間」オプションを有効にします。

この機能がオンになると、音声がない部分が自動的に識別され、カットの対象となります。

一時停止の長さを調整

必要に応じて、「文字起こし表示オプション (Transcription Display Options)」を開き、「一時停止の最小長さ (Minimum Pause Length)」を調整します。

一般的には0.1秒がおすすめです。この設定を行うことで、カットの精度が向上します。

「削除」ボタンをクリック

文字起こしパネル内の「削除 (Delete)」ボタンをクリックし、「全て削除 (Delete All)」を選択します。

これで、検出された余白部分が一括で削除され、カット作業が大幅に短縮されます。

【AppSheet】シンプルなメモ帳アプリを作る（Part3）Call a script

AppSheetのAutomation機能を使って、Google Apps Script（GAS）を呼び出す方法を検証します。GASを使うことで、Google Workspaceアプリケーションとの連携やカスタムロジックの実行が可能になります。

GASプロジェクトの作成

まず、GASプロジェクトを作成します。以下の手順で進めてください。

Google Apps Scriptにアクセスします。

「+ 新しいプロジェクト」をクリックします。

プロジェクト名を「helloLogger」などに変更します。

以下のようなコードをエディタに貼り付けます

function helloLogger() {
  Logger.log("Hello, Logger!");
}

「プロジェクトを保存」をクリックします。

GASを呼び出すAutomationを設定

アプリエディタで、左側メニューの「Automation」をクリックします。
「+ New Bot」をクリックし、新しいボットを作成します。

When this EVENT occurs

exelogといったEVENT occursのnameを設定します。

Run this PROCESS:(Call a script)

Run this PROCESS:をCall a scriptに設定します。

Function Nameには、スクリプト内の関数を設定します。

Actionsの作成

実行したいアクションを作成します。

AppSheetエディタで、左側メニューの「Actions」をクリックします。

「+Add a new action」をクリックします。

アクションの設定を行います。

「For a record of this table」：アクションを実行するテーブルを選択します。

「Do this」：アクションの種類を選択します（例：「Data: set the values of some columns in this row」）。

「Set these columns」：変更する列とその値を設定します。

例えば、Set these columnsに[トリガー] + 1とすることで、値に1を加算できます。

アクションに名前を付け、保存します。ボタンを押すと、Actionsが実行されます。

値が1増えました。

【AppSheet】シンプルなメモ帳アプリを作る（Part1）アプリを作成する

AppSheetでメモアプリを作る

AppSheetは、ノーコードでアプリを作成できるツールです。ここでは、AppSheetを使ってシンプルなメモ帳アプリを作成を方法を説明します。

メモ帳アプリの基本機能

メモの作成
メモの編集
メモの削除
メモの検索

このような機能を想定します。

データベースの準備

まず、Googleスプレッドシートを使ってメモのデータベースを準備します。以下のようなスプレッドシートを作成します。

シート名は「メモ」などを設定しておきます。

AppSheetでアプリを作成する

スプレッドシートの拡張機能から「AppSheet」を選択します。

「アプリを作成」を選択します。

アプリが作成されました。

ステップ2: テーブルの設定

「メモ」テーブルを表示します。

データソースとしてAppSheetが自動的にテーブル構造を認識しています。

ビューの設定

「Views」タブで、新しいビューを作成します。

ビュータイプを「Table」に設定し、データソースを「メモ」テーブルにします。

必要に応じて、ビューの名前や表示項目を設定します。

メモの作成・編集・削除

AppSheetは自動的に「Add」「Edit」「Delete」アクションを生成します。

これらのアクションをカスタマイズする場合は、「Behavior」タブで設定を変更できます。

【Google Apps Script (GAS)】Gmailのトリガーがあと何回実行できるか

Google Apps Script (GAS)を使用してGmailのトリガーを実行する際に、あと何回実行できるかを知るためには、GASのクォータ情報を確認し、残りの実行回数を計算する必要があります。以下に、GASのクォータ情報と残りの実行回数を取得する方法を説明します。

GASのクォータ情報

GASにはさまざまなクォータがありますが、特に重要なのは以下のクォータです：

メール送信の受信者数: 無料アカウントでは1日あたり100人、Google Workspaceアカウントでは1日あたり1,500人まで。
トリガーの合計実行時間: 無料アカウントでは1日あたり90分、Google Workspaceアカウントでは1日あたり6時間

Google サービスの割り当て | Apps Script | Google for Developersdevelopers.google.com

残りのメール送信回数を取得する方法

GASでは、MailApp.getRemainingDailyQuota()メソッドを使用して、残りのメール送信回数を取得できます。このメソッドは、当日の残りのメール送信回数を返します。

サンプルコード

以下のコードは、残りのメール送信回数をログに出力する例です。

function logRemainingEmailQuota() {
  var remainingQuota = MailApp.getRemainingDailyQuota();
  Logger.log('Remaining email quota: ' + remainingQuota);
}

この関数を実行すると、残りのメール送信回数がログに出力されます。

残りのトリガー実行回数を計算する方法

トリガーの実行回数を管理するためには、スクリプトプロパティを使用して実行回数をカウントし、クォータに基づいて残りの実行回数を計算します。

サンプルコード

以下のコードは、トリガー実行回数をカウントし、残りの実行回数を計算する例です。

function countTriggerExecutions() {
  var scriptProperties = PropertiesService.getScriptProperties();
  
  // 実行回数を取得
  var executionCount = scriptProperties.getProperty('executionCount');
  if (!executionCount) {
    executionCount = 0;
  }
  
  // 実行回数を数値に変換
  executionCount = parseInt(executionCount, 10);
  
  // トリガーのクォータ（無料アカウントの場合）
  var triggerLimit = 90; // 分
  
  // 残りの実行時間を計算
  var remainingExecutions = triggerLimit - executionCount;
  
  // 残りの実行時間をログに出力
  Logger.log('Remaining trigger executions (minutes): ' + remainingExecutions);
  
  // 実行回数をインクリメント
  executionCount++;
  
  // 実行回数を保存
  scriptProperties.setProperty('executionCount', executionCount);
  
  // 必要な処理をここに記述
  if (remainingExecutions <= 0) {
    Logger.log('Trigger execution limit reached.');
    // 追加の処理（例: 管理者に通知）
  }
}

この関数をトリガーとして設定することで、実行回数を管理し、クォータに達した場合に適切な処理を行うことができます。

【Google Apps Script (GAS)】 Gmailのトリガーがあと何回実行できるか確認する｜getRemainingDailyQuotaメソッド | EGUWEB(エグウェブ)Google Apps Script (GAS)を使用してGmailのトリガーを実行する際に、あと何回実行でき

eguweb.jp

【Premiere Pro】背景透明で書き出す方法｜アルファチャンネル

Premiere Proで作成した動画を、背景透明で書き出す方法について説明します。

エクスポート設定

タイムラインから透明背景の素材を選択して、メニューから「書き出し」を選択します。

「書き出し設定」ダイアログが表示されたら、以下の設定を確認および変更します。

プリセット（形式）

「QuickTime」または「GoPro CineForm」を選択します。

ビデオコーデック

ビデオコーデック: 「アニメーション」または「GoPro CineForm RGB 12-bit with alpha」など、アルファチャンネルをサポートするコーデックを選択します。

チャンネル設定:

「ビデオ」タブを選択し、「ビット数」オプションで「8bpg + アルファ」を選択します。

【WordPress】Contact Form 7／JavaScriptで選択した金額を計算する

WordPressでContact Form 7を使って金額を計算し、その情報を処理するための手順です。プランやオプションを含めた注文金額の計算をJavaScriptで実装する方法です。

完成形の説明

フォーム: Contact Form 7を使って、プラン、オプション、のフィールドを追加します。
JavaScript: JavaScriptを使って、ユーザーがプランやオプションを選択したり、注文個数を入力したりするたびに注文金額を計算し、表示します。

プラン・オプションを修正する（パイプ）

前回のままだと、金額がそのまま表示されているので少し修正したいですね。

| の記号で区切ることで、表示部分のテキストと、オプションのvalueを変えることができるようです。便利ですね。

<p>お名前 (必須)
    [text* your-name] </p>

<p>メールアドレス (必須)
    [email* your-email] </p>

<p>プラン (必須)
    [select* yourplan include_blank "1000円プラン|1000" "2000円プラン|2000" "3000円プラン|3000"]
</p>

<p>オプション</p>
<p>
    <label>[checkbox* youroption1 use_label_element "500円オプション|500"]</label><br>
    <label>[checkbox* youroption2 use_label_element "1000円オプション|1000"]</label><br>
    <label>[checkbox* youroption3 use_label_element "1500円オプション|1500"]</label>
</p>

<p>[submit "送信"]</p>

このフォームでプランとオプションを選択すると、選択したプランとオプションの合計金額を表示するようにJavaScriptを追加します。

以下は、JavaScriptを使用した方法です。

JavaScript コード

このJavaScriptコードは、プランとオプションを選択すると、選択したプランとオプションの合計金額をログで表示します。

document.addEventListener('DOMContentLoaded', function() {
  var plan = document.querySelector("select[name='yourplan']");
  var options = [
    document.querySelector("input[name='youroption1']"),
    document.querySelector("input[name='youroption2']"),
    document.querySelector("input[name='youroption3']")
  ];

  function calculateSum() {
    var planPrice = parseInt(plan.value) || 0;
    var optionPrice = 0;

    options.forEach(function(option) {
      if (option && option.checked) {
        console.log('Option value:', option.value); // 各オプションの値をログに出力
        optionPrice += parseInt(option.value) || 0;
      }
    });

    console.log('planPrice :', planPrice);
    console.log('optionPrice:', optionPrice);
    var total = planPrice + optionPrice;
    console.log('合計金額:', total);
  }

  // プランが変更されたときのイベントリスナー
  plan.addEventListener('change', calculateSum);

  // 各オプションチェックボックスにイベントリスナーを追加
  options.forEach(function(option) {
    if (option) {
      option.addEventListener('change', calculateSum);
    }
  });

  // 送信ボタンがクリックされたときのイベントリスナー
  document.querySelector("input[type='submit']").addEventListener('click', function(event) {
    event.preventDefault(); // フォームの送信を防ぐ
    calculateSum(); // 合計金額を計算
  });
});

前回の部分から、増えた選択肢（オプション）を追加しています。

JavaScriptの解説（DOMの読み込みを待つ）

document.addEventListener('DOMContentLoaded', function() {

この行は、DOMコンテンツが完全に読み込まれた後に関数を実行することを意味します。

変数の定義

  var plan = document.querySelector("select[name='yourplan']");
  var options = document.querySelectorAll("input[name='youroption[]']");

plan は、プランを選択するためのselect要素を取得します。
options は、オプションのチェックボックスをすべて取得します。

【WordPress】Contact Form 7 で選択した金額の計算をJavaScriptで実装する手順(Part2) | EGUWEB(エグウェブ)WordPressでContact Form 7を使って金額を計算し、その情報を処理するための手順です。プラン

eguweb.jp

【WordPress】「Allowed memory size of *** bytes ...

php.iniの設定

memory_limit の値が低すぎる可能性があります。

php.ini ファイルで memory_limit を確認し、必要に応じて増やしてください。

memory_limit = 256M

などと設定します。

通常、レンタルサーバーの管理画面内などに設定がありますが、不明な場合はホスティング業者や詳しい人に聞いてみましょう。

※設定は慎重に行ってください。

.htaccessファイルでの設定

.htaccessファイルに以下の行を追加して、PHPのメモリリミットを増やすこともできます。

php_value memory_limit 256M

wp-config.phpでの設定

WordPressの設定ファイルであるwp-config.phpに以下の行を追加して、メモリリミットを増やすことができます。

define('WP_MEMORY_LIMIT', '256M');

プラグインの問題を確認

特定のプラグインがメモリを大量に消費している場合があります。以下の手順で問題のプラグインを特定します。

WordPressの管理画面にログインします。
プラグインを一つずつ無効にして、エラーが解消されるか確認します。
問題のプラグインが特定されたら、そのプラグインのアップデートや、代替のプラグインを探します。

テーマの問題を確認

テーマもメモリを大量に消費することがあります。テーマを一時的にデフォルトのテーマ（例：Twenty Twenty-One）に変更して、エラーが解消されるか確認します。

※操作は慎重に行ってください。

【WordPress】「Allowed memory size of *** bytes exhausted」というエラーが出た場合の対処法 | EGUWEB(エグウェブ)php.iniの設定 memory_limit の値が低すぎる可能性があります。 php.ini ファイルで

eguweb.jp

reCAPTCHAとは？reCAPTCHAの種類と設定について（v2）チェックボックス

reCAPTCHAは、ウェブサイトがスパムや悪意のあるボットから保護するためのツールです。Google reCAPTCHAにはいくつかのバージョンがあり、それぞれ異なる方法でユーザーを確認します。

www.google.com

reCAPTCHAの種類（v2）チェックボックス・インビジブル

Google reCAPTCHA v2 チェックボックス
- ユーザーが「私はロボットではありません」というチェックボックスをクリックして確認します。
Google reCAPTCHA v2 インビジブル
- ユーザーの行動を分析し、ユーザーに何も表示しないか、疑わしい場合にのみ確認を求めます。

設定項目の意味

あなたのreCAPTCHAサイトキー
- サイトキーは、あなたのウェブサイトがreCAPTCHAを利用するためのキーです。GoogleのreCAPTCHA管理コンソールで取得できます。
あなたのreCAPTCHAのシクレットキー
- シークレットキーは、サーバー側で使用するキーで、Google reCAPTCHAサービスとの通信を認証します。これもreCAPTCHA管理コンソールで取得します。

設定手順

Google reCAPTCHA管理コンソールにアクセスし、サイトを登録します。
サイト登録後、サイトキーとシークレットキーが発行されます。
ウェブサイトのreCAPTCHA設定欄に、取得したサイトキーとシークレットキーをそれぞれ入力します。

コード例

以下は、Google reCAPTCHA v2 チェックボックスのHTMLとJavaScriptの実装例です。

    <form action="your_backend_script" method="POST">
        <div class="g-recaptcha" data-sitekey="あなたのreCAPTCHAサイトキー"></div>
        <br>
        <input type="submit" value="Submit">
    </form>

注意点

reCAPTCHAとは？reCAPTCHAの種類と設定について（v2）チェックボックス・インビジブル | EGUWEB(エグウェブ)reCAPTCHAは、ウェブサイトがスパムや悪意のあるボットから保護するためのツールです。Google reC

eguweb.jp

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

固定フッターボタンを作成するためのCSSを以下に示します。このCSSコードは、画面の下部に固定され、画面サイズに応じて適切に配置されるようにフッターを設計します。

CSSコード

    /* フッターの全体スタイル */
    .footermenu {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
      background-color: #4CAF50; /* フッターの背景色 */
    }

    /* 各リンク（ボタン）のスタイル */
    .footermenu a {
      flex: 1;
      padding: 10px;
      color: white;
      text-align: center;
      background-color: #4CAF50;
      border: none;
      cursor: pointer;
      font-size: 16px;
      text-decoration: none;
    }

    /* リンクにアイコンを含める場合のスタイル */
    .footermenu a .icon {
      display: block;
      font-size: 24px;
      margin-bottom: 5px;
    }

    /* ホバー時のスタイル */
    .footermenu a:hover {
      background-color: #45a049;
    }

フッター全体のスタイル設定

/* フッターの全体スタイル */
.footermenu {
  position: fixed; /* フッターを画面の下部に固定 */
  bottom: 0; /* 画面の下端に配置 */
  left: 0; /* 画面の左端に配置 */
  width: 100%; /* フッターを画面全幅に設定 */
  display: flex; /* フレックスボックスレイアウトを使用 */
  background-color: #4CAF50; /* フッターの背景色 */
}

この部分のコードでは、フッターを画面の下部に固定し、幅を100%に設定して画面全幅に広げています。また、フレックスボックスレイアウトを使用して、内部の要素を横並びに配置しています。

各リンク（ボタン）のスタイル設定

/* 各リンク（ボタン）のスタイル */
.footermenu a {
  flex: 1; /* 各リンクを同じ幅に設定 */
  padding: 10px; /* 内側の余白を設定 */
  color: white; /* 文字色を白に設定 */
  text-align: center; /* テキストを中央揃え */
  background-color: #4CAF50; /* リンクの背景色 */
  border: none; /* ボーダーをなしに設定 */
  cursor: pointer; /* カーソルをポインターに変更 */
  font-size: 16px; /* フォントサイズを設定 */
  text-decoration: none; /* テキスト装飾をなしに設定 */
  display: flex; /* フレックスボックスレイアウトを使用 */
  flex-direction: column; /* 縦に要素を並べる */
  align-items: center; /* 要素を中央揃え */
  justify-content: center; /* 要素を中央揃え */
  transition: background-color 0.3s ease; /* 背景色の変更をスムーズに */
}

この部分のコードでは、リンク要素をフレックスアイテムとして扱い、中央揃えにしています。また、背景色、文字色、フォントサイズなどを設定しています。

リンクにアイコンを含める場合のスタイル設定

/* リンクにアイコンを含める場合のスタイル */
.footermenu a .icon {
  display: block; /* ブロック要素として表示 */
  font-size: 24px; /* アイコンのフォントサイズを設定 */
  margin-bottom: 5px; /* 下に余白を設定 */
}

この部分のコードでは、アイコンをブロック要素として表示し、フォントサイズと余白を設定しています。

ホバー時のスタイル設定

/* ホバー時のスタイル */
.footermenu a:hover {
  background-color: #45a049; /* ホバー時の背景色を変更 */
}

この部分のコードでは、リンクにマウスを乗せた時に背景色が変わるように設定しています。

メディアクエリでのレスポンシブデザイン

/* メディアクエリでのレスポンシブデザイン */
@media (max-width: 600px) {
  .footermenu a {
    font-size: 14px; /* フォントサイズを小さく設定 */
  }

  .footermenu a .icon {
    font-size: 20px; /* アイコンのフォントサイズを小さく設定 */
  }
}

この部分のコードでは、画面幅が600px以下の場合にフォントサイズとアイコンサイズを小さくするように設定しています。

【CSS】固定フッターボタンを作成する方法 | EGUWEB(エグウェブ)固定フッターボタンを作成するためのCSSを以下に示します。このCSSコードは、画面の下部に固定され、画面サイズ

eguweb.jp

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

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

Thunderbirdを終了する

まず、Thunderbirdを完全に終了させます。

タスクバーのThunderbirdアイコンを右クリックし、「終了」を選択します。または、Thunderbirdウィンドウの右上にある「×」ボタンをクリックして閉じます。

プロファイルフォルダを開く

次に、プロファイルフォルダの場所を確認します。

通常、以下のパスにあります。

C:\Users\(ユーザープロファイル名)\AppData\Roaming\Thunderbird\Profiles\(ランダム文字).default

※AppDataフォルダは隠しフォルダなので、表示設定を変更して隠しファイルを表示する必要があります。

隠しファイルを表示する設定 (Windowsの場合)

エクスプローラーを開きます（Winキー + E）。
上部の「表示」タブをクリックします。
「表示」タブ内の「オプション」をクリックし、「フォルダーオプション」ウィンドウを開きます。
「表示」タブを選択し、「隠しファイル、隠しフォルダー、および隠しドライブを表示する」にチェックを入れます。
「OK」をクリックして設定を保存します。

プロファイルフォルダの場所を開く

エクスプローラーに以下のパスを入力してアクセスします：

C:\Users\(ユーザープロファイル名)\AppData\Roaming\Thunderbird\Profiles\

(ユーザープロファイル名)の部分は、あなたのWindowsのユーザー名に置き換えます。
プロファイルフォルダには、通常「(ランダム文字).default」というフォルダがあります。このフォルダを開きます。

global-messages-db.sqliteファイルを削除

プロファイルフォルダ内にあるglobal-messages-db.sqliteファイルを見つけます。
このファイルをフォルダ内から削除（移動）します。

※ファイル自体を削除するとファイルが消滅するので、マイドキュメントなど、ひとまず別のフォルダに移動しておいた望ましいです。

なお、こちらの処置によってメールソフトがクラッシュする可能性もありますので、操作は慎重に行ってください。自信が無い場合は、詳しい方にお願いする方が安全です。

Thunderbirdを再起動する

Thunderbirdを再起動します。
Thunderbirdが起動すると、自動的にグローバル検索データベースの再構築が開始されます。

データベースのサイズが15GBから1.18MBに縮小し、容量が改善されました。

グローバル検索データベースの再構築（Thunderbirdの動作が遅いと感じる場合） | EGUWEB(エグウェブ)Thunderbirdの動作が遅いと感じる場合、グローバル検索データベースの再構築がひとつの対策となります。以

eguweb.jp