詳細を見る

Web開発

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

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

詳細を見る

Webコーディング

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

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

詳細を見る

Webコーディング

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

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

詳細を見る

Webコーディング

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

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

詳細を見る

Web開発

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

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

詳細を見る

Webコーディング

JavaScriptのDOM操作、覚え方のコツ

コーディング初学者の方が難しいと感じる “JavaScript”。 HTML/CSSはマークアップだけだったのに、急に変数やら条件分岐、繰り返しなどのロジックが入ってきて混乱することでしょう。 そんなあなたのためにJavaScriptが楽しくなるちょっとしたコツを紹介します。 そもそもDOM操作って何？ JavaSciptではDOM操作という概念があります。 「DOM」とは […]

詳細を見る

Webコーディング

TwitterシェアボタンをJavaScriptで実装しよう【Vanilla JS】

現代のWebサイトには欠かせない「SNSシェア」。SNSの中でもTwitterは拡散力が大きく、WebサイトをTwitterにシェアしたい人はたくさんいます。 そこで、ページごとのURLやタイトルをTwitterにシェアするボタンの実装方法を紹介いたします。 TwitterのシェアURLの仕組み 基本的に、Twitterのシェアボタンはリクエストパラメータでツイートの内容を設定できます。 パラメー […]

詳細を見る

プログラミング

【Instagram Graph API】Google Apps ScriptでInstagramのフォロワー推移表を作成しよう！

こんにちは！ いつもご覧いただきありがとうございます。 Instagramの親会社のFacebookさんが提供している「Instagram Graph API」というものを発見しました。 なんだ、これでフォロワーの推移グラフ作れるじゃん！ ということで今回はGoogleスプレッドシートとGAS、Instagram Graph APIを使ってフォロワー推移グラフを作成しました。 APIの取得のための […]

詳細を見る

Webコーディング

WordPressでも利用可能「Zipaddr」で住所入力の手間を大幅削減！

こんにちは、Web it Works の伊東です。 今回は住所自動入力 JavaScript ライブラリ「Zipaddr」についてご紹介します。 導入方法 headタグ内に以下のコードを利用して読み込みます。 詳しくは提供者のサイトから。 そして入力フォームにそれぞれ指定されたidを振ります。 郵便番号：zip 都道府県：pref 市区町村：city 地域：area 番地：addr 郵便番号を３桁 […]