CSSの色の設定にはcolor-mix()を活用しよう

こんにちは、ナカムラです。 今回はCSSの色の指定について書きたいと思います。 CSSのcolor-mix()という関数を使ってみようと思います。 color-mix()とは 簡単にいうと2色を混合させる関数です。 MDNからの引用 color-mix() 関数記法は 2 つの 値を採り、指…

Laravel11で認証機能(Breeze)をカスタマイズする

こんにちは、コバヤシです。 以前Laravel6で認証をカスタマイズする方法を書きましたが、 tech.arms-soft.co.jp 今回はLaravel11でBreezeを使用した認証をカスタマイズする方法を書いていきます。 Breezeがインストールされていて動作していることを前提とし…

【SQL】データサイエンス100本ノック(構造化データ加工編)に挑戦!!56〜60

こんにちは、ドイです! 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-056: 顧客データ(customer)の年齢(age)をもとに10歳刻みで年代を算出し、顧客ID(customer_id)、生年月日(birth_day)と…

写真をクリックしてモーダルでより見やすく表示!写真のギャラリーモーダルを作成しよう -改修編-

こんにちは、ユアサです。 今回は前々回作成したギャラリーモーダルを改修していきます。 ↓前回の記事はこちら tech.arms-soft.co.jp 現状の動作の流れをまとめる まず改修前のギャラリーモーダルを確認します。 See the Pen gallery_modal by felly (@felly…

習うより慣れる!FigmaでWebデザイン 〜ボタン作成で学ぶコンポーネント〜

こんにちは、ハヤマです。 今回は久しぶりに、こちらのシリーズの続きを。 tech.arms-soft.co.jp コンポーネント化する想定でボタンを作成していきたいと思います。 コンポーネントとは デザインファイルやページの中で何度も利用する要素に対し設定する、共…

webフォントの文字詰めについて

こんにちは、ナカムラです。 今回はwebフォントの文字詰めについてです。 デザイナーから基本的に文字詰めはしたいという要望もあったので一度整理しておこうかと思います。 普段Googleフォントから提供されているNoto Sans JPを使用することが多いので文字…

【SQL】データサイエンス100本ノック(構造化データ加工編)に挑戦!!52〜55

こんにちは、ドイです! 前回に引き続き、データサイエンス100本ノックに挑戦していきます。 前回の記事 tech.arms-soft.co.jp S-052: レシート明細データ(receipt)の売上金額(amount)を顧客ID(customer_id)ごとに合計の上、売上金額合計に対して2,000…

カスタム投稿ページのパーマリンクにカスタムフィールドの値を使用する方法

こんにちは、コバヤシです。 今回はWordPressの投稿ページのパーマリンクにカスタムフィールドの値を使用する方法について書きます。 よくある方法 今回は、/hogehoge/【カスタムフィールドで設定した値】で投稿ページを表示したいと思います。 (カスタムフ…

写真をクリックしてモーダルでより見やすく表示!写真のギャラリーモーダルを作成しよう -改修準備編-

こんにちは、ユアサです。 今回は前回作成したギャラリーモーダルに工夫を加えるためのパーツについてまとめていきたいと思います ↓前回の記事はこちら tech.arms-soft.co.jp altを取得しよう imgタグに指定されているalt属性はgetAttribute('alt')を使って…

【Figma】続・コメントやメモに関する便利なウィジェット&プラグイン

こんにちは、ハヤマです。 前回はFigmaでの申し送りやメモを共有するのに便利なウィジェットについて記事を書いたのですが、 社内でいくつかリアクションをもらえたことと、前回調べた中で紹介しきれなかったものがありましたので 今回も引き続き、コメント…