Tips : PAGE2
詳細を見る
Webコーディング
【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。
近年、アニメーションを利用したリッチな表現のサイトが増えています。
動画をWebサイトに載せるのはサイトが重くなってしまったり、JavaScriptでのアニメーションは学習コストが高くなってしまう傾向にあります。
GIFも検討のはいいけれど、画質が悪いことも。
そこで、あらかじめアニメーションが施されたイラストをLottieFilesとしてダウンロードすることで簡単かつ軽量でW･･･
詳細を見る
Webコーディング
jquery.cookie.jsでCookieを手軽に扱う
Webサイトの制作において、JavaScriptで制御した挙動を保持しておきたいとき、ありませんか？
JavaScriptでの制御はページ遷移後にブラウザバックするとデフォルトに戻ってしまうので、場合によってはユーザーのアクセシビリティを下げてしまうことも。
そこでCookieを利用することを提案します。
そんなCookieを手軽に扱えるのがJavaScriptライブラリ「jq･･･
詳細を見る
Webコーディング
みていて楽しい、おしゃれなWebデザインギャラリーサイト3選
Web制作の仕事をしている人なら一度は閲覧したことがある「Webデザインギャラリー」ですが、どのようにして選んでおりますでしょうか。
更新頻度や機能性はもちろん、「おしゃれさ」にも注目してみませんか？
今回はセンスが光るおしゃれなWebデザインギャラリーを紹介します。
MARP
Web制作会社「M-HAND」が手掛けるサイト
Web制作会社の「M-HAN･･･
詳細を見る
Webコーディング
【導入も簡単】WordPressでも利用できる「Zipaddr」で住所入力の手間を削減しよう！
入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。
そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。
実装例
Zippaddrを使用すると以下のような挙動になります。
「郵便番号」に任意の郵便番号を入力してみましょう。
郵便番号はハイフンがあってもなくても動きます。
See the P･･･
詳細を見る
Webマーケティング
無料で導入できるWebサイト解析ツール3選
皆さん、Webサイトの「改善」行っていますでしょうか？
改善をするためには改善をするための「根拠」が必要です。
根拠は「データ」に基づきます。
つまり、改善にはデータが必要。
だからと言って、解析ツールは高価なものが多く、限られた予算では導入ができないなんてことも…。
今回は無料で高機能な分析ができる分析ツールとその活かし方を3つ紹介します。
その･･･
詳細を見る
Webマーケティング
【サンプルあり】スプレッドシートでGoogle検索のサジェストをリスト化しよう。
Webライティングやブログでコンテンツを作る際、SEOやユーザーの需要などの観点から検索サジェストを活用してキーワード選定される方も多いかと思われます。
また、検索サジェストを表示させるようなツールも多いけれど、有料だったり、そもそも社内でツールの許可が許されていないなどの制約があります。
そこで、無料で誰でも実装できるようにスプレッドシートを活用したサジェスト一覧作成方法を紹介しま･･･
詳細を見る
Webコーディング
WordPressをサブディレクトリにインストールする方法とその後にすべきこと
WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。
今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。
要件
今回はサーバーが用意されている前提で話を進めます。
サーバー要件（実際のものとは異なるので注意！）
･･･
詳細を見る
Webコーディング
Safariでサイトを開いたときにMaterial Iconsのアイコンが表示されない時の対処法
コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない！」といった問題に直面したことはありませんか？
その問題、CSSに記述を追加するだけで対応できます！
前提条件
この記事を理解するにあたって
アイコンフォントがきちんと読み込まれている
Google Chromeでは表示されているが、Safariで表示されなくなった
Boot･･･
詳細を見る
Webマーケティング
次世代のB2Bマーケティングフレームワーク「SAVE」とは？4Pとどう異なる？
Web制作をしていると、クライアントの企業、製品・サービスに対して、マーケティングや経営戦略のフレームワークを利用することがあります。
「4P」「4C」といった手法を用いて、企業や製品・サービスを分析していきます。
そんな中でも「現代版4P」と呼ばれている「SAVE」という分析手法を見つけました。
そんな「SAVE」について徹底調査してみました。
「SAVE」とは？
･･･
詳細を見る
Webマーケティング
【MEO】データから見るGoogleマップ。その可能性を徹底調査しました。
今となっては地図の概念を変える存在となった「Googleマップ」。
お店を探す際にお世話になっている方も多いのは言うまでもありませんね。
今回はそんなGoogleマップをデータから調査してみました。
世界で10億人を超えるユーザーに使用されている
Googleマップの提供元はみなさんご存知、Google。
Googleの検索エンジン自体はよく使われているのは承知･･･
