• Skip to primary navigation
  • Skip to main content

WEB RU!

ママWEBエンジニアの日常とウェブ制作のいろいろ。毎日ウェブってます。

  • Privacy Policy

PLESK

Pleskのアップデートエラー CentOS 8からAlmaLinuxへ移行

Pleskにアップデートエラーが出るようになり、PLESK 18.0.41からアップデートができなくなってしまいました。 ちょうどPHP8のコンポーネントも追加せねばならずなタイミングで、こちらもエラーで進めず、重いお尻 […]

IntelliJ IDE

【forMac】 IntelliJ IDEAのphp開発環境 with MAMP

開発環境を変更時の備忘録。 macOS Monterey IntelliJ IDEA MAMP MAMPをインストール 適宜MAMPをインストールしてください。 MAMPダウンロードfor Mac IntelliJ ID […]

PLESK

pleskのphp設定画面で追加ディレクティブにauto_prepend_fileの設定を記述している

Plesk環境でauto_prepend_fileの設定をする

auto_prepend_fileをPleskで管理しているサイトに設定しようとしてはまったので備忘録しておきます。 auto_prepend_fileってなんだ? auto_prepend_fileは、設定しておいたフ […]

IE11

正方形の描画エリアにsvgのパス図形が書かれたものが3つ並んでいる。一番左はパス図形がSVGの描画エリアの中央にあり、上下に余白がある。これが規定値であり、今回のエラーの原因。次に「xMidYMin」という属性値を付けたSVGの表示例。SVGの描画エリアの上辺にピッタリと配置され、下部の余白が大きく広がる。次に属性値「xMidYMax」を持たせた場合の表示例。SVGパス図形がSVGの描画エリアの下部に張り付き、上部に余白が広がる。

SVGを利用した背景がIE11で位置が中央にズレるときの対処法

ボックスの右上にSVG画像を背景に使用。 スタイルシートに下記のように指定して配置。 background-position : right top; 実際には位置を細かく調整して background-position […]

1級ウェブデザイン技能士検定

vagrant upが正常に終了し、仮想環境が構築された場合のコマンドプロントの表示

ウェブデザイン技能士1級実技試験対策[Windowsに試験時環境を作成する]

ウェブデザイン技能士検定1級の実技試験に向けて試験対策のために、試験会場で貸し出してくれるPCと同様の環境が作れるようにと、試験1か月前頃に申し込み時メールアドレス宛にVagrant/VirtualBOXによる仮想環境の […]

サーバー

社内のローカルPC内webサーバーに他PCからドメインでアクセス

この記事は、社内の備忘録として運用していたblogからの転載。 顧客のデータを管理するために、社内用の顧客管理WEBシステムとして開発。 社内のマスターPCにxamppをインストールし、簡易にwebサーバー化。 そこに、 […]

PLESK

無料のSSL証明書「Let’s Encrypt」のDNSチャレンジで、Google WorkspaceのDNSのTXTレコード設定方法

めちゃくちゃに長いタイトルになりましたけれど。。。 Google WorkspaceのDNSレコード設定でよく考えればわかるものの、表示の仕方の違いでトラップ感のあるハマり方をしたのでメモ。 ハマったことがある人にしかわ […]

Laravel

ローカルから本番サーバーにデプロイでproduction.ERROR: Target class [xxxxxxx] does not exist.

ローカルサーバーにてLaravel開発をしていて、本番環境にいざデプロイ! (このデプロイって言葉、いまだになれない。アップロード、アップとかそんな言い方もう古いの?) 今回sshも使えないコマンドも使えない、ログはどこ […]

Laravel

Laravel6 多対多リレーションテーブルの更新でエラー

SQLSTATE[23000]: Integrity constraint violation: 1062 Duplicate entry Laravelで、多対多のリレーションテーブルの中間テーブルを更新しようとすると […]

Laravel

Laravel 一覧ページの並び替えをcolumn-sortable使って簡単に追加

