2025/03/04
Googleカレンダー2カ月表示
案件でGoogleカレンダーを2カ月表示する実装をしたので、共有。 これは、GoogleカレンダーAPIを使わず、JavaScriptにて2カ月表示を実現するものである。 下記サイトで実装。https://www.ham […]
EPRESS共通
- HOME
- EPRESS共通
2024/11/18
画像をホバーで虫眼鏡拡大表示
画像ホバーで虫眼鏡拡大表示の実装方法。 下記検証サーバーに実装した例。 【BS】http://s10013272000321.c2.hpms1.jp/%E7%94%BB%E5%83%8F%E3%83%9B%E3%83%9 […]
書き換え対象はsass/core/_main_slide.scss ファイルのみ。 75行目付近 width: ($main_slide_copy_width / $container) * 100#{‘%’}; ↓↓↓ […]
2022/09/28
KnowledgeTags設置依頼
KnowledgeTags設置依頼という依頼が来た時の作業内容です。 BS/ECどちらも対象です。 タグは案件固有なので依頼者からもらってください。 共通して大事なことは、 ・必ずリッチリザルトで反映を確認 ・「リッチリ […]
2022/07/25
slickスライダーで、サイト表示直後に1番最後のスライド画像が少し見えてしまう
slickスライダーで、サイト表示直後に1番最後のスライド画像が少し見えてしまう現象を緩和する補法です。 scss .main_visual { .main_visual_slick { li:not(:first-ch […]
2021/07/29
ライトボックスがスマホ実機でうまく動かない
ライトボックスがスマホ実機でうまく動かないと指摘されたときの対処法です。 現象 SPで閲覧時に閉じるボタン（右上に表示される✕ボタン）を押しても画像を閉じることが出来ない。 修正方法 修正箇所はbundle.jsになりま […]
2021/05/25
メインを動画にしたい
作業 メインに動画を入れたいという依頼が時々あると思うので設置した案件を例として載せておきます。特にやり方は決まっていません。（高さをファーストビューに合せる必要があるかなど案件によります。）シードライセンス・BS・EC […]
2021/01/13
パララックスがおかしい（ユーザーエージェントの修正）
iosクラスのつき方がおかしいという場合の修正方法です。画像が拡大されてしまう、PCなのにパララックスにならない等の現象です。 ユーザーエージェントの書き方を修正して対応してください。 修正元ソースは制作時期により異なる […]
2020/08/19
キャッチコピーをスライドごとに切り替える
キャッチコピーをスライドごとに切り替える仕様に変更する対処法です。 main.cssにコードを追記して対応します。 追記コード .main_visual .main_visual_copy { -webkit-trans […]
2020/03/02
Webフォント
！！提供終了！！ MORISAWA PASSPORTとの契約満了につき2023年6月30日をもって提供終了しています。 条件 ・Webフォントのオプションを申し込んでいる案件 作業内容 1.Webフォントを登録する […]
2019/04/04
node-sass最新版に対応したsassファイル書き換えについて
概要 タスクランナーで使用しているgulpプラグインのgulp-sassが依存しているnode-sassの最新のバージョンでは sassファイル上の%を文字列で取り扱う際のルールが厳密になっている。 具体的には、$hog […]
2017/07/03
parallax内にアニメーション実装注意
普通に実装しようとすると、 一度、画面いっぱいにスクロールさせてからでないと、wowクラスにanimatedクラスが付与されないので注意が必要。 ＜解決策＞ parallax_contentsクラスに、transform […]
2017/04/07
【コーダー情報共有】【重要】タスクランナーのバージョンアップ
各位お疲れ様です。 新ガイドラインにある画像圧縮ですが この内容に対応し、その他もろもろ調整を入れたタスクランナーが完成しました。 【画像圧縮比較サンプル】http://iflag.moo.jp/imagemin_tes […]
2017/04/06
ホームページ上から画像を保存できないようにしたい
要件 右クリック禁止 ドラック＆ドロップコピーガード 参考（参考にならない） http://www.stylish-style.com/csstec/basic/g-photo-guard.html画像を上に置くとか、め […]
2017/03/25
続・指示書の表をtableタグに起こすtips
指示書の表をtableタグに起こすtipshttp://s10013272000430.c26.hpms1.jp/epress/267 上記手順で、tableタグの作成までは爆速化できたことと思います。ただ、残作業の以下 […]
2017/03/06
【コーダー情報共有】社内レスポンシブを爆速化するemmet
各位 お疲れ様です。 社内レスポンシブwebサイト制作を爆速にする emmet拡張を作成しました。 EPRESSはもちろん、リミテッドでも使えます。 ◇emmetって何 こんなの http://rfs.jp/sb/ato […]
2017/02/27
指示書の表をtableタグに起こすtips
指示書の表指示がこれまでのシェイプスではなく、別タブでのセルによる表組指示に変更になりました。 これを見づらいと思う人もいるかもしれませんが本改修は制作、特にコーダー向けのものです。 セルでの表示になることで、一括でコピ […]
2017/02/24
スライドの速度変更など、オプション項目の変更
まず、slickかslider-proなのか判断するスライドのclass名に思いっきり書いてある。 slickであればmain.jsの下の方にslickパラメータについて書いてある部分があるので、以下サイトを参考にして値 […]