Homebrewについて
HomebrewはmacOS向けのパッケージ管理システムです。主にコマンドで利用するようなパッケージやライブラリを管理（インストール、アンインストール、アップデートなど）するために使います。
Insights & Stories
MARBLEの自社メディア（ブログ / 動画）
先月アクセス数が多かった記事
【CSS】コンテンツ量が少ない時だけフッターを下部に固定する方法
コンテンツ量が少ないページをコーディングした際に、フッターの下に余白ができてしまったことから、コンテンツ量に応じてフッターの位置を変えるCSSを調べて実装してみました。備忘録として残していきたいと思います。
iOS16.4のWebプッシュ通知を試す
先日iOS 16.4がリリースされ、条件付きではありますが、iOSでもWebプッシュ通知が受信可能となったので、早速試してみました。まずはどのような流れでWebプッシュ通知を有効にできるか説明します。次に、Webプッシュ通知の受信に必要なWebアプリの構築やFirebase Cloud Messaging（以下、FCM）を使ったプッシュ通知の配信方法について説明します。なお、こ...
新着ニュース
【jQuery】アクセスごとに動画とポスター画像をランダム表示させる方法
ページにアクセスするたび動画とポスター画像を変える動きをサイトに実装する際に調べたので、自分のメモとしても残しておきたいと思います。jQueryを用いて実装しました。
iPhoneのSafariでデバッグする方法
実機端末を使用したデバッグ方法をご紹介します。使用するのはMacとiPhoneです。簡単に行えるので、まだご存じない方はぜひ試してみてください。
【CSS】コンテンツ量が少ない時だけフッターを下部に固定する方法
コンテンツ量が少ないページをコーディングした際に、フッターの下に余白ができてしまったことから、コンテンツ量に応じてフッターの位置を変えるCSSを調べて実装してみました。備忘録として残していきたいと思いま...
Safariでclamp()が効かない場合の対処法
前回、CSSの比較関数（min・max・clamp）についてご紹介しました。主要ブラウザには対応していていても、<code>clamp()</code>は Safari で効かない場合があるようです。
【サンプルあり】今すぐ使える！便利な比較関数 min() max() clamp() のお話
CSSコーディングでとても便利な比較関数（数学関数）についてご紹介します。使う場面なども想定して記述方法をご紹介しているので、まだ使ったことのない方はぜひご覧ください。
CSS 子要素を親要素からはみ出して画面いっぱいに表示させる方法とWindowsブラウザの注意点
上の画像のように一部のコンテンツのみ背景色が画面いっぱいに広がって表示させるデザイン。コーディングする際に、いくつか方法と注意点があるのでご紹介します。
Googleの検索順位を上げるために行ったこと(2) - PageSpeed Insights -
前回「Googleの検索順位を上げるために行ったこと(1) - Gogoleサーチコンソール -」にてGoogle サーチコンソールの対策についてまとめました。
Googleの検索順位を上げるために行ったこと(1) - Gogoleサーチコンソール -
新規Web制作やWebサイトリニューアルにおいて、切り離せない「検索順位」。弊社のサイトはGoogleの検索結果で2ページ目以降に表示される状況でした。「PageSpeed Insights」での診断結果もよいものではなかったので...
FlexboxとCSS Gridの違いについて調べてみた
こんにちは。CSSでレイアウトを組むときに、Flexboxが欠かせない存在になっている、satomiです。
Our Signature Products, Born from Insight.
提案から生まれた、
MARBLEの代表プロダクト
お客様の課題を起点に、MARBLEが自ら構想し、
仕組みからデザイン、開発、運用まで一貫してつくり上げたプロダクト群です。
業務改善、運営効率化、新たな顧客体験の創出など、
企業の事業成長に直結する“実装された解決策”を形にしています。
-
01 入退場システム
Entry System
全国15店舗、会員数50万人以上のこども向けパークで稼働する入退場・決済・顧客管理システム。
受付の効率化と回転率の向上を実現し、運営データの一元管理を可能にしています。 -
02 自動配送システム
Delivery Routing
50台のトラック、年間350日の配送を最適化する自動ルート生成システム。
紙のFAXで届く約500件の配送情報をデジタル化し、最適ルートを自動で算出することで、大幅な業務効率化を実現しました。 -
03 会話型コマース連携
Auto Routing
ライブチャットでの接客からEC購入までを一つの導線でつなぐ会話型コマースシステム。
リアルタイムの対話で顧客の購買意欲を高め、高いコンバージョン率につながる仕組みを構築しています。