2023年– date –
-
jQuery：アコーディオンメニューを設置する
アピ子です。 コーダーのオッコ先輩より、ご指導いただいたメモになります。 【課題】 １段目のアコーディオンを開いた時、２段目のアコーディオンに設置したリンクが作動してしまう。 【解決】 クローズした時、ulを隠す オープンした時、ulを表示 ■jQuer... -
monaca Android リリースビルド失敗について
monacaにて、Android用リリースビルド時に上記のエラーが出たときは、 SDKのバージョンが低い為に起こります。 monaca のアプリの設定->AndroidのターゲットSDKバージョンを「31」と入力してください。 -
slideshow と lightbox を併用する【UIKit】
コーダーのオッコです。 弊社はUIKitをコーディングで積極的に取り入れていますが、その要素同士を併用する際に詰まったのでメモとして残します。 やりたかったこと ・商品詳細画面で、複数の画像をuk-slideshowを使って表示。（大きい一枚＋それ以外を小... -
クリックで開閉するヘッダのプルダウンコード（任意の場所をクリックして閉じられる処理あり）
コーダーのオッコです。 ヘッダのプルダウンの挙動ってタグ構造に左右されたりして地味に時間を取られるので、自分なりの書き方をまとめておきます。 ヘッダの右上にプルダウンのボタンがある前提の命名になっています。 HTML <div class="header_right... -
FLOCCS／Sass(SCSS)の利用について
こんにちは、インターンのさこです。社内でFLOCCSの導入を進めることになりましたので、覚書として記載いたしました。これから先輩方のサポートをいただきつつ、無事導入成功できると良いです。 1 FLOCSSを採用していくための参考サイト Youtube参考動画... -
Git SouceTreeの使い方について
Gitの考え方について gitの考え方について、こちらの動画がとても分かりやすかったので、少し長いですが見てみてください。（使用ツールはSoucetreeではなくGitHubですが、似たような使い方だと思います。） Soucetree準備 開発環境（Git）からローカル環... -
illustratorでスナップが効かなくなったときに確認すること
こんにちは、新米デザイナーのオッコです。 まだまだイラストレーターの機能を使いこなせず、悪戦苦闘しております。 今回は、いつもお世話になっていた、「なんかオブジェクトをドラッグすると周りのアンカーポイントやガイドにぴったりのところを教えて... -
iOSでリンク付きの画像をタップしたときにデフォルトで青くなってしまうのを解消
こんにちは、コーダーのオッコです。 直しちゃったので参考になる画像がないのですが、スマホ実機でリンクがついた画像をタップすると、タップした領域がデフォルトで青くなる現象に遭遇したので修正方法をメモがてら残します。 結論 こうする。 -webkit-t... -
モバイルフレンドリーテストが失敗するときに確認するポイント
コーダーのオッコです。 SEO対策の一環として用いられる、モバイルフレンドリーテスト。 なぜか失敗するときには以下を試してみてください。 CSSが読み込まれない テスト結果画面で「スクリーンショット」を確認してみてください。 ページのデザインが大き... -
Google Tag Managerを使ってGoogle Analytics 4をサイトに導入する
こんにちは、コーダーのオッコです。 GA4の設定が大変だったのでメモ代わりに残します。 目次 大前提としてこれらは何なのか GTMとGA4とGSCの関係性 それぞれを連携させる 開発環境からのアクセスは計測しないようにする方法 2サイト間のユーザーの動きを...
