iOSでリンク付きの画像をタップしたときにデフォルトで青くなってしまうのを解消 更新日:2024年6月19日 公開日:2023年5月24日 webコーダー挑戦コーダー技術MEMOデザインチーム こんにちは、コーダーのオッコです。 直しちゃったので参考になる画像がないのですが、スマホ実機でリンクがついた画像をタップすると、タップした領域がデフォルトで青くなる現象に遭遇したので修正方法をメモがてら残します。 結論 […] 続きを読む
モバイルフレンドリーテストが失敗するときに確認するポイント 公開日:2023年5月12日 webコーダー挑戦コーダー技術MEMOデザインチーム コーダーのオッコです。 SEO対策の一環として用いられる、モバイルフレンドリーテスト。 なぜか失敗するときには以下を試してみてください。 CSSが読み込まれない テスト結果画面で「スクリーンショット」を確認してみてくださ […] 続きを読む
Google Tag Managerを使ってGoogle Analytics 4をサイトに導入する 更新日:2023年5月24日 公開日:2023年5月12日 webコーダー挑戦コーダー技術MEMOデザインチーム こんにちは、コーダーのオッコです。 GA4の設定が大変だったのでメモ代わりに残します。 目次 大前提としてこれらは何なのか Goole Tag Manager(以下GTM)、Google Analytics 4(以下GA […] 続きを読む
:first-childと:first-pf-type の違い 更新日:2023年4月26日 公開日:2023年4月25日 webコーダー挑戦コーダー技術MEMOデザインチーム :first-childが効かない原因は子要素の構造にある コーダーのオッコです。 こういったコードの、aaaaだけ色を変えたい場合に、cssはどのように書いたらいいでしょうか? 答えはこうです。 以下のようにやりがちだ […] 続きを読む
カレンダーがスマホで横スクロール表示になってくれない 更新日:2024年6月19日 公開日:2023年4月20日 webコーダー挑戦コーダー技術MEMOデザインチーム 横長の要素にoverflowが効かない問題 コーダーのオッコです。 カレンダーをスマホで横スクロールにしたかったのですが、カレンダーの横幅のcssを以下のように書いてもはみ出す問題がありました。 width: 100%; […] 続きを読む
新しいページのtplファイルを追加したい時 公開日:2023年4月13日 Webデザイナ挑戦コーダー技術MEMOデザインチーム こちらはエンジニアとデザイナの領域が交わった作業になりますが、とても簡単とのことなので@オッコさんにレクチャーいただきました。(アピコ) 詳しくは下記になります。 /** * 口コミ商品一覧 */ public func […] 続きを読む
お名前.comのドメイン追加からWordPressインストールまで 更新日:2024年7月11日 公開日:2023年4月11日 Webデザイナ挑戦Wordpressデザインチーム 新米アピコです。 WEBデザイナーなら、1からWordPressでのサイトを構築しなければならないということで、ドメイン作成からインストールまでを行ないました。 分かって仕舞えばものの10分で終わるのですが、分からないと […] 続きを読む
Shopify ECサイト制作過程 更新日:2023年5月22日 公開日:2023年3月7日 ECサイトShopifyWebデザイナ挑戦デザインチーム未分類 アピコです。 ShopifyでのECサイト構築はデザイナー単独でもできる!! とのことで(汗)、初めてShopifyに入ってみるとWordPressと同じような編集方法でECサイトができます。 (WordPressの賢威 […] 続きを読む
Yahoo!広告 コンバージョン ユニバーサルタグの設置 公開日:2023年3月7日 ECサイトデザインチームマーケティング コンバージョンとは Webサイト上で獲得する「最終的な成果」を意味するコンバージョン。Webサイトや広告のパフォーマンスを示す、Webマーケティングにおける重要な指標のひとつ。 また、Webサイトにおけるコンバージョンは […] 続きを読む
safariで、撮った写真をブラウザ上で表示させる機能が動かない【iPhone/iPad】 更新日:2023年5月12日 公開日:2023年1月27日 webコーダー挑戦コーダー技術MEMOデザインチーム どんなシステムか デザイナーのオッコです。 iPhoneで写真を撮らせるフローがあるシステムってありますよね。 例えば顔写真認証サイトなど。 今回の案件では、受付のときに写真が必要なシステムがありました。 流れとしては、 […] 続きを読む