ボックスの右上にSVG画像を背景に使用。 スタイルシートに下記のように指定して配置。 background-position : right top; 実際には位置を細かく調整して background-position […]
ウェブデザイン技能士1級実技試験対策[Windowsに試験時環境を作成する]
ウェブデザイン技能士検定1級の実技試験に向けて試験対策のために、試験会場で貸し出してくれるPCと同様の環境が作れるようにと、試験1か月前頃に申し込み時メールアドレス宛にVagrant/VirtualBOXによる仮想環境の […]
社内のローカルPC内webサーバーに他PCからドメインでアクセス
この記事は、社内の備忘録として運用していたblogからの転載。 顧客のデータを管理するために、社内用の顧客管理WEBシステムとして開発。 社内のマスターPCにxamppをインストールし、簡易にwebサーバー化。 そこに、 […]
無料のSSL証明書「Let’s Encrypt」のDNSチャレンジで、Google WorkspaceのDNSのTXTレコード設定方法
めちゃくちゃに長いタイトルになりましたけれど。。。 Google WorkspaceのDNSレコード設定でよく考えればわかるものの、表示の仕方の違いでトラップ感のあるハマり方をしたのでメモ。 ハマったことがある人にしかわ […]
ローカルから本番サーバーにデプロイでproduction.ERROR: Target class [xxxxxxx] does not exist.
ローカルサーバーにてLaravel開発をしていて、本番環境にいざデプロイ！ （このデプロイって言葉、いまだになれない。アップロード、アップとかそんな言い方もう古いの？） 今回sshも使えないコマンドも使えない、ログはどこ […]
Laravel6 多対多リレーションテーブルの更新でエラー
SQLSTATE[23000]: Integrity constraint violation: 1062 Duplicate entry Laravelで、多対多のリレーションテーブルの中間テーブルを更新しようとすると […]
Laravel 一覧ページの並び替えをcolumn-sortable使って簡単に追加
いやはや、今までフルスクラッチもしくは、巷で言われるオレオレフレームワークでしか構築したことがなかったのでLaravelの簡単便利さには驚いてばかりです。 はじめてのLaravelなので、調べるのに時間がかかっているけど […]
Laravel6 Laravel Mixでfontawesome5(SVG)を使えるように
Laravelフレームワークで作っているアプリにSNSアイコンを追加したく、fontawesomeをLaravel Mixを使ってインストールすることにした。 やり方が分からないので、Googleで検索するも、 よく見か […]
Laravel6＋jQuery「$ is not defined」のエラー
Laravel6にBootstrap、jQueryを入れたはずが、動作しない。 ReferenceError: $ is not defined という$がないっていう、jQueryファイルを読み込ませるのを忘れてたって […]
WordPressの翻訳データ(.mo)をアップデートに影響されず部分的にオーバーライドしたい
ECサイト作成のクライアント案件。 低予算で・・・というご希望で、WordpressのWelcartを利用することに。 Welcartは、WordpressにECサイトを簡単に構築できる便利すぎる有料プラグインです。 プ […]
Googleタグマネージャーで読了率と読了までの時間をトラッキングする方法
「読了率」とは、そのページの最後まで読んでもらうことができた確率のことです。 この記事では、Googleタグマネージャを利用して、読了とする条件に合致した場合にアナリティクスのイベントにページパスとページタイトル、そして […]
Mouseflow(マウスフロー)の登録方法からタグ設置までの手順
は、ヒートマップとセッションリプレイを搭載したWEB解析ツールです。 デンマーク製のクラウド型ツールで英語のみでの提供でしたが、2016年12月14日から日本公式代理店の株式会社APOLLO11によって日本語での利用が可 […]
Mouseflow(マウスフロー)をGoogleタグマネージャから設定する方法
Mouseflowはアクセスユーザーのマウスの動きを録画してくれるヒートマップツール ヒートマップツールとして語られることの多いですが、個人的にはMouseflowの値段の安さ(無料版もあります)と、閲覧者のページ内での […]
ユーザーのマウスの動きを録画するヒートマップツール「Mouseflow」のレコーディングが面白い
ヒートマップツールってご存知ですか？ ヒートマップツールは、WEBサイトの閲覧者のマウスの動きをキャッチして、クリックされた箇所やよく見られている箇所、離脱の多かった箇所などを、数値ではなくヒートマップで可視化してくれる […]
Kindle Fire HD 8とiPad Pro 10.5インチ勉強に使うならどっち!?
プログラミングやIT技術やIT系資格の勉強のために使おうと、書籍がたらふくたまってきました。 お家が狭いのでスペースがなく、かといって会社においておくと家で勉強ができない・・・・ そして何よりも、小さい子供がいて仕事をし […]
Googleタグマネージャで「どこまで読んでもらえたか」を見出し要素で計測する方法
一生懸命に記事を書いたりコンテンツを作り込んでサイトに公開した後、ちゃんと最後まで読んでもらえたかな・・・ってとても気になりませんか？ ページ内のコンテンツのどの辺まで見てもらえたかな？ 逆にページ内で離脱に繋がったセク […]
技術書・参考書はDRMフリーなPDFが一番！DRMフリーPDFの電子書籍が購入できるサイトまとめ
プログラミングやWEB系の技術を書籍を使って学習しようとするときにオススメしたいのが、購入者本人が利用する範囲であればコピーの制限がない「DRMフリー」のPDF版電子書籍を使った学習方法です。 この記事では、そんなフリー […]
技術書と電子書籍の相性が抜群すぎて学習が快適！特に忙しい人におすすめ！
子育て、仕事と毎日忙しく、プログラミング学習や新しい技術を学びたくても、日々をこなすことに精一杯でゆっくり学習の時間を取るなんてことが無理な状況な毎日。 子育てと目の前の仕事に奔走するので精一杯で勉強時間が取れず、焦りを […]
アニメーションでアルゴリズムが学べる「アルゴリズム図鑑」アプリがかなりおすすめ
アルゴリズムについて学ぶ簡単な方法はないか・・・と探していたところ、「アルゴリズム図鑑」なる素敵アプリに出会いました。 基本的な26のアルゴリズム＋7つのデータ構造をアニメーションで解説してくれます。 アルゴリズムの勉強 […]
Googleタグマネージャでh2・h3などの要素名(タグ名)が取得できない時の対処法
Googleタグマネージャでは、タグの要素名や属性の値なんかを簡単に取得できます。 アナリティクスと連携させて、タグマネージャで取得した上記値を、例えばイベントのアクションやラベルに投げてあげることで様々な計測が可能にな […]