【CSS】コンテンツ量が少ない時だけフッターを下部に固定する方法
コンテンツ量が少ないページをコーディングした際に、フッターの下に余白ができてしまったことから、コンテンツ量に応じてフッターの位置を変えるCSSを調べて実装してみました。備忘録として残していきたいと思います。
Insights & Stories
MARBLEの自社メディア（ブログ / 動画）
先月アクセス数が多かった記事
iOS16.4のWebプッシュ通知を試す
先日iOS 16.4がリリースされ、条件付きではありますが、iOSでもWebプッシュ通知が受信可能となったので、早速試してみました。まずはどのような流れでWebプッシュ通知を有効にできるか説明します。次に、Webプッシュ通知の受信に必要なWebアプリの構築やFirebase Cloud Messaging（以下、FCM）を使ったプッシュ通知の配信方法について説明します。なお、こ...
Homebrewについて
HomebrewはmacOS向けのパッケージ管理システムです。主にコマンドで利用するようなパッケージやライブラリを管理（インストール、アンインストール、アップデートなど）するために使います。
新着ニュース
Adobe XDデザインを見てCSS設計を決めるときに考えていること
Adobe XDのデザインデータを見てからCSS設計を決める際に、普段確認しているポイントをまとめました。コーディング前に意識している考え方や、構造の整理方法を紹介します。
Adobe XDデータを受け取ったら最初に確認していること
Adobe XDデータを受け取ったあと、コーディング前に確認しているポイントを実務目線で整理。アートボードサイズやフォント、余白、SVG構造など、手戻りを減らすための事前チェック内容を具体的に紹介します。
Adobe XDでコピーしたSVGを実装しやすく整理した話
Adobe XDからコピーしたSVGをそのまま使った際に感じた違和感をきっかけに、Illustratorで整えてから実装する方法へ移行した体験談。SVG構造が複雑になる原因や整理手順、実装時に感じたメリットを実例ベースで紹介...
iOS16.4のWebプッシュ通知を試す
先日iOS 16.4がリリースされ、条件付きではありますが、iOSでもWebプッシュ通知が受信可能となったので、早速試してみました。まずはどのような流れでWebプッシュ通知を有効にできるか説明します。次に、Webプッシュ...
Laravel Sailで開発環境を構築する
ローカルにPHPやWeb、DBサーバーなど、Laravelの動作に必要な環境が揃っていない場合、開発環境を整えるのは大変ですが、Dockerさえインストールしてあれば、Laravel Sailを使って簡単に環境を構築できます。一からL...
【jQuery】アクセスごとに動画とポスター画像をランダム表示させる方法
ページにアクセスするたび動画とポスター画像を変える動きをサイトに実装する際に調べたので、自分のメモとしても残しておきたいと思います。jQueryを用いて実装しました。
iPhoneのSafariでデバッグする方法
実機端末を使用したデバッグ方法をご紹介します。使用するのはMacとiPhoneです。簡単に行えるので、まだご存じない方はぜひ試してみてください。
TensorFlow Lite Model Makerでカスタムモデルを作成する
スマートフォンアプリで画像分類や物体検出を行う際に使用する、TensorFlow Lite形式のカスタムモデルを作る方法をご紹介します。作成したカスタムモデルは直接またはML Kitを介してスマートフォンアプリに組み込む...
LaravelとBackpackで構築した管理画面をカスタマイズする
先日ご紹介した Laravel-Backpack について、項目の追加や画像アップロード機能を追加する方法について紹介していきます。
Our Signature Products, Born from Insight.
提案から生まれた、
MARBLEの代表プロダクト
お客様の課題を起点に、MARBLEが自ら構想し、
仕組みからデザイン、開発、運用まで一貫してつくり上げたプロダクト群です。
業務改善、運営効率化、新たな顧客体験の創出など、
企業の事業成長に直結する“実装された解決策”を形にしています。
-
01 入退場システム
Entry System
全国15店舗、会員数50万人以上のこども向けパークで稼働する入退場・決済・顧客管理システム。
受付の効率化と回転率の向上を実現し、運営データの一元管理を可能にしています。 -
02 自動配送システム
Delivery Routing
50台のトラック、年間350日の配送を最適化する自動ルート生成システム。
紙のFAXで届く約500件の配送情報をデジタル化し、最適ルートを自動で算出することで、大幅な業務効率化を実現しました。 -
03 会話型コマース連携
Auto Routing
ライブチャットでの接客からEC購入までを一つの導線でつなぐ会話型コマースシステム。
リアルタイムの対話で顧客の購買意欲を高め、高いコンバージョン率につながる仕組みを構築しています。