いやはや、今までフルスクラッチもしくは、巷で言われるオレオレフレームワークでしか構築したことがなかったのでLaravelの簡単便利さには驚いてばかりです。 はじめてのLaravelなので、調べるのに時間がかかっているけど […]

Laravel

Laravel6 Laravel Mixでfontawesome5(SVG)を使えるように

Laravelフレームワークで作っているアプリにSNSアイコンを追加したく、fontawesomeをLaravel Mixを使ってインストールすることにした。 やり方が分からないので、Googleで検索するも、 よく見か […]

Laravel

Laravel6+jQuery「$ is not defined」のエラー

Laravel6にBootstrap、jQueryを入れたはずが、動作しない。 ReferenceError: $ is not defined という$がないっていう、jQueryファイルを読み込ませるのを忘れてたって […]

Welcart

WordPressの翻訳データ(.mo)をアップデートに影響されず部分的にオーバーライドしたい

ECサイト作成のクライアント案件。 低予算で・・・というご希望で、WordpressのWelcartを利用することに。 Welcartは、WordpressにECサイトを簡単に構築できる便利すぎる有料プラグインです。 プ […]

Googleタグマネージャ

Googleタグマネージャーで読了率と読了までの時間をトラッキングする方法

「読了率」とは、そのページの最後まで読んでもらうことができた確率のことです。 この記事では、Googleタグマネージャを利用して、読了とする条件に合致した場合にアナリティクスのイベントにページパスとページタイトル、そして […]

Mouseflow

Mouseflow(マウスフロー)の登録方法からタグ設置までの手順

は、ヒートマップとセッションリプレイを搭載したWEB解析ツールです。 デンマーク製のクラウド型ツールで英語のみでの提供でしたが、2016年12月14日から日本公式代理店の株式会社APOLLO11によって日本語での利用が可 […]

Mouseflow

Mouseflow(マウスフロー)をGoogleタグマネージャから設定する方法

Mouseflowはアクセスユーザーのマウスの動きを録画してくれるヒートマップツール ヒートマップツールとして語られることの多いですが、個人的にはMouseflowの値段の安さ(無料版もあります)と、閲覧者のページ内での […]

Mouseflow

ユーザーのマウスの動きを録画するヒートマップツール「Mouseflow」のレコーディングが面白い

ヒートマップツールってご存知ですか? ヒートマップツールは、WEBサイトの閲覧者のマウスの動きをキャッチして、クリックされた箇所やよく見られている箇所、離脱の多かった箇所などを、数値ではなくヒートマップで可視化してくれる […]

技術書・書籍

Kindle Fire HD 8とiPad Pro 10.5インチ勉強に使うならどっち!?

プログラミングやIT技術やIT系資格の勉強のために使おうと、書籍がたらふくたまってきました。 お家が狭いのでスペースがなく、かといって会社においておくと家で勉強ができない・・・・ そして何よりも、小さい子供がいて仕事をし […]

Googleタグマネージャ

Googleタグマネージャで「どこまで読んでもらえたか」を見出し要素で計測する方法

一生懸命に記事を書いたりコンテンツを作り込んでサイトに公開した後、ちゃんと最後まで読んでもらえたかな・・・ってとても気になりませんか? ページ内のコンテンツのどの辺まで見てもらえたかな? 逆にページ内で離脱に繋がったセク […]

技術書・書籍

技術書・参考書はDRMフリーなPDFが一番!DRMフリーPDFの電子書籍が購入できるサイトまとめ

プログラミングやWEB系の技術を書籍を使って学習しようとするときにオススメしたいのが、購入者本人が利用する範囲であればコピーの制限がない「DRMフリー」のPDF版電子書籍を使った学習方法です。 この記事では、そんなフリー […]

  • 次のページへ 1
  • 次のページへ 2
  • Go to Next Page »

Copyright © 2025 WEB RU! All Rights Reserved.