スキルアップを始める!

2023-04

AI(エーアイ)

WebChatGPT|インターネットにアクセスできる ChatGPT

ChatGPTが2021年9月時点? 例えば「Google Chrome」のシェアを尋ねると、以下のように返ってきます。 「「Google Chrome」は世界で最も人気のあるブラウザの一つです。2021年9月時点で、全世界のデスクトップブ...
CSS(シー・エス・エス)

【CSS】美しいInstagramフォローボタンを作成する方法

以下は美しいInstagramフォローボタンのCSSデザイン例と設置方法です。 フォローする FontAwesomeを読み込む FontAwesomeをダウンロードするか、CDNから読み込みます。 <link rel="stylesheet...
JavaScript(ジャバスクリプト)

JavaScriptを使ったアニメーションの実装方法と3つの事例について

JavaScriptのアニメーションを作成することで、目を引くウェブサイトを作成することができます。以下は、人々を驚かせるかもしれない、いくつかのアイデアです。 サンプルページはこちら▼ JavaScriptの4つのアニメーション例 キャン...
GAS(GoogleAppsScript)

【GAS】Google Driveでスプレッドシートの自動バックアップを行うスクリプトを作る

GASを使ってGoogle Driveでスプレッドシートの自動バックアップを行うスクリプトを作ることができます。 Google Driveにあるフォルダにバックアップする Google Apps Script(GAS)を使用して、Googl...
Web(ウェブ技術関連)

デザイン専門用語30選【Webデザイン・WEBサイト制作】

Webデザインに関する専門用語をまとめました。 印刷に使われるCMYKやデジタル表示に使用されるRGB、画像を構成する最小単位のピクセル、画像の精細度を表す解像度など基本的な用語から、文字の微調整であるレタリングやキービジュアル、ブランディ...
PWA(プログレッシブウェブアプリ)

manifest.jsonとは?定義ファイルについて

manifest.jsonとは manifest.jsonは、Webアプリケーションやブラウザ拡張機能の開発に使用されるJSONファイルです。 このファイルは、アプリケーションまたは拡張機能の基本情報や設定、アイコンなどのリソースの場所を定...
GoogleDrive(グーグルドライブ)

diagrams.netとは?オンラインで無料で使えるフローチャートや図表作成ツール[PART1]

diagrams.netとは? diagrams.netは、オンラインで無料で使えるフローチャートや図表作成ツールです。下記のような図を作ることができます。 フロー図 UML ERD ネットワーク図 ビジネス手順モデル 組織図 回路図 ワイ...
WordPress(ワードプレス)

functions.phpを修正せずにWordPressサイトにコードを追加できるプラグイン「Code Snippets」

「Code Snippets」プラグインとは? 「Code Snippets」は、WordPressサイトにカスタム機能を追加するためのプラグインです。このプラグインを使用すると、ユーザーはWordPressのテーマファイルやプラグインファ...
AI(エーアイ)

ChatGPTのプラグイン機能!おすすめ10個と具体例について

以下は、ChatGPTでおすすめする ChatGPT のプラグイン機能と具体例です。 翻訳プラグイン 翻訳プラグイン 言語が異なる人とのコミュニケーションをスムーズに行うことができます。 例:「こんにちは」と入力すれば、自動的に相手の言語に...
WordPress(ワードプレス)

効果的なブログの書き方の参考になる10のフレームワーク

ブログを書くときには、以下のようなフレームワークが役立つことがあります。 PREPフレームワーク Point(ポイント)、Reason(理由)、Example(具体例)、Point(ポイント)の4つの要素を順に並べ、読者に伝えたいことをわか...
CSS(シー・エス・エス)

【CSS】margin: 0 autoが効かない?

margin: 0 autoが効かない? 要素を中央に配置するために、margin: 0 auto; を使ってもうまくいかない場合、次のような可能性があります。 要素がブロック要素かどうか 要素がブロック要素である必要があります。inlin...
WordPress(ワードプレス)

【Contact Form7】メールアドレスが正しいかどうか2回入力して検証するフォームを作成する

メールアドレスが正しいかどうか2回入力して、検証するフォームを作成します。 フィルターフックに追加する このコードは、Contact Form 7のバリデーションフィルタを追加するためのものです。functions.phpやスニペットに追加...
JavaScript(ジャバスクリプト)

JavaScript初心者必見!抑えておくべき10つのポイント

JavaScriptはWeb開発において重要なプログラミング言語であり、抑えておくべきポイントは多岐にわたりますが、以下にいくつか挙げてみます。 基本構文 基本構文:JavaScriptの基本的な構文を把握することが重要です。 変数の宣言方...
WordPress(ワードプレス)

【WordPress】ブログ投稿と連動してTwitterに自動投稿できる便利プラグイン|Blog2Social

「Blog2Social」というプラグインを使えば、WordPressのブログ投稿を自動的にSNSに投稿することができます。以下は、Blog2Socialの設定方法です。 プラグインのインストールと有効化 プラグインのインストールと有効化 ...
JavaScript(ジャバスクリプト)

UserAgent(ユーザーエージェント)とは?主要なブラウザのユーザーエージェントについて

