Tips

【簡単】GSAP使用時にConsoleに「GSAP Target not found.」と表示される時の対処法

【簡単】GSAP使用時にConsoleに「GSAP Target not found.」と表示される時の対処法

高機能でWebサイトのアニメーションに欠かせなくなってきたGSAPですが、指定しているセレクターが存在しない時以下のような忠告が表示されます。 エラーではないので、サイトが止まったり、他の関数に影響があるわけでもないので放っておいても支障はありませんが、少し気になる…。 そんなときの対処法をご紹介します。 仕様・要件 今回はscriptタグでCDNを読み込んでGSAPを使用していると仮定します。 […]

2024.03.09

Webコーディング

【あのmeta_queryが使える!】WPGraphQLでカスタムフィールドの入力値で絞り込みをする方法

【あのmeta_queryが使える!】WPGraphQLでカスタムフィールドの入力値で絞り込みをする方法

NuxtやNextなどのJSフレームワークを使用してサイトを作るときにヘッドレスCMSを使用することがほとんどかと思います。 WordPressではプラグイン「WPGraphQL」を使用すればヘッドレス化できるのですが、WordPressのmeta_queryのようにカスタムフィールドで絞り込みをすることはできません。 そこで、今回は「WPGraphQL」の拡張プラグインを使用してWordPres […]

2024.03.06

Webコーディング

【あのtax_queryが使える!】WPGraphQLでカスタムタクソノミーでの絞り込みをする方法

【あのtax_queryが使える!】WPGraphQLでカスタムタクソノミーでの絞り込みをする方法

NuxtやNextなどのJSフレームワークを使用してサイトを作るときにヘッドレスCMSを使用することがほとんどかと思います。 WordPressではプラグイン「WPGraphQL」を使用すればヘッドレス化できるのですが、WordPressのtax_queryのようにカスタムタクソノミーで絞り込みをすることはできません。 厳密にいうとタクソノミーから投稿を持ってくることはできますが、検索機能などを実 […]

2024.03.05

Webコーディング

【やっと見つけた】Threadsの公式ロゴデータってどこにある?ダウンロード方法を紹介

【やっと見つけた】Threadsの公式ロゴデータってどこにある?ダウンロード方法を紹介

InstagramやFacebookなどのSNSを手掛けるMeta社の新しいSNS「Threads(スレッズ)」。 情報発信に使う企業さんも多いことでしょう。 そしてWebサイトにThreadsロゴのリンクを掲載するのですが…。なかなか見つからない…。 Threadsのロゴデータ、どこにある? 結論、Metaの「ブランドリリースセンター」にあります。 ブランドリリースセンターにアクセス後、Inst […]

2024.03.02

SNS

【無料プランでも簡単】Vercelにお名前.comで取得したサブドメインを割り当てる方法

【無料プランでも簡単】Vercelにお名前.comで取得したサブドメインを割り当てる方法

こんにちは!Web it Worksの伊東です。 今回はVercelにお名前.comで取得、作成したサブドメインを割り当てる方法をご紹介します。 前提条件 今回はお名前.comで取得したサブドメインをVercel上で使用したいので、前提条件としては以下です。 Vercelは収益目的でなければ無料プランでも独自ドメインを割り当てられるので、今回は無料プランで独自ドメインを割り当ててみました。 ステッ […]

2024.02.29

Webコーディング

セレクトボックスとラジオボタンはどう使い分ける?

セレクトボックスとラジオボタンはどう使い分ける?

Web制作をしていると、フォームで選択肢のどれかひとつを選択して欲しいとき、セレクトボックスとラジオボタンの使い分けに悩むこと、ありませんか? 「他のサイトがそうしていたから」などといったなんとなくの感覚でフォームの形式を選んでしまっているのが正直なところ。 今回はそんなセレクトボックスとラジオボタンの使い分けに境界線をつけるべく、再度考えてみました。 セレクトボックスとラジオボタン、それぞれの特 […]

2023.07.29

Webコーディング

Web制作でFTPアップロードをFilezillaからGitデプロイに変更したことで変わったこと

Web制作でFTPアップロードをFilezillaからGitデプロイに変更したことで変わったこと

以前、GitプッシュでFTPアップロードをする備忘録を書いたのですが、Gitプッシュによるデプロイは非常に便利で「運用方法を変えて良かった」と思えることだったので、どこが良かったのかをご紹介します。 注意:あくまでもWeb制作のコーディング業務での運用になります。ITエンジニアの業務と使用方法が異なることがありますので他の情報も一緒に参照しながら導入を検討してください。 履歴を見ることができる G […]

2023.07.29

Webコーディング

【ほぼコピペ】GASを使って簡易メルマガを一斉送信しよう

【ほぼコピペ】GASを使って簡易メルマガを一斉送信しよう

Webサイトの仕事をしているとメール配信機能がないCMSやノーコードツールに出会うことが多々あります。 あったとしても機能が複雑だったり、英語がたくさんで目が回ってしまったり…。 そんな時は作ってしまえばいいのです。 今回はGoogleスプレッドシートとGoogleドキュメントを利用して簡易メルマガ一斉配信をする方法を紹介します。 必要なものと下準備 必要なものはパソコンとGoogle アカウント […]

2023.07.25

Web開発

SEOにも影響を与える「パンくずリスト」の作り方とその検証方法「リッチリザルトテスト」

SEOにも影響を与える「パンくずリスト」の作り方とその検証方法「リッチリザルトテスト」

サイト内のどのページにいるのかわからなくなった時、ありませんか? 基本、Webサイトには「パンくずリスト」というものが設置されており、それらが道標になっているのです。 ユーザーへの配慮として実装が推奨されており、現在ではSEOにも好影響を与えると言われています。 今回はそんなパンくずリストの作り方とその検証方法を紹介いたします。 そもそも「パンくずリスト」とは? 「パンくずリスト」とは、Webサイ […]

2023.07.18

SEO

商用完全無料で使えるアイコンサイト4選

商用完全無料で使えるアイコンサイト4選

Webサイトのデザインのクオリティを保ったままアクセシビリティを向上させるためにアイコンが使われることが多くありますが、皆さんはどのような基準でアイコンを選択しておりますでしょうか? 掲載されているアイコンの数だったり、デザインツールでプラグインが使えたりなどの利便性で選んだり… 今回はアイコンサイトを3つ紹介します。 Material Icons(1,300以上) Webサイト制作では王道となっ […]

2023.05.19

Webコーディング