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

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

Web制作

2023.07.29

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

以前、GitプッシュでFTPアップロードをする備忘録を書いたのですが、Gitプッシュによるデプロイは非常に便利で「運用方法を変えて良かった」と思えることだったので、どこが良かったのかをご紹介します。 https://creators.pino-holdings.com/github-ftp-automation/ 注意：あくまでもWeb制作のコーディング業務での運用になります。I

Web制作

2023.07.29

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

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

開発

2023.07.25

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

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

Web制作

2023.07.18

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

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

Web制作

2023.05.19

【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。

近年、アニメーションを利用したリッチな表現のサイトが増えています。 動画をWebサイトに載せるのはサイトが重くなってしまったり、JavaScriptでのアニメーションは学習コストが高くなってしまう傾向にあります。 GIFも検討のはいいけれど、画質が悪いことも。 そこで、あらかじめアニメーションが施されたイラストをLottieFilesとしてダウンロードすることで簡単かつ軽量でW

Web制作

2023.05.11

jquery.cookie.jsでCookieを手軽に扱う

Webサイトの制作において、JavaScriptで制御した挙動を保持しておきたいとき、ありませんか？ JavaScriptでの制御はページ遷移後にブラウザバックするとデフォルトに戻ってしまうので、場合によってはユーザーのアクセシビリティを下げてしまうことも。 そこでCookieを利用することを提案します。 そんなCookieを手軽に扱えるのがJavaScriptライブラリ「jq

Web制作

2023.05.10

【導入も簡単】WordPressでも利用できる「Zipaddr」で住所入力の手間を削減しよう！

入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。 そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。 実装例 Zippaddrを使用すると以下のような挙動になります。 「郵便番号」に任意の郵便番号を入力してみましょう。 郵便番号はハイフンがあってもなくても動きます。 See the Pen

Web制作

2023.05.02

WordPressをサブディレクトリにインストールする方法とその後にすべきこと

WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。 今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。 要件 今回はサーバーが用意されている前提で話を進めます。 サーバー要件（実際のものとは異なるので注意！） ドメイン

Web制作

2023.03.17

Safariでサイトを開いたときにMaterial Iconsのアイコンが表示されない時の対処法

コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない！」といった問題に直面したことはありませんか？ その問題、CSSに記述を追加するだけで対応できます！ 前提条件 この記事を理解するにあたって アイコンフォントがきちんと読み込まれているGoogle Chromeでは表示されているが、Safariで表示されなくなったBootstrapでもこの方法

Web制作

2023.03.10