UserAgent(ユーザーエージェント)とは? UserAgent(ユーザーエージェント)とは、WebブラウザやクローラーなどのHTTPクライアントが、サーバーに送信するリクエストヘッダーの一部です。この情報には、クライアントの種類、バー...
WordPress(ワードプレス)

【Contact Form 7】JavaScriptで送信ボタン押下時・送信成功時などの処理を設定する(DOM イベント)

Contact Form 7で送信ボタンを押した時、送信成功時などにJavaScript(DOM イベント)で処理を加える方法です。 今回はリダイレクトを設定してみます。 送信ボタン押下時(wpcf7submit) 条件に関係なく、Ajax...
GAS(GoogleAppsScript)

【GASを活用した業務改善】Google Apps Script (GAS) APIを活用した35の活用事例

Google Apps Script (GAS) APIは、Google Apps(Gmail、Googleドライブ、カレンダーなど)と連携して、カスタムスクリプトを作成するためのAPIです。以下は、GAS APIを活用した事例です。 自動...
GAS(GoogleAppsScript)

【Googleスプレッドシート】シート名をセルに表示させる方法(シート名参照カスタム関数)

「スプレッドシート シート名をセルに表示」と検索している方が多かったようですが、おそらくは、例えば「A1セルに現在のシート名を表示したい」といった意味…かな?と思います。 このカスタム関数が欲しいとなった場合は、、GoogleAppsScr...
WordPress(ワードプレス)

【WordPress】WEBページ内の自作フォームからGoogleフォームの回答に送信する|form action [PART1]

WordPressでページ内にフォームを作成し、そのフォームが送信された際にGoogleフォームの回答として送信する方法について。ページ内のフォーム送信時にGoogleフォームの回答に送信してみます。 form action について この...
JavaScript(ジャバスクリプト)

【JavaScript入門】JavaScriptを実行する方法 scriptタグの基本

scriptタグとは? JavaScriptを実行する方法として、scriptタグを使う方法があります。この方法は、Webページ内にJavaScriptコードを直接埋め込んで実行する方法です。 scriptタグを使用すると、HTMLのページ...
JavaScript(ジャバスクリプト)

JavaScriptで使用される主なaddEventListenerメソッド一覧

JavaScriptで使用されるaddEventListenerメソッドは、様々なイベントをリッスンすることができます。以下に一般的なイベントのリストを示します。 addEventListenerメソッドとは? addEventListen...
PWA(プログレッシブウェブアプリ)

PWA(Progressive Web Apps)とは?PWAのメリットや作り方について

PWA(Progressive Web Apps)とは? PWA(Progressive Web Apps)/プログレッシブウェブアプリは、Web技術を使用してネイティブアプリのような動作を実現することができるアプリです。 PWAは、以下の...
Marketing(マーケティング)

新規事業を立ち上げる際に抑えておきたい7つのフレームワーク【マーケティング】

ビジネスを成功させるために必要な7つのフレームワークを紹介します。これらのフレームワークを使えば、新規事業を立ち上げる際の成功への確率を高めることができます。ぜひ参考にしてみてください。 アイデアの検討 アイデアの検討新しいビジネスを始める...
WordPress(ワードプレス)

Contact Form7の送信時にGASとLine Notifyで通知を受け取る-Part4

WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。 Part3はこちら↓ yyyy/mm/dd形式に変換する Sat May 06 2023 00:00:00 GM...
AI(エーアイ)

NotionAIとChatGPTとの違いとは?

NotionAIとは? Notion AIとは、人工知能を活用した自然言語処理技術を使ったテキスト生成サービスです。このサービスを利用することで、文章の自動生成や自動翻訳などの機能を利用することができます。 ChatGPTとは? ChatG...
HTML(エイチティーエムエル)

HTMLのaタグの基本とアンカーの設定方法

HTMLのaタグとは? HTMLのaタグは、リンクを作成するために使用されます。HTMLでアンカー(特定の場所にジャンプするための場所を示す)を作成するために使用される要素です。 この要素は、id属性を持つ別の要素に対してハイパーリンクを作...
GAS(GoogleAppsScript)

【GAS】送信ボタンを押した際にフォームフィールドの値を送信する(Contact Form7)|e.parameter[‘your-text’];がundefinedになる

doPostのe.parameter;がundefinedになる e.parameter は、URL クエリパラメータを含むオブジェクトですが、Content-Type が application/x-www-form-urlencoded...
SEO(検索エンジン最適化)

【SEO対策】Google検索で上位に表示される30の方法

Google検索で上位に表示されるためには、以下のような方法があります。これらの方法を実践し、ユーザーにとって有用な情報やサービスを提供することが、Google検索で上位表示されるための重要なポイントとなります。 キーワードの選定 キーワー...
WordPress(ワードプレス)

Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part3

WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。 Part2はこちら↓ スプレッドシートの値を取得する 前回のままだと、通知を送る際のメッセージは、固定されたまま...
JavaScript(ジャバスクリプト)

JavaScriptを使用してスマートフォンとPCを判断する方法(User Agent・画面幅)

JavaScriptを使用して、スマートフォンとパーソナルコンピュータ(PC)を判断する方法はいくつかあります。以下は、よく使用される方法の一例です。 User Agentの検出 User Agentは、WebブラウザーがWebサーバーに送...
URLをコピーしました!