エンジニア– category –

概要 クライアント様より、「サーバを復旧できるように、バックアップをとってほしい」とのご要望がありましたので、その方法を記載します。 環境 転送元：先方のサーバCentOS release 6.8 (Final)rsyncコマンドが使用できない（未インストール） 転送先：...

【GA4 × Google スプレッドシート】データ自動取得フローまとめ 🎯 実現できること Google Analytics 4（GA4）のイベントデータを 毎日自動でスプレッドシートに出力 できます。 Apps Script と Google Cloud の「サービスアカウント」を使う構成で、手動実...

「事前設定」と「フェーズ2特有の設定」に分けて記述。 ■「事前設定」　どの案件でも必須の汎用的な設定。 ■「フェーズ2特有の設定」　「事前設定」を設定した上で、フェーズ2の環境を構築するための設定。 事前設定（github） フェーズ2関連のファイルがg...

概要 なりすましメールの対策「送信ドメイン認証」について、まとめました。 送信ドメイン認証 SPF（Sender Policy Framework） IPアドレスを利用して受信したメールの送信元が詐称されていないかどうかを確認する仕組み。 メール送信時に利用するサーバの...

構築前に 構築時のバージョンなど OS：Windows 11 Home バージョン22H2MAMP：5.0.6PHP：8.3.1 事前準備 Laravelを使うために必要なもの。これらの準備も手順に含まれています。 MAMP コマンドプロンプト テキストエディタ PHP Composer 構築手順 Laravelを...

初期設定 セキュリティ設定 ルートアカウントはGoogle Authenticato‪r‬（Google 認証システム）を使用して、二段階認証をかけておく。 左記の認証システムを使用してIAMでMFAを追加する デバイス名は任意の名称でOKただし、Google Authenticato‪r‬に表示さ...

デザイン全般 先方校正修正の指示内容から変えた場合は、その理由をDirさん・先方へ伝える。 彩醒シリーズの正式な商品名例）　coyori 彩醒 クリームcoyoriと彩醒の間に半角スペース　彩醒とクリームの間に半角スペース 注釈の位置について 先方が指定して...

Google広告とは Google 広告とは、Google が提供するさまざまなサービスに広告を配信できる広告プラットフォームです。 Google 広告の仕組み Google 広告は、1つのアカウントの中で複数のキャンペーンを作成し、1つのキャンペーンにつき複数の広告グループ...

概要 既存顧客に新キャンペーンスタートのお知らせをするために、キャンペーン開始月の月初に配信する。 また、キノスラが作成したメルマガを転用して、先方が別日に配信するメルマガを作成している。 そのため、コーディングの際は極力見やすく、わかりや...

先方支給依頼が必要なもの 指示書受領時にご支給いただくもの 指示書 流用データ JIMOS様の制作物スケジュール(あれば) デザイン初稿確認時にご支給いただくもの コード表 デザイン最終確認時にご支給いただくもの URL description アンカー指示 リンク チ...

納品対象 メルマガと同内容のLP（「メールがみれない方はこちら」のリンク先となるページ） 配信ツール「WEBCAS」への登録 メルマガの頻度 月2～3本程度 作業手順 全体フロー 1. 要件確認 デザイナーから連携されたアセット・モックを確認。モックの内容に...

概要 目的：キナリ 読み物のワードプレスを脆弱性（ワードプレスバージョン最新化、PHPバージョン最新化）対応 サーバーは新規契約し、読み物のデータをコピーしたものを新規ワードプレスで構築し、各バージョンアップし、最終的にはDNS切り替えする。 （D...

件名は先方が設定されるため、キノスラでの登録不要

概要 キノスラテストサーバーについて、お名前ドットコムからさくらのクラウドのネームサーバーに切り替えた際の備忘録です。 切替方法 参考文献 https://ite.cexen.info/%E3%81%95%E3%81%8F%E3%82%89%E3%81%AE%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E3%81...

概要 Let'sEncryptの「ワイルドカード証明書」は、「通常の証明書」よりも自動更新の設定が困難なため、設定方法を記載します。[背景]・キノスラでは、vhostを使用して、マルチドメインに対応したテスト環境を構築している。・テスト環境は、無料のSSL証明...

前提 デザインはオリジナルではなく、基本的に公式が公開しているシェアボタンを使用する。 既にサイト内にボタンが設置･運用されている場合はそちらから流用する。 事前確認 エンジニア シェアボタンの実装に問題がないか具体的に確認 実装の際、知見のあ...

参考記事 お名前.comでサブドメインを発行記事https://www.onamae.com/column/domain/49/#article6_0 さくらのVPS設定マニュアル 参考記事 https://poyoon.com/kusanagi-for-wordpress-install-and-provision/https://kusanagi.tokyo/kusanagi8/document/k...

