jQuery:アコーディオンメニューを設置する 公開日:2023年7月31日 IT TOOLWebデザイナ挑戦コーダー技術MEMO アピ子です。 コーダーのオッコ先輩より、ご指導いただいたメモになります。 【課題】 1段目のアコーディオンを開いた時、2段目のアコーディオンに設置したリンクが作動してしまう。 【解決】 クローズした時、ulを隠す オープ […] 続きを読む
monaca Android リリースビルド失敗について 更新日:2023年10月6日 公開日:2023年7月28日 monacaエンジニア技術MEMO monacaにて、Android用リリースビルド時に上記のエラーが出たときは、 SDKのバージョンが低い為に起こります。 monaca のアプリの設定->AndroidのターゲットSDKバージョンを「31」と入力し […] 続きを読む
slideshow と lightbox を併用する【UIKit】 公開日:2023年7月14日 webコーダー挑戦デザインチーム コーダーのオッコです。 弊社はUIKitをコーディングで積極的に取り入れていますが、その要素同士を併用する際に詰まったのでメモとして残します。 やりたかったこと ・商品詳細画面で、複数の画像をuk-slideshowを使 […] 続きを読む
クリックで開閉するヘッダのプルダウンコード(任意の場所をクリックして閉じられる処理あり) 更新日:2024年6月19日 公開日:2023年6月16日 webコーダー挑戦コーダー技術MEMOデザインチーム コーダーのオッコです。 ヘッダのプルダウンの挙動ってタグ構造に左右されたりして地味に時間を取られるので、自分なりの書き方をまとめておきます。 ヘッダの右上にプルダウンのボタンがある前提の命名になっています。 大筋以外は突 […] 続きを読む
FLOCCS/Sass(SCSS)の利用について 更新日:2024年6月19日 公開日:2023年6月5日 未分類 こんにちは、インターンのさこです。社内でFLOCCSの導入を進めることになりましたので、覚書として記載いたしました。これから先輩方のサポートをいただきつつ、無事導入成功できると良いです。 1 FLOCSSを採用していく […] 続きを読む
Git SouceTreeの使い方について 更新日:2024年6月19日 公開日:2023年5月26日 コーダー技術MEMO未分類社内用 Gitの考え方について gitの考え方について、こちらの動画がとても分かりやすかったので、少し長いですが見てみてください。(使用ツールはSoucetreeではなくGitHubですが、似たような使い方だと思います。) So […] 続きを読む
illustratorでスナップが効かなくなったときに確認すること 更新日:2024年6月19日 公開日:2023年5月24日 Webデザイナ挑戦デザインチーム こんにちは、新米デザイナーのオッコです。 まだまだイラストレーターの機能を使いこなせず、悪戦苦闘しております。 今回は、いつもお世話になっていた、「なんかオブジェクトをドラッグすると周りのアンカーポイントやガイドにぴった […] 続きを読む
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 […] 続きを読む