コピペでできる記事一覧

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

Web開発

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

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

SEO

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

サイト内のどのページにいるのかわからなくなった時、ありませんか? 基本、Webサイトには「パンくずリスト」というものが設置されており、それらが道標になっているのです。 ユーザーへの配慮として実装が推奨されており、現在ではSEOにも好影響を与えると言われています。 今回はそんなパンくずリストの作り方とその検証方法を紹介いたします。 そもそも「パンくずリスト」とは? 「パンくずリスト」とは、Webサイ […]
【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。
詳細を見る

Webコーディング

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

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

Webコーディング

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

Webサイトの制作において、JavaScriptで制御した挙動を保持しておきたいとき、ありませんか? JavaScriptでの制御はページ遷移後にブラウザバックするとデフォルトに戻ってしまうので、場合によってはユーザーのアクセシビリティを下げてしまうことも。 そこでCookieを利用することを提案します。 そんなCookieを手軽に扱えるのがJavaScriptライブラリ「jquery.cooki […]
【導入も簡単】WordPressでも利用できる「Zipaddr」で住所入力の手間を削減しよう!
詳細を見る

Webコーディング

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

入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。 そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。 実装例 Zippaddrを使用すると以下のような挙動になります。 「郵便番号」に任意の郵便番号を入力してみましょう。 郵便番号はハイフンがあってもなくても動きます。 See the Pen Untitled by Ito Hirok […]
【サンプルあり】スプレッドシートでGoogle検索のサジェストをリスト化しよう。
詳細を見る

Webマーケティング

【サンプルあり】スプレッドシートでGoogle検索のサジェストをリスト化しよう。

Webライティングやブログでコンテンツを作る際、SEOやユーザーの需要などの観点から検索サジェストを活用してキーワード選定される方も多いかと思われます。 また、検索サジェストを表示させるようなツールも多いけれど、有料だったり、そもそも社内でツールの許可が許されていないなどの制約があります。 そこで、無料で誰でも実装できるようにスプレッドシートを活用したサジェスト一覧作成方法を紹介します。 サンプル […]
WordPressをサブディレクトリにインストールする方法とその後にすべきこと
詳細を見る

Webコーディング

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

WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。 今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。 要件 今回はサーバーが用意されている前提で話を進めます。 サーバー要件(実際のものとは異なるので注意!) ドメイン https://example […]
Safariでサイトを開いたときにMaterial Iconsのアイコンが表示されない時の対処法
詳細を見る

Webコーディング

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

コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない!」といった問題に直面したことはありませんか? その問題、CSSに記述を追加するだけで対応できます! 前提条件 この記事を理解するにあたって アイコンフォントがきちんと読み込まれている Google Chromeでは表示されているが、Safariで表示されなくなった Bootstrapでもこの方法で治るかも(治らないか […]
【WordPress】カスタムフィールドこと始め。導入から出力までの5ステップを解説!
詳細を見る

Webコーディング

【WordPress】カスタムフィールドこと始め。導入から出力までの5ステップを解説!

WordPress実装には欠かせない機能「カスタムフィールド」。 カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。 今回はそんなカスタムフィールドの使い方の基礎を紹介します。 そもそもカスタムフィールドって何?という方は… そもそもカスタムフィールドとは?という方は以下のコンテンツをご覧ください。 カスタムフィールドの概要を […]
Google カレンダー と Google Apps Script(スプレッドシート)で稼働計算表を作ろう!
詳細を見る

Web開発

Google カレンダー と Google Apps Script(スプレッドシート)で稼働計算表を作ろう!

フリーランスをしていると時間単価でのお仕事や、工数の管理など、仕事の時間がどれだけあったのかを計算する場面が多く出てきます。 そんな時、どうしてますでしょうか? Google カレンダーを見てひとつひとつを計算していく スプレッドシートに稼働時間をメモして計算 こんなところでしょうか? Google カレンダーは文字列で検索できるものの、合計時間を出せなかったり、スプレッドシートはカレンダー機能が […]