環境構築 dockerを利用する https://www.docker.com/ https://www.docker.com/ docker you are not allowedというエラーが表示されたら 管理者としてコマンドプロンプトを起動して、下記のコードを実行する※windows 10 homeの場合 net localgroup docker-u...

GA4とBig Queryを連携して出来ること 生データを直接分析できるようになる Big Queryを連携するとサンプリングを回避した集計されていないデータを分析できるので、精緻なデータ分析が可能になる。また、通常14ヵ月しか見れないデータをBig Queryにエクス...

開設 chromeの拡張 下記の拡張をいれておくと、確認等が便利になります。 Tag Assistant Legacy (by Google)→サイト内で使用されているGTMやGA4などのプロパティがわかりますhttps://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjn...

GA4のClickの計測 基本的な設定方法 https://www.powerweb.co.jp/column/ga4-linkclick.htm 色々な値を取得する方法 例えば、クリックした要素の親のclass名https://www.hit-mall.jp/blog/management/column-057.html 計測に任意のデータを持たせる方法（...

開発環境の構築 MANPの設定 https://www.udemy.com/course/backend-tutorial/learn/lecture/23810492 SQLクライアント https://www.udemy.com/course/backend-tutorial/learn/lecture/25428042 プラグインの設定 PHPhttps://www.udemy.com/course/backend-...

カテゴリ別ランキングの設定方法 https://faq.future-shop.jp/hc/ja/articles/4419637746713 重要：レコメンドカテゴリ設定 料金プラン https://www.future-shop.jp/function/construction/recommend.html

TDK すべて先方からの指定あり。要確認。 デザイン 具体的なデザインのご要望がある。お戻しが2度以上発生する可能性がある。 追加要望の際の再見積もりは、デザイン･コーディング･ディレクションすべての追加工数を確認。日程調整も都度確認。 コーディン...

商品詳細(ブブコン)のコーディング 実際の品番に対して調整を行う場合、事前に作業のタイミングを摺り合わせる。 する蔵(基幹システム)から一定期間で上書きされる可能性がある。先方の更新対応が入る可能性がある。 楽天の施策時期(スーパーセール等)は特...

Microsoft Clarity（https://clarity.microsoft.com/） について、ヒートマップやレコーディングを確認する際、特殊なバグ（仕様？）が発生しましたので、解決方法を記載します。（根本的な原因は不明） 前提 ・シュゼット様のサイト環境にてバグが発生し...

URLパラメータ設定 【広告コード】LINE･メルマガ メルマガ：?advc=mail LINE：?advc=line 例：https://www.tofu-moritaya.com/ext/campaign/cp2306/index.aspx?advc=mail&utm_source=moritaya&utm_medium=mail&utm_campaign=mailmagazine-2023...

年間スケジュール リリーススケジュール https://docs.google.com/spreadsheets/d/1F4HcjrZZkjlB4TiayZEpVdbZ1cmYNnMnPuohHD1VC3o/edit#gid=217759149 先方入力：A-H列自動入力：I-N列 余裕があるタイミングで、キノスラ側が逐次下記のように更新していま...

概要 WPの導入確定後、確認が必要な項目をまとめました。（都度確認が必要な内容も記載しています。） 導入編 事前確認 マルチサイト化が必要か ■phpmyadminでのバックアップについて 　基本的に「DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT / TRI...

本記事の目的 ・ワードプレスで検索機能をプラグインなしで作成したので、似たような案件に対応できるよう備忘録として記載する。 作成した成果物 スクロール様のCPで検索機能を構築https://www.scroll.jp/ 画像は検索結果一覧ページとなります。 作業内容...

historyってなにができるの？ VSCODE拡張機能のhistoryを使って、VSCodeの作業履歴を自動で保存することできます。つまり自動でバックアップファイルが生成されるので、手戻り防止やバックアップ忘れを防ぐことができます。万が一の命綱になるので、設定を...

配信スケジュール登録 配信スケジュール確認 盛田屋様が作成される配信スケジュールを、各月のメルマガスプレッドシートにて確認https://docs.google.com/spreadsheets/d/1XWAshXNjHqMGAfrCbr_EveL5gJGwx5odY1oSKw-0Xs8/edit#gid=1193186098 Redmine登録 ...

本件記載の経緯 jsファイル(data_val)の先祖返り キャンペーンのjsファイル更新時、本来であればjsファイルとスプレッドシートの両方を更新し、同期・最新化しておくべきところ、jsファイルのみを更新し、スプレッドシート更新作業に漏れが生じてしまった...

WPセキュリティ覚書 参考： https://knowledge.cpi.ad.jp/security-info/211/ https://kosaeru.net/memo/wordpress-security-header/ https://qiita.com/hirai-11/items/f4d81f27886b623c5ef0 完全にゼロからオリジナルテーマを作成する場合は、下記記事参...

■SSLの有効期限確認方法　本環境は、WAFが設定されているため、通常URLではブラウザ左上の鍵マークから　サーバーSSLの有効期限が確認できない。（WAFの有効期限が表示されてしまう）　WAFを通さず、サーバーのIPを直接開けば、ブラウザの鍵マークで確認が...

SFTPってなにができるの？ VSCODE拡張機能のSFTPを使って、保存したファイルを自動的にFTPサーバにアップロードできます。つまりローカルでデータを作成したものをFTPのサーバーにアップロードする時、わざわざ手動でアップロードボタンを押さなくても良い...

基本情報 ・基本的にはbscstmを使用しての構築 ・sassを用いてのcss構築 ・sassには_end.scssとitem.scssを毎回使用 ・本店を構築し、先方からOKが出てから楽天→Yahoo店の順に構築していく。（OKが出ていないうちに他モールを構築してしまうと、修正が入っ...

コレクションの作成方法 参考URL:https://help.shopify.com/ja/manual/products/collections/automated-collections/auto-create 商品管理＞コレクション＞コレクションを作成する １．タイトルにカテゴリ名を記入 ２．コレクションの種類は「自動」を選択...

トップページの編集 外観＞ウィジェット＞トップページ上部（大）＞レイアウトビルダー　より編集を行う。 ビルダーを開き、「列を追加」してカラムを設定してから、「ウィジェットを追加」するで使用するウィジェットを追加する。 ヘッダーロゴの差し替え...

SEO SEOとは SEO（Search Engine Optimization：検索エンジン最適化） Google の使命「世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすること」の遂行のため、ユーザーが必要な情報に合致するものを提供できるよう、様々なロジックでア...

htmlメルマガ仕様 htmlメルマガは閲覧する環境によって、styleなどの仕様が変わってしまうので、ここにまとめます。 対象の閲覧環境と大まかな仕様 Gmail（PCブラウザ） classが効かない（レスポンシブ未対応） Gmail（SPアプリ） classが効かない（レスポ...

ワードプレス概要と方針 ワードプレスの用語と方針を記載します。 用語 クラシックエディター 旧wpで使用されているエディター。タグから組む必要がある。 ビジュアルエディター(グーテンベルグ) ブロックエディターとテキストエディターの総称。 ブロック...

メルマガ概要 現在の運用 テンプレート使用して、作業工数の軽減化を目的とし、運用 手順 キナリ様のメルマガ作成手順 キナリ様は、デモサーバーと本番サーバーの2つの環境でメルマガを作成します。 デモサーバー：https://tt311.w2solution.com/Test/R501...

w2環境 カートボタンを非表示にする方法 カートボタンを非表示にする方法は下記２点です。 ——————————————— ①在庫をゼロにする ②販売期間を終了（過去）にする ——————————————— ①リピートPLUSの「在庫情報」で設定 リピートPLUS上の「在庫情報」でゼロに設...

使用可能な拡張子 css gif gz htm html ico jpg jpeg js pdf png swf txt　※robots.txtに限る xml 動画のmp4なども使用不可のためYoutubeにアップしてもらうか別サーバーへアアップしたものを読み込むようにする。

SEOの評価の一つとして「page speed insights」のスコアが加味されるようになっています。https://developers.google.com/speed/pagespeed/insights/ ページを作成する環境によって（w2やエビス、ec-beingなど別サービス内でのページ作成）は、対応が難し...

準備編 バナーの並び順を確認 https://docs.google.com/spreadsheets/d/1YGMHuKbh_MIiyZ4F7qctT5hiiPfIEM0emdrPPC2BlOU/edit#gid=1805242679 登録バナーデータをダウンロードする コンテンツ管理 ↓ パーツ管理 ↓ パーツ新規登録/一覧 ↓ ダウンロード（ペー...

準備編 管理画面とdemoページを開く 管理画面 https://demo.ebisumart.com/admin.html demoページ https://demo.ebisumart.com/MORITAYA/ 編集編 コード編集 PC /view_preview/userweb/ext/campaign/present.xhtml SP /view_preview/smartphone/ext/campai...

準備編 管理画面とdemoページを開く 管理画面 https://demo.ebisumart.com/admin.html demoページ https://demo.ebisumart.com/MORITAYA/ URLを確認 例: /d2009emulsion.html スプレッドシートの場合は「主cp列」に★マークがついているページが対象。 ※URL...

iPad用のmedia // ipad用の表記 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { ここに記述 } 参考URL https://sole-color-blog.com/blog/71/ https://dev.classmethod.jp/articles/device-media-